@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.
 *
 */
.BackgroundImage {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }
  .BackgroundImage .holderImage {
    display: none; }
  .BackgroundImage .background {
    background-size: cover;
    height: 100%;
    opacity: 0; }
    .BackgroundImage .background.loaded {
      opacity: 1; }
    .BackgroundImage .background.fade {
      -webkit-transition: opacity 0.5s;
      transition: opacity 0.5s; }

.Button {
  outline: none;
  position: relative; }
  .Button.borderless {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0; }
  .Button.btn {
    background-color: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
    background: -webkit-linear-gradient(#fff, #f0f0f0);
    background: linear-gradient(#fff, #f0f0f0);
    border: 1px solid #ccc;
    color: #5f5f5f;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px #fff;
    white-space: nowrap;
    background-color: #f0f0f0;
    padding: 7px 13px; }
    .Button.btn.rounded {
      border-radius: 3px; }
    .Button.btn:hover, .Button.btn:focus {
      border-color: #ccc #c2c2c2 #b8b8b8; }
    .Button.btn.primary, .Button.btn.primaryOnHover:hover, .Button.btn.primaryOnHover:focus, .Button.btn.primaryOnHover.active {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#e3262e), to(#ab171e));
      background-image: -webkit-linear-gradient(#e3262e, #ab171e);
      background-image: linear-gradient(#e3262e, #ab171e);
      background-color: #ab171e;
      border-bottom-color: #820a0f;
      border-left-color: #9a1015;
      border-right-color: #9a1015;
      border-top-color: #af151b;
      border-style: solid;
      border-width: 1px;
      -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);
      color: #fff;
      text-shadow: 0 -1px rgba(0, 0, 0, 0.11); }
      .Button.btn.primary:not(.noHoverActive):hover, .Button.btn.primary:not(.noHoverActive):focus, .Button.btn.primaryOnHover:hover:not(.noHoverActive):hover, .Button.btn.primaryOnHover:hover:not(.noHoverActive):focus, .Button.btn.primaryOnHover:focus:not(.noHoverActive):hover, .Button.btn.primaryOnHover:focus:not(.noHoverActive):focus, .Button.btn.primaryOnHover.active:not(.noHoverActive):hover, .Button.btn.primaryOnHover.active:not(.noHoverActive):focus {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e63d44), to(#c11a22));
        background-image: -webkit-linear-gradient(#e63d44, #c11a22);
        background-image: linear-gradient(#e63d44, #c11a22);
        -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: 1px solid #920c12; }
      .Button.btn.primary:not(.noHoverActive):active, .Button.btn.primary:not(.noHoverActive).active, .Button.btn.primaryOnHover:hover:not(.noHoverActive):active, .Button.btn.primaryOnHover:hover:not(.noHoverActive).active, .Button.btn.primaryOnHover:focus:not(.noHoverActive):active, .Button.btn.primaryOnHover:focus:not(.noHoverActive).active, .Button.btn.primaryOnHover.active:not(.noHoverActive):active, .Button.btn.primaryOnHover.active:not(.noHoverActive).active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#bb1618), to(#e22123));
        background-image: -webkit-linear-gradient(#bb1618, #e22123);
        background-image: linear-gradient(#bb1618, #e22123);
        -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5) inset;
        background-color: #e22123;
        border-color: #99161b;
        text-shadow: 0 1px rgba(0, 0, 0, 0.6); }
    .Button.btn.dim {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #777; }
    .Button.btn.unAuthFacebookConnect, .Button.btn.unAuthGplusConnect, .Button.btn.unAuthTwitterConnect, .Button.btn.unAuthRakutenConnect {
      height: 42px;
      position: relative; }
      .Button.btn.unAuthFacebookConnect em, .Button.btn.unAuthGplusConnect em, .Button.btn.unAuthTwitterConnect em, .Button.btn.unAuthRakutenConnect em {
        bottom: 0;
        -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05);
        box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05);
        height: 39px;
        left: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 41px; }
      .Button.btn.unAuthFacebookConnect span, .Button.btn.unAuthGplusConnect span, .Button.btn.unAuthTwitterConnect span, .Button.btn.unAuthRakutenConnect span {
        color: #fff;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.25); }
    .Button.btn.unAuthFacebookConnect {
      background-color: #435f9b;
      background: -webkit-gradient(linear, left top, left bottom, from(#5676bc), to(#31497b));
      background: -webkit-linear-gradient(#5676bc, #31497b);
      background: linear-gradient(#5676bc, #31497b);
      border: 1px solid #293e69;
      border-top-color: #31497b;
      color: #444;
      text-shadow: 0 1px #fff; }
      .Button.btn.unAuthFacebookConnect:hover, .Button.btn.unAuthFacebookConnect:focus, .Button.btn.unAuthFacebookConnect:active, .Button.btn.unAuthFacebookConnect.active {
        border: 1px solid #1b2845;
        border-top-color: #293e69; }
      .Button.btn.unAuthFacebookConnect:active, .Button.btn.unAuthFacebookConnect.active {
        background-color: #3b5896;
        background: -webkit-gradient(linear, left top, left bottom, from(#4669b2), to(#31497b));
        background: -webkit-linear-gradient(#4669b2, #31497b);
        background: linear-gradient(#4669b2, #31497b);
        -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
      .Button.btn.unAuthFacebookConnect em {
        width: 42px;
        height: 42px;
        background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -118px -97px no-repeat;
        background-color: #5a78b9;
        background-color: rgba(255, 255, 255, 0.08); }
    .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect, .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect:hover, .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect:active {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background: -webkit-gradient(linear, left top, left bottom, from(#2953ad), to(#234ca2));
      background: -webkit-linear-gradient(#2953ad, #234ca2);
      background: linear-gradient(#2953ad, #234ca2);
      background-clip: padding-box;
      border: 3px solid rgba(9, 39, 101, 0.5);
      border-radius: 6px;
      -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.32);
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.32);
      height: auto;
      padding-bottom: 12px;
      padding-top: 10px; }
      .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect em, .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect:hover em, .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect:active em {
        width: 50px;
        height: 42px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -171px -303px no-repeat;
        background-color: rgba(255, 255, 255, 0.04);
        margin-top: -2px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect em, .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect:hover em, .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect:active em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -243px -248px;
            background-size: 415px 409px; } }
        .UnauthBanner .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect em, .UnauthBanner .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect:hover em, .UnauthBanner .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect:active em {
          background-color: transparent; }
    .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect:active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect:hover {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border: 1px solid rgba(5, 37, 105, 0.64);
      border-radius: 3px;
      height: 39px;
      width: 100%; }
      .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect em, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect:active em, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect:hover em {
        margin-top: 0;
        padding-right: 5px;
        width: 38px; }
    .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#3660BA), to(#3059AF));
      background: -webkit-linear-gradient(#3660BA, #3059AF);
      background: linear-gradient(#3660BA, #3059AF); }
    .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect.intButton, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect.intButton:active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthFacebookConnect.intButton:hover {
      float: left;
      margin-right: 16px;
      width: 126px; }
    .Button.btn.unauthHomeRegisterButton.unAuthemailSignup, .Button.btn.unauthHomeRegisterButton.unAuthemailSignup:hover {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-clip: padding-box;
      border: 3px solid rgba(51, 51, 51, 0.4);
      border-radius: 6px;
      padding-top: 10px;
      padding-bottom: 12px;
      color: #666; }
      .Button.btn.unauthHomeRegisterButton.unAuthemailSignup em, .Button.btn.unauthHomeRegisterButton.unAuthemailSignup:hover em {
        width: 50px;
        height: 42px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -223px -303px no-repeat;
        height: 40px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.btn.unauthHomeRegisterButton.unAuthemailSignup em, .Button.btn.unauthHomeRegisterButton.unAuthemailSignup:hover em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -192px -248px;
            background-size: 415px 409px; } }
    .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthemailSignup, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthemailSignup:active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthemailSignup:hover {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border-radius: 3px;
      height: 39px;
      width: 268px; }
      .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthemailSignup em, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthemailSignup:active em, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthemailSignup:hover em {
        height: 37px;
        margin-left: -6px;
        width: 40px; }
    .Button.btn.unAuthGplusConnect {
      background-color: #ef6666;
      background: -webkit-gradient(linear, left top, left bottom, from(#f87474), to(#e65858));
      background: -webkit-linear-gradient(#f87474, #e65858);
      background: linear-gradient(#f87474, #e65858);
      border: 1px solid #e34242;
      border-top-color: #e65858;
      color: #444;
      text-shadow: 0 1px #fff; }
      .Button.btn.unAuthGplusConnect:hover, .Button.btn.unAuthGplusConnect:focus, .Button.btn.unAuthGplusConnect:active, .Button.btn.unAuthGplusConnect.active {
        border: 1px solid #d21f1f;
        border-top-color: #e34242; }
      .Button.btn.unAuthGplusConnect:active, .Button.btn.unAuthGplusConnect.active {
        background-color: #ee5959;
        background: -webkit-gradient(linear, left top, left bottom, from(#f75c5c), to(#e65858));
        background: -webkit-linear-gradient(#f75c5c, #e65858);
        background: linear-gradient(#f75c5c, #e65858);
        -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
      .Button.btn.unAuthGplusConnect em {
        width: 41px;
        height: 41px;
        background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -215px -43px no-repeat;
        background-color: #e65858;
        background-color: rgba(255, 255, 255, 0.07); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.btn.unAuthGplusConnect em {
            background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
            background-position: -128px -43px;
            background-size: 229px 211px; } }
    .Button.btn.unAuthTwitterConnect {
      background-color: #3fa6d0;
      background: -webkit-gradient(linear, left top, left bottom, from(#5fbee4), to(#2090bd));
      background: -webkit-linear-gradient(#5fbee4, #2090bd);
      background: linear-gradient(#5fbee4, #2090bd);
      border: 1px solid #1c7fa8;
      border-top-color: #2090bd;
      color: #444;
      text-shadow: 0 1px #fff; }
      .Button.btn.unAuthTwitterConnect:hover, .Button.btn.unAuthTwitterConnect:focus, .Button.btn.unAuthTwitterConnect:active, .Button.btn.unAuthTwitterConnect.active {
        border: 1px solid #155e7c;
        border-top-color: #1c7fa8; }
      .Button.btn.unAuthTwitterConnect:active, .Button.btn.unAuthTwitterConnect.active {
        background-color: #34a2cf;
        background: -webkit-gradient(linear, left top, left bottom, from(#49b5e1), to(#2090bd));
        background: -webkit-linear-gradient(#49b5e1, #2090bd);
        background: linear-gradient(#49b5e1, #2090bd);
        -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
      .Button.btn.unAuthTwitterConnect em {
        width: 41px;
        height: 41px;
        background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -215px 0px no-repeat;
        background-color: #49b5e1;
        background-color: rgba(255, 255, 255, 0.08); }
    .Button.btn.unAuthRakutenConnect {
      background-color: #c11400;
      background: -webkit-gradient(linear, left top, left bottom, from(#f41900), to(#8e0f00));
      background: -webkit-linear-gradient(#f41900, #8e0f00);
      background: linear-gradient(#f41900, #8e0f00);
      border: 1px solid #750c00;
      border-top-color: #8e0f00;
      color: #444;
      text-shadow: 0 1px #fff; }
      .Button.btn.unAuthRakutenConnect:hover, .Button.btn.unAuthRakutenConnect:focus, .Button.btn.unAuthRakutenConnect:active, .Button.btn.unAuthRakutenConnect.active {
        border: 1px solid #420700;
        border-top-color: #750c00; }
      .Button.btn.unAuthRakutenConnect:active, .Button.btn.unAuthRakutenConnect.active {
        background-color: #b41200;
        background: -webkit-gradient(linear, left top, left bottom, from(#db1700), to(#8e0f00));
        background: -webkit-linear-gradient(#db1700, #8e0f00);
        background: linear-gradient(#db1700, #8e0f00);
        -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
      .Button.btn.unAuthRakutenConnect em {
        width: 41px;
        height: 41px;
        background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -162px -97px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.btn.unAuthRakutenConnect em {
            background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
            background-position: 0px -96px;
            background-size: 229px 211px; } }
    .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-color: white;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
      background: -webkit-linear-gradient(#ffffff, #e6e6e6);
      background: linear-gradient(#ffffff, #e6e6e6);
      border: 1px solid #d9d9d9;
      border-top-color: #e6e6e6;
      color: #444;
      text-shadow: 0 1px #fff;
      height: 39px;
      width: 126px; }
      .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:focus, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton.active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover:hover, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover:focus, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover:active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover.active {
        border: 1px solid #bfbfbf;
        border-top-color: #d9d9d9; }
      .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton.active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover:active, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover.active {
        background-color: #ebebeb;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6));
        background: -webkit-linear-gradient(#f2f2f2, #e6e6e6);
        background: linear-gradient(#f2f2f2, #e6e6e6);
        -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
      .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton span, .Button.btn.unauthHomeRegisterButton.multiStepRedesign.unAuthRakutenConnect.intButton:hover span {
        text-shadow: none;
        color: #c11400; }
    .Button.btn.registerLoginButton em {
      left: 0;
      position: absolute;
      padding: 0;
      top: 0; }
    .Button.btn.registerLoginButton span {
      display: inline-block;
      margin-left: 42px;
      margin-top: -3px; }
    .Button.btn.registerLoginButton.multiStepRedesign span {
      margin-left: 30px; }
    .Button.btn.registerLoginButton.multiStepRedesign.intButton span {
      bottom: 6px; }
    .Button.btn.registerLoginButton.multiStepRedesign.unAuthRakutenConnect.intButton em {
      left: -1px;
      top: -3px; }
    .Button.btn:active, .Button.btn.active {
      background-color: #f7f7f7;
      background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff));
      background: -webkit-linear-gradient(#f0f0f0, #fff);
      background: linear-gradient(#f0f0f0, #fff);
      border-color: #b8b8b8 #c2c2c2 #ccc;
      -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; }
  .Button.loading {
    min-height: 0;
    min-height: 0; }
    .Button.loading .buttonText, .Button.loading em {
      visibility: hidden; }
    .Button.loading .buttonText, .Button.loading em {
      visibility: hidden; }
  .Button.gridItem {
    bottom: 10px;
    display: block;
    left: 10px;
    width: 216px; }
  .Button .buttonBadge {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  .Button em {
    display: inline-block;
    outline: none;
    position: relative;
    vertical-align: middle; }
  .Button .accessibilityText {
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    position: absolute; }
  .Button .hasText em {
    margin-right: 6px; }
  .Button.offsiteLink {
    font-weight: bold; }
  .Button.website em {
    width: 18px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -165px -144px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.website em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -176px -142px;
        background-size: 214px 199px; } }
  .Button.website:hover em, .Button.website:focus em {
    width: 18px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -125px -144px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.website:hover em, .Button.website:focus em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -138px -142px;
        background-size: 214px 199px; } }
  .Button.website:active em {
    width: 18px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -145px -144px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.website:active em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -157px -142px;
        background-size: 214px 199px; } }
  .Button.crop em {
    width: 17px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -203px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.crop em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -49px -194px;
        background-size: 229px 211px; } }
  .Button.buy em {
    margin-top: -2px;
    width: 18px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -222px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.buy em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -120px;
        background-size: 229px 211px; } }
  .Button.buy:hover em {
    width: 18px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -89px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.buy:hover em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -102px;
        background-size: 229px 211px; } }
  .Button.buy:active em {
    width: 18px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -109px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.buy:active em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -13px -194px;
        background-size: 229px 211px; } }
  .Button.moreInfo {
    max-width: 250px;
    width: auto; }
    .Button.moreInfo em {
      width: 14px;
      height: 14px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px -259px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.moreInfo em {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -150px -194px;
          background-size: 229px 211px; } }
  .Button.btn[disabled], .Button.btn.disabled, .Button.btn.disabled:hover, .Button.btn.disabled:focus, .Button.btn.disabled:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 0 0 0 !important;
    background: #ebebeb !important;
    border: 1px solid #ddd !important;
    color: #aaa !important;
    cursor: default; }
    .Button.btn[disabled].repinSmall em, .Button.btn.disabled.repinSmall em, .Button.btn.disabled:hover.repinSmall em, .Button.btn.disabled:focus.repinSmall em, .Button.btn.disabled:active.repinSmall em {
      width: 34px;
      height: 15px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -242px -237px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.btn[disabled].repinSmall em, .Button.btn.disabled.repinSmall em, .Button.btn.disabled:hover.repinSmall em, .Button.btn.disabled:focus.repinSmall em, .Button.btn.disabled:active.repinSmall em {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -84px -194px;
          background-size: 229px 211px; } }
  .Button.btn.noSidePadding {
    padding-left: 0;
    padding-right: 0; }
  .Button.btn.tutorialButton {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 15px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    width: 136px;
    /* To handle captions that are too long gracefully */
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* To support an animated push state */
    -webkit-transition: opacity 0.06s linear;
    transition: opacity 0.06s linear;
    /* So you can't select button text accidentally */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .Button.btn.tutorialButton:active {
      opacity: 0.85;
      -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
      transform: scale(0.98); }
    .Button.btn.tutorialButton.next, .Button.btn.tutorialButton.learnMore {
      background-color: #E9FBFF;
      background-image: -webkit-linear-gradient(270deg, #FFF 0%, #DAF8FF 100%);
      background-image: linear-gradient(180deg, #FFF 0%, #DAF8FF 100%);
      -webkit-box-shadow: inset 0 0 0 1px #33A3C8, inset 0 0 1px 1px rgba(255, 255, 255, 0.45), inset 0 -3px 1px 0 rgba(255, 255, 255, 0.17);
      box-shadow: inset 0 0 0 1px #33A3C8, inset 0 0 1px 1px rgba(255, 255, 255, 0.45), inset 0 -3px 1px 0 rgba(255, 255, 255, 0.17);
      color: #129bc8;
      font-weight: 500;
      text-shadow: 0 1px 0 #fff; }
      .Button.btn.tutorialButton.next:hover, .Button.btn.tutorialButton.learnMore:hover {
        background-image: -webkit-linear-gradient(270deg, #FFF 0%, #E6FAFF 100%);
        background-image: linear-gradient(180deg, #FFF 0%, #E6FAFF 100%); }
    .Button.btn.tutorialButton.learnMore {
      margin-left: 6px; }
    .Button.btn.tutorialButton.later {
      background-color: #14CAF6;
      background-image: -webkit-linear-gradient(270deg, #28D5FF 0%, #00BEED 100%);
      background-image: linear-gradient(180deg, #28D5FF 0%, #00BEED 100%);
      -webkit-box-shadow: inset 0 0 0 1px #00A4CC, inset 0 0 1px 2px rgba(255, 255, 255, 0.25);
      box-shadow: inset 0 0 0 1px #00A4CC, inset 0 0 1px 2px rgba(255, 255, 255, 0.25);
      color: #fff;
      font-weight: 600;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); }
      .Button.btn.tutorialButton.later:hover {
        background-image: -webkit-linear-gradient(270deg, #2ED6FF 0%, #0CC4F1 100%);
        background-image: linear-gradient(180deg, #2ED6FF 0%, #0CC4F1 100%); }
    .Button.btn.tutorialButton.rounded {
      border-radius: 6px; }
  .Button.addPinButton span {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #333;
    font-weight: bold; }
  .Button.addPinButton em {
    display: block;
    margin: 0 auto; }
  .Button.addPinButton.addPinUpload em {
    width: 72px;
    height: 77px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px -97px no-repeat;
    margin-bottom: 43px; }
  .Button.addPinButton.addPinURL em {
    width: 84px;
    height: 84px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -129px 0px no-repeat;
    margin-bottom: 36px; }
  .Button.thumbsUpButton em {
    width: 12px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -157px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.thumbsUpButton em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -156px;
        background-size: 229px 211px; } }
  .Button.thumbsUpButton:hover em, .Button.thumbsUpButton.active em {
    width: 12px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -129px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.thumbsUpButton:hover em, .Button.thumbsUpButton.active em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -138px;
        background-size: 229px 211px; } }
  .Button.thumbsDownButton em {
    width: 12px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -143px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.thumbsDownButton em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: 0px -194px;
        background-size: 229px 211px; } }
  .Button.thumbsDownButton:hover em, .Button.thumbsDownButton.active em {
    width: 12px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -189px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.thumbsDownButton:hover em, .Button.thumbsDownButton.active em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -174px;
        background-size: 229px 211px; } }
  .Button.richPinFooterVisit span {
    color: #333; }
  .Button.xlarge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
    font-size: 14px;
    margin-bottom: 4px;
    padding-bottom: 11px;
    padding-top: 12px; }
  .Button.sendToCreatedGroup em {
    width: 22px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -425px -221px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.sendToCreatedGroup em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -377px -303px;
        background-size: 415px 409px; } }
  .Button.sendToCreatedGroup.active em {
    width: 23px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -425px -242px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.sendToCreatedGroup.active em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -377px -283px;
        background-size: 415px 409px; } }
  .Button.unAuthLogin {
    color: #333;
    margin-left: 5px;
    white-space: normal; }
  .Button.annotationButton .buttonText {
    color: #454545;
    font-size: 14px;
    font-weight: bold; }
  .Button.annotationButton:hover .buttonText {
    color: #666; }
  .Button.annotationButton.active .buttonText {
    color: #878787; }
  .Button.unauthNagButton, .Button.appInstallButton {
    font-size: 14px;
    padding: 6px 12px 7px; }
  .Button.medium {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.98) inset, -1px 0 1px rgba(255, 255, 255, 0.98) inset;
    box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.98) inset, -1px 0 1px rgba(255, 255, 255, 0.98) inset;
    font-size: 14px;
    height: 36px;
    padding-bottom: 7px;
    padding-top: 8px; }
  .Button.rightRounded {
    border-radius: 0 6px 6px 0; }
  .Button.leftRounded {
    border-radius: 6px 0 0 6px; }
  .Button.repin em {
    width: 41px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -119px -420px no-repeat;
    margin: -5px 0 0 0;
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.repin em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -167px -370px;
        background-size: 415px 409px; } }
  .Button.repin:active em {
    width: 41px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -119px -420px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.repin:active em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -167px -370px;
        background-size: 415px 409px; } }
  .ja .Button.repin em, .ja .Button.repin:active em {
    width: 14px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -35px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ja .Button.repin em, .ja .Button.repin:active em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -63px;
        background-size: 229px 211px; } }
  .Button.repinSmall {
    height: 33px;
    padding-top: 7px; }
    .Button.repinSmall em {
      width: 34px;
      height: 16px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -68px -170px no-repeat;
      position: relative;
      top: -2px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.repinSmall em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -51px -167px;
          background-size: 214px 199px; } }
    .Button.repinSmall:active em {
      width: 34px;
      height: 16px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -140px -170px no-repeat;
      position: relative;
      top: -1px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.repinSmall:active em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -150px -167px;
          background-size: 214px 199px; } }
    .ja .Button.repinSmall {
      height: auto; }
      .ja .Button.repinSmall em, .ja .Button.repinSmall:active em {
        width: 12px;
        height: 16px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -54px -170px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .ja .Button.repinSmall em, .ja .Button.repinSmall:active em {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -120px -167px;
            background-size: 214px 199px; } }
      .ja .Button.repinSmall:active em {
        top: -2px; }
  .Button.gear em {
    width: 28px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -89px -420px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.gear em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -138px -370px;
        background-size: 415px 409px; } }
  .Button.embed em {
    width: 17px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -253px -164px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.embed em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -283px -228px;
        background-size: 415px 409px; } }
  .Button.pinEdit em {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -34px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinEdit em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -135px -393px;
        background-size: 415px 409px; } }
  .Button.pinEditDark em {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -108px no-repeat;
    padding-bottom: 2px; }
  .Button.editPin {
    float: left;
    padding: 7px 8px 7px 9px; }
    .Button.editPin em {
      width: 15px;
      height: 15px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -108px no-repeat; }
    .Button.editPin:hover {
      color: #191919; }
  .Button.editProfile em {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -34px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.editProfile em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -135px -393px;
        background-size: 415px 409px; } }
  .Button.languageButton {
    padding-right: 40px; }
    .Button.languageButton:before, .Button.languageButton:after {
      content: '';
      position: absolute;
      right: 0;
      width: 0;
      height: 0;
      right: 10px;
      margin-left: -4px;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent; }
    .Button.languageButton:before {
      top: 18px;
      border-top: 4px solid #5f5f5f; }
    .Button.languageButton:after {
      top: 10px;
      border-bottom: 4px solid #5f5f5f; }
  .Button.export {
    padding: 6px 2px; }
    .Button.export .buttonText {
      margin-left: -7px; }
    .Button.export em {
      width: 8px;
      height: 8px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -335px -164px no-repeat;
      float: right;
      margin-right: 7px;
      margin-top: 5px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.export em {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -367px -251px;
          background-size: 415px 409px; } }
  .Button.pinFlag em {
    width: 12px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -368px -420px no-repeat; }
  .Button.pinFlag2 em {
    width: 12px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -17px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinFlag2 em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -401px -85px;
        background-size: 415px 409px; } }
  .Button.pinFlag2:hover em {
    width: 12px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -136px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinFlag2:hover em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -401px -117px;
        background-size: 415px 409px; } }
  .Button.pinFlag2:active em {
    width: 12px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -119px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinFlag2:active em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -401px -101px;
        background-size: 415px 409px; } }
  .Button.pinEdit2 em {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -153px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinEdit2 em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -119px -393px;
        background-size: 415px 409px; } }
  .Button.pinEdit2:hover em {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -400px -420px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinEdit2:hover em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -359px -323px;
        background-size: 415px 409px; } }
  .Button.pinEdit2:active em {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -170px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinEdit2:active em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -103px -393px;
        background-size: 415px 409px; } }
  .Button.share em {
    width: 17px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -261px -420px no-repeat;
    position: relative;
    top: -1px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.share em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -51px -393px;
        background-size: 415px 409px; } }
  .Button.flagUser em {
    width: 14px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -328px -215px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.flagUser em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -401px -51px;
        background-size: 415px 409px; } }
  .Button.sendMessageButton em {
    width: 16px;
    height: 14px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -443px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.sendMessageButton em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -269px -162px;
        background-size: 415px 409px; } }
  .Button.sendSmall em, .Button.sendInfoBar em, .Button.sendInvite em, .Button.send em {
    width: 16px;
    height: 14px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -18px -443px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.sendSmall em, .Button.sendInfoBar em, .Button.sendInvite em, .Button.send em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -252px -162px;
        background-size: 415px 409px; } }
  .Button.sendSmall, .Button.sendInfoBar, .Button.installApp, .Button.sendInvite {
    margin-left: 4px;
    padding: 7px 9px 7px 7px; }
  .Button.sendInfoBar, .Button.installApp, .Button.sendInvite {
    color: #777; }
  .Button.installApp, .Button.sendInvite {
    margin-left: 0;
    font-size: 14px;
    width: 90%; }
    .Button.installApp .buttonText, .Button.sendInvite .buttonText {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .columns-3 .Button.sendInfoBar .buttonText {
    display: none; }
  .Button.flagComment em, .Button.flagComment .buttonText, .Button.deleteComment em, .Button.deleteComment .buttonText {
    margin: 0 3px; }
  .Button.flagComment em, .Button.deleteComment em {
    margin-bottom: 2px; }
  .Button.flagComment em {
    width: 8px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -12px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.flagComment em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -46px;
        background-size: 229px 211px; } }
  .Button.deleteComment em {
    width: 8px;
    height: 8px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -86px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.deleteComment em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -68px;
        background-size: 229px 211px; } }
  .Button > .downArrow {
    width: 7px;
    height: 6px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -96px no-repeat;
    display: inline-block;
    float: right;
    margin-left: 10px;
    margin-top: 5px; }
  .Button.unAuthemailSignup {
    color: #333;
    white-space: normal; }
    .Button.unAuthemailSignup em {
      width: 42px;
      height: 42px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -74px -97px no-repeat;
      -webkit-box-shadow: -1px 0 0 #fff inset;
      box-shadow: -1px 0 0 #fff inset;
      border-right: 1px solid #ccc;
      height: 100%;
      left: 1px;
      width: 40px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.unAuthemailSignup em {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -128px 0px;
          background-size: 229px 211px; } }
  .Button.email em {
    width: 16px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -272px -164px no-repeat;
    top: -2px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.email em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -248px -228px;
        background-size: 415px 409px; } }
  .Button.facebook em {
    width: 16px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -350px -420px no-repeat;
    left: -1px;
    top: -1px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.facebook em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -34px -393px;
        background-size: 415px 409px; } }
  .Button.facebookShare em {
    width: 17px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -162px -420px no-repeat;
    left: -1px;
    top: -1px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.facebookShare em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -341px -370px;
        background-size: 415px 409px; } }
  .Button.twitterColor em {
    width: 16px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -425px -405px no-repeat;
    top: -2px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.twitterColor em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -286px -162px;
        background-size: 415px 409px; } }
  .Button.facebookConnect, .Button.twitterConnect, .Button.emailSignup {
    font-size: 17px;
    font-weight: 500;
    padding: 0 14px 0 0; }
    .Button.facebookConnect em, .Button.twitterConnect em, .Button.emailSignup em {
      margin-right: 15px; }
  .Button.facebookConnect {
    background-color: #3d5ba2;
    background: -webkit-gradient(linear, left top, left bottom, from(#5071c3), to(#2c4581));
    background: -webkit-linear-gradient(#5071c3, #2c4581);
    background: linear-gradient(#5071c3, #2c4581);
    border: 1px solid #263b6e;
    border-top-color: #2c4581;
    color: #fff;
    text-shadow: 0 -1px #2c4581; }
    .Button.facebookConnect:hover, .Button.facebookConnect:focus, .Button.facebookConnect:active, .Button.facebookConnect.active {
      border: 1px solid #192648;
      border-top-color: #263b6e; }
    .Button.facebookConnect:active, .Button.facebookConnect.active {
      background-color: #35539d;
      background: -webkit-gradient(linear, left top, left bottom, from(#3f63ba), to(#2c4581));
      background: -webkit-linear-gradient(#3f63ba, #2c4581);
      background: linear-gradient(#3f63ba, #2c4581);
      -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
    .Button.facebookConnect em {
      width: 42px;
      height: 42px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -118px -97px no-repeat;
      border-right: 1px solid #2c4581;
      -webkit-box-shadow: 1px 0 rgba(118, 144, 208, 0.15);
      box-shadow: 1px 0 rgba(118, 144, 208, 0.15); }
  .Button.twitterConnect {
    background-color: #3fa6d0;
    background: -webkit-gradient(linear, left top, left bottom, from(#5fbee4), to(#2090bd));
    background: -webkit-linear-gradient(#5fbee4, #2090bd);
    background: linear-gradient(#5fbee4, #2090bd);
    border: 1px solid #1c7fa8;
    border-top-color: #2090bd;
    color: #fff;
    text-shadow: 0 -1px #2090bd; }
    .Button.twitterConnect:hover, .Button.twitterConnect:focus, .Button.twitterConnect:active, .Button.twitterConnect.active {
      border: 1px solid #155e7c;
      border-top-color: #1c7fa8; }
    .Button.twitterConnect:active, .Button.twitterConnect.active {
      background-color: #34a2cf;
      background: -webkit-gradient(linear, left top, left bottom, from(#49b5e1), to(#2090bd));
      background: -webkit-linear-gradient(#49b5e1, #2090bd);
      background: linear-gradient(#49b5e1, #2090bd);
      -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
    .Button.twitterConnect em {
      width: 45px;
      height: 45px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -345px -48px no-repeat;
      border-right: 1px solid #2090bd;
      -webkit-box-shadow: 1px 0 rgba(138, 208, 236, 0.15);
      box-shadow: 1px 0 rgba(138, 208, 236, 0.15); }
  .Button.findFriendsFacebookConnect {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #3d5ba2;
    background: -webkit-gradient(linear, left top, left bottom, from(#5071c3), to(#2c4581));
    background: -webkit-linear-gradient(#5071c3, #2c4581);
    background: linear-gradient(#5071c3, #2c4581);
    border: 1px solid #263b6e;
    border-top-color: #2c4581;
    color: #fff;
    text-shadow: 0 -1px #2c4581; }
    .Button.findFriendsFacebookConnect:hover, .Button.findFriendsFacebookConnect:focus, .Button.findFriendsFacebookConnect:active, .Button.findFriendsFacebookConnect.active {
      border: 1px solid #192648;
      border-top-color: #263b6e; }
    .Button.findFriendsFacebookConnect:active, .Button.findFriendsFacebookConnect.active {
      background-color: #35539d;
      background: -webkit-gradient(linear, left top, left bottom, from(#3f63ba), to(#2c4581));
      background: -webkit-linear-gradient(#3f63ba, #2c4581);
      background: linear-gradient(#3f63ba, #2c4581);
      -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
  .Button.findFriendsTwitterConnect {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #3fa6d0;
    background: -webkit-gradient(linear, left top, left bottom, from(#5fbee4), to(#2090bd));
    background: -webkit-linear-gradient(#5fbee4, #2090bd);
    background: linear-gradient(#5fbee4, #2090bd);
    border: 1px solid #1c7fa8;
    border-top-color: #2090bd;
    color: #fff;
    text-shadow: 0 -1px #2090bd; }
    .Button.findFriendsTwitterConnect:hover, .Button.findFriendsTwitterConnect:focus, .Button.findFriendsTwitterConnect:active, .Button.findFriendsTwitterConnect.active {
      border: 1px solid #155e7c;
      border-top-color: #1c7fa8; }
    .Button.findFriendsTwitterConnect:active, .Button.findFriendsTwitterConnect.active {
      background-color: #34a2cf;
      background: -webkit-gradient(linear, left top, left bottom, from(#49b5e1), to(#2090bd));
      background: -webkit-linear-gradient(#49b5e1, #2090bd);
      background: linear-gradient(#49b5e1, #2090bd);
      -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
  .Button.moreItems {
    text-align: center; }
  .Button.closeIcon {
    height: 14px;
    width: 14px;
    float: right; }
    .Button.closeIcon em {
      width: 12px;
      height: 12px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -228px -259px no-repeat; }
  .Button.closeModal, .Button.closeDialog {
    margin: -6px;
    padding: 6px;
    position: absolute;
    right: 18px;
    top: 22px; }
    .Button.closeModal em, .Button.closeDialog em {
      width: 12px;
      height: 12px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -228px -259px no-repeat; }
  .Button.close {
    background-color: whitesmoke;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background: -webkit-linear-gradient(#fff, #ebebeb);
    background: linear-gradient(#fff, #ebebeb);
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.34), 1px 0 0 rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.34), 1px 0 0 rgba(255, 255, 255, 0.9) inset;
    cursor: pointer;
    display: block;
    height: 44px;
    right: 14px;
    width: 44px;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px); }
    .Button.close.visible {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }
    .Button.close em {
      width: 16px;
      height: 16px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -90px no-repeat; }
    .Button.close:hover {
      background-color: #c01c23;
      background: -webkit-gradient(linear, left top, left bottom, from(#d62229), to(#ab171e));
      background: -webkit-linear-gradient(#d62229, #ab171e);
      background: linear-gradient(#d62229, #ab171e);
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.74);
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.74);
      -webkit-transition-delay: 0;
      transition-delay: 0;
      -webkit-transition-duration: 0;
      transition-duration: 0; }
      .Button.close:hover em {
        width: 16px;
        height: 17px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') 0px -170px no-repeat;
        position: relative;
        top: -1px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.close:hover em {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: 0px -167px;
            background-size: 214px 199px; } }
    .Button.close .buttonText {
      display: block;
      height: 20px;
      line-height: 6px; }
  .Button.expandGiraffe {
    background: rgba(255, 255, 255, 0.85);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
    font-size: 11px;
    left: 0;
    padding: 12px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 764px;
    width: 100%;
    z-index: 201; }
    .Button.expandGiraffe:hover {
      background: rgba(255, 255, 255, 0.95); }
    .Button.expandGiraffe:active {
      background: #fff; }
    .Button.expandGiraffe:after {
      background: rgba(0, 0, 0, 0.1);
      bottom: 0;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: 202; }
    .Button.expandGiraffe span {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #666;
      font-weight: bold; }
  .Button.nuxModalPickerInterestButton {
    font-size: 13px;
    width: 122px; }
  .Button.ccModMoreItems {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    padding: 14px; }
    .Button.ccModMoreItems.boldText {
      font-weight: bold; }
    .Button.ccModMoreItems:hover, .Button.ccModMoreItems:active {
      background: transparent;
      border: 0;
      text-decoration: underline; }
  .Button.pinActionBarButton {
    border-radius: 5px; }
    .Button.pinActionBarButton.primary {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#e3262e), to(#ab171e));
      background-image: -webkit-linear-gradient(#e3262e, #ab171e);
      background-image: linear-gradient(#e3262e, #ab171e);
      background-color: #ab171e;
      border-bottom-color: #820a0f;
      border-left-color: #9a1015;
      border-right-color: #9a1015;
      border-top-color: #af151b;
      border-style: solid;
      border-width: 1px;
      -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);
      color: #fff;
      text-shadow: 0 -1px rgba(0, 0, 0, 0.11); }
      .Button.pinActionBarButton.primary:not(.noHoverActive):hover, .Button.pinActionBarButton.primary:not(.noHoverActive):focus {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e63d44), to(#c11a22));
        background-image: -webkit-linear-gradient(#e63d44, #c11a22);
        background-image: linear-gradient(#e63d44, #c11a22);
        -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: 1px solid #920c12; }
      .Button.pinActionBarButton.primary:not(.noHoverActive):active, .Button.pinActionBarButton.primary:not(.noHoverActive).active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#bb1618), to(#e22123));
        background-image: -webkit-linear-gradient(#bb1618, #e22123);
        background-image: linear-gradient(#bb1618, #e22123);
        -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5) inset;
        background-color: #e22123;
        border-color: #99161b;
        text-shadow: 0 1px rgba(0, 0, 0, 0.6); }
    .Button.pinActionBarButton.leftRounded {
      border-radius: 5px 0 0 5px; }
    .Button.pinActionBarButton.repinLikeNavigateButton {
      border-radius: 0 5px 5px 0;
      font-size: 15px;
      padding: 0 9px;
      position: relative; }
      .Button.pinActionBarButton.repinLikeNavigateButton.repin:hover {
        color: #fff; }
    .Button.pinActionBarButton.default:hover, .Button.pinActionBarButton.default:active {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fcfcfc));
      background-image: -webkit-linear-gradient(#fdfdfd, #fcfcfc);
      background-image: linear-gradient(#fdfdfd, #fcfcfc); }
      .Button.pinActionBarButton.default:hover span, .Button.pinActionBarButton.default:active span {
        text-shadow: 0 1px 1px #fff;
        color: #222; }
      .Button.pinActionBarButton.default:hover.primary span, .Button.pinActionBarButton.default:active.primary span {
        text-shadow: none;
        color: #fff; }
    .Button.pinActionBarButton:active {
      -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.37);
      box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.37);
      border: 1px solid rgba(0, 0, 0, 0.26); }
  .Button.pinPlaceButton em {
    width: 15px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -237px -176px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinPlaceButton em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -154px -138px;
        background-size: 229px 211px; } }
  .Button.pinUploadButton em {
    width: 19px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -158px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinUploadButton em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -21px;
        background-size: 229px 211px; } }
  .Button.pinWebsiteButton em {
    width: 20px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinWebsiteButton em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -42px;
        background-size: 229px 211px; } }
  .Button.dark:active, .Button.dark.active {
    background-color: #fafafa;
    background-color: rgba(250, 250, 250, 0.29);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 240, 240, 0.07)), to(rgba(255, 255, 255, 0.51)));
    background: -webkit-linear-gradient(rgba(240, 240, 240, 0.07), rgba(255, 255, 255, 0.51));
    background: linear-gradient(rgba(240, 240, 240, 0.07), rgba(255, 255, 255, 0.51));
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13) inset;
    border-color: #939393 #a2a2a2 #acacac; }
  .Button.large {
    font-size: 15px;
    padding: 10px 18px; }
  .Button.mediumLarge {
    float: left;
    font-size: 13px;
    margin: -1px;
    padding: 6px 12px 3px; }
  .Button.logoHeader {
    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);
    background-color: #f5f5f5;
    float: left;
    height: 34px;
    padding: 4px 9px;
    width: 42px;
    /* TODO: Make constants across shared buttons */ }
    .Button.logoHeader.leftRounded {
      border-radius: 6px 0 0 6px; }
    .Button.logoHeader em {
      width: 23px;
      height: 24px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -58px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.logoHeader em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -167px -56px;
          background-size: 214px 199px; } }
    .Button.logoHeader:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
      background: -webkit-linear-gradient(#fff, #eee);
      background: linear-gradient(#fff, #eee);
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
      border-color: #c0c0c0; }
      .Button.logoHeader:hover em {
        width: 23px;
        height: 24px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -84px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.logoHeader:hover em {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -167px -81px;
            background-size: 214px 199px; } }
    .Button.logoHeader:active, .Button.logoHeader.active {
      background: #e9e9e9;
      border-color: #cfcfcf;
      border-radius: 6px 0 0 6px;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .Button.logoHeader:active em, .Button.logoHeader.active em {
        width: 23px;
        height: 24px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -84px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.logoHeader:active em, .Button.logoHeader.active em {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -167px -81px;
            background-size: 214px 199px; } }
  .Button.categoriesHeader {
    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);
    background-color: #f5f5f5;
    border-radius: 0 6px 6px 0;
    float: right;
    height: 34px;
    padding: 9px 8px 9px 11px; }
    .Button.categoriesHeader em {
      width: 25px;
      height: 14px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') 0px -189px no-repeat;
      vertical-align: baseline; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.categoriesHeader em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: 0px -185px;
          background-size: 214px 199px; } }
    .Button.categoriesHeader: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); }
      .Button.categoriesHeader:hover em {
        width: 25px;
        height: 14px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -27px -189px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.categoriesHeader:hover em {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -26px -185px;
            background-size: 214px 199px; } }
    .Button.categoriesHeader:active, .Button.categoriesHeader.active {
      background: #e9e9e9;
      border-color: #cfcfcf;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .Button.categoriesHeader:active em, .Button.categoriesHeader.active em {
        width: 25px;
        height: 14px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -27px -189px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.categoriesHeader:active em, .Button.categoriesHeader.active em {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -26px -185px;
            background-size: 214px 199px; } }
    .Button.categoriesHeader.tutorialHighlight {
      height: 34px !important;
      width: 46px !important; }
  .Button.hidePinInfo em {
    width: 17px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -46px -144px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.hidePinInfo em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -120px -142px;
        background-size: 214px 199px; } }
  .Button.hidePinInfo em:hover {
    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) {
      .Button.hidePinInfo em:hover {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -44px -142px;
        background-size: 214px 199px; } }
  .Button.flat.hasText {
    background: #fff;
    border-color: #c7c7c7;
    color: #333;
    font-size: 14px;
    line-height: 16px;
    outline: 0;
    padding: 7px 10px; }
    .Button.flat.hasText.primary.rounded {
      background: #bd081c;
      border-color: #bd081c;
      color: #fff; }
      .Button.flat.hasText.primary.rounded:hover {
        background: #b0071a;
        background-image: none;
        border: 1px solid #b0071a;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: none; }
      .Button.flat.hasText.primary.rounded:active {
        background: #930616;
        border: 1px solid #930616;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: none; }
    .Button.flat.hasText.rounded {
      border-radius: 4px;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .Button.flat.hasText:hover, .Button.flat.hasText.active:hover {
      background: #eee;
      text-shadow: none; }
    .Button.flat.hasText:active, .Button.flat.hasText.active {
      background: #c7c7c7;
      border: 1px solid #c7c7c7;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-shadow: none; }
    .Button.flat.hasText.active {
      background: #fff; }
    .Button.flat.hasText:disabled, .Button.flat.hasText:disabled:hover {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background: #fff !important;
      border: 1px solid #e7e7e7;
      color: #d7d7d7; }
      .Button.flat.hasText:disabled em, .Button.flat.hasText:disabled:hover em {
        opacity: 0.22; }
  .Button.basicRed, .Button.basicGray {
    border-radius: 5px !important;
    border: none;
    color: #fff;
    font-size: 18px;
    height: 45px;
    margin: 0 auto;
    padding: 0 30px;
    text-shadow: none; }
    .Button.basicRed.small, .Button.basicGray.small {
      font-size: 15px;
      padding: 0 15px;
      height: 35px; }
  .Button.basicRed {
    background: #bc232c; }
  .Button.basicGray {
    background: #aaa; }
  .Button.datePickerButton.flat.hasText {
    font-size: 13px; }
  .Button.v2[disabled], .Button.v2.disabled, .Button.v2.disabled:hover, .Button.v2.disabled:focus, .Button.v2.disabled:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 0 0 0 !important;
    background: #ebebeb !important;
    border: 1px solid #ddd !important;
    color: #aaa !important;
    cursor: default; }
    .Button.v2[disabled].repinSmall em, .Button.v2.disabled.repinSmall em, .Button.v2.disabled:hover.repinSmall em, .Button.v2.disabled:focus.repinSmall em, .Button.v2.disabled:active.repinSmall em {
      width: 34px;
      height: 15px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -242px -237px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.v2[disabled].repinSmall em, .Button.v2.disabled.repinSmall em, .Button.v2.disabled:hover.repinSmall em, .Button.v2.disabled:focus.repinSmall em, .Button.v2.disabled:active.repinSmall em {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -84px -194px;
          background-size: 229px 211px; } }
  .Button.v2.colorPrimary {
    background-color: #bd081c;
    color: #fff; }
  .Button.v2.colorFacebook {
    background-color: #3959a7;
    color: #fff; }
  .Button.v2.colorLightGray {
    background-color: #efefef; }
  .Button.v2.roundedMedium {
    border-radius: 5px; }
  .Button.v2.sizeMedium {
    font-size: 14px;
    line-height: 16px;
    padding: 8px; }
  .Button.seeAllButton {
    background: #fff;
    color: #a7a7a7;
    border: solid 1px #d4d4d4;
    float: right;
    margin-right: 7px;
    margin-top: 12px;
    padding: 6px 20px;
    text-shadow: none; }
    .Button.seeAllButton.rounded {
      border-radius: 6px; }
    .Button.seeAllButton.active, .Button.seeAllButton.active:hover, .Button.seeAllButton.active:focus, .Button.seeAllButton.active:active {
      background: #d4d4d4;
      border-color: #d4d4d4;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #fff; }
    .Button.seeAllButton:hover, .Button.seeAllButton:focus, .Button.seeAllButton:active {
      border-color: #a7a7a7;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #818181; }

a.Button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.Checkbox {
  display: inline-block; }
  .Checkbox.fancyToggle input, .Checkbox.flatToggle input, .Checkbox.fancyCheckbox input {
    opacity: 0;
    border: 0;
    height: 0;
    margin: 0;
    padding: 0;
    width: 0; }
  .Checkbox.styledToggle {
    border-radius: 3px;
    cursor: pointer;
    height: 28px;
    position: relative;
    width: 80px; }
    .Checkbox.styledToggle .slider, .Checkbox.styledToggle .onText, .Checkbox.styledToggle .offText {
      position: absolute; }
    .Checkbox.styledToggle .slider {
      background-color: #fff;
      border-radius: 3px;
      display: inline-block;
      width: 40%; }
    .Checkbox.styledToggle.on .slider {
      left: auto; }
    .Checkbox.styledToggle.on .offText {
      visibility: hidden; }
    .Checkbox.styledToggle.on .onText {
      right: auto;
      visibility: visible; }
    .Checkbox.styledToggle.disabled {
      opacity: 0.33; }
    .Checkbox.styledToggle .onText {
      visibility: hidden; }
    .Checkbox.styledToggle .status {
      margin: 0;
      position: absolute; }
  .Checkbox.flatToggle {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .Checkbox.flatToggle .slider {
      background: #fff;
      border: 0;
      border-radius: 3px;
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14);
      height: 26px;
      left: 0;
      top: 0;
      width: 30px; }
    .Checkbox.flatToggle.on {
      background: #bd081c;
      border-color: #bd081c; }
      .Checkbox.flatToggle.on .slider {
        right: 0; }
      .Checkbox.flatToggle.on .onText {
        left: 13px; }
      .Checkbox.flatToggle.on .status {
        color: #fff; }
    .Checkbox.flatToggle .status {
      color: #333;
      font-size: 14px;
      font-weight: bold;
      right: 14px;
      text-shadow: none;
      top: 4px; }
  .Checkbox.fancyToggle {
    background: #e3e3e3;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45) inset;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45) inset; }
    .Checkbox.fancyToggle .slider {
      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);
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.77);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.77);
      border: 1px solid #ececec;
      height: 22px;
      left: 2px;
      top: 2px; }
    .Checkbox.fancyToggle.on {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ab171e), to(#d62229));
      background-image: -webkit-linear-gradient(#ab171e, #d62229);
      background-image: linear-gradient(#ab171e, #d62229);
      background-color: #d62229; }
      .Checkbox.fancyToggle.on .slider {
        right: 2px; }
      .Checkbox.fancyToggle.on .onText {
        left: 10px; }
      .Checkbox.fancyToggle.on .status {
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
        color: #fff; }
    .Checkbox.fancyToggle .status {
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
      color: #555;
      font-size: 12px;
      font-weight: bold;
      top: 7px;
      right: 13px; }
  .Checkbox.fancyCheckbox .visibleCheck {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -23px no-repeat;
    display: inline-block;
    vertical-align: middle; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -108px -171px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox:hover .visibleCheck {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -46px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox:hover .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -130px -171px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.on .visibleCheck {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -224px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.on .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -152px -171px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.facebook .visibleCheck {
    width: 25px;
    height: 23px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -27px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.facebook .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -171px -72px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.facebook:hover .visibleCheck {
    width: 25px;
    height: 23px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -183px -176px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.facebook:hover .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -171px -144px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.facebook.on .visibleCheck {
    width: 25px;
    height: 23px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -210px -176px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.facebook.on .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -171px -96px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.facebook.on:hover .visibleCheck {
    width: 25px;
    height: 23px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -156px -176px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.facebook.on:hover .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -171px -120px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.twitter .visibleCheck {
    width: 25px;
    height: 23px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -108px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.twitter .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -171px 0px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.twitter:hover .visibleCheck {
    width: 25px;
    height: 23px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.twitter:hover .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -171px -24px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.twitter.on .visibleCheck {
    width: 25px;
    height: 23px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -54px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.twitter.on .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -128px -138px;
        background-size: 229px 211px; } }
  .Checkbox.fancyCheckbox.twitter.on:hover .visibleCheck {
    width: 25px;
    height: 23px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -81px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.twitter.on:hover .visibleCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -171px -48px;
        background-size: 229px 211px; } }

.ConfirmDialog {
  width: 380px; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .ConfirmDialog {
      width: 100%; } }
  .ConfirmDialog .body {
    color: #555;
    font-size: 14px;
    line-height: 21px;
    padding: 21px; }
  .ConfirmDialog p {
    margin: 0; }
    .ConfirmDialog p.text {
      margin-bottom: 1em; }
  .ConfirmDialog .standardForm h1 {
    white-space: normal; }
  .ConfirmDialog .switchDialog .dialogTitle, .ConfirmDialog .switchDialog .body {
    font-weight: normal; }
  .ConfirmDialog .switchDialog .dialogLearnMore, .ConfirmDialog .switchDialog .dialogNoThanks {
    line-height: 32px;
    position: relative;
    vertical-align: middle; }
  .ConfirmDialog.fluid {
    width: auto; }
  .ConfirmDialog.wide {
    width: 700px; }
  .ConfirmDialog.mediumWide {
    width: 550px; }
  .ConfirmDialog.reportBug a {
    color: #bd081c; }
    .ConfirmDialog.reportBug a:hover {
      text-decoration: underline; }
  .ConfirmDialog .apiSecret {
    border-radius: 2px;
    background: #eee;
    border: 1px solid #ddd;
    font-family: monospace;
    margin-top: 7px;
    padding: 3px;
    text-align: center; }
  .ConfirmDialog .messageError h1 {
    font-size: 18px; }
  .ConfirmDialog .messageError ul {
    margin-top: 10px; }
    .ConfirmDialog .messageError ul li {
      color: #717171;
      font-weight: bold; }

.CountdownTimer {
  display: table;
  width: 32px;
  height: 32px; }
  .CountdownTimer .spinner {
    width: 32px;
    height: 32px;
    background: url('/webapp/style/app/common/images/ring_spinner-1x.a1efd257.png') 0px 0px no-repeat;
    -webkit-animation: rotateCircle 1s infinite;
    animation: rotateCircle 1s infinite;
    position: absolute;
    opacity: 0.5; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .CountdownTimer .spinner {
        background-image: url('/webapp/style/app/common/images/ring_spinner-2x.698cfec2.png');
        background-position: 0px 0px;
        background-size: 32px 32px; } }
  .CountdownTimer .text {
    display: table-cell;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    width: 32px; }

.Dropdown2 {
  -webkit-transform: translateZ(0);
  background: #fbfbfb;
  border-radius: 3px;
  border: 1px solid #b6b6b6;
  -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);
  display: none;
  margin-left: -6px;
  position: absolute;
  top: 23px;
  z-index: 752; }
  .Dropdown2.visible {
    display: block; }

.DropdownButton {
  display: inline-block;
  position: relative; }
  .DropdownButton em {
    width: 10px;
    height: 7px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -12px -275px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DropdownButton em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -102px;
        background-size: 229px 211px; } }
  .DropdownButton.embed em {
    width: 17px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -290px -164px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DropdownButton.embed em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -265px -228px;
        background-size: 415px 409px; } }
  .DropdownButton.inContextDropdownButton {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0; }
  .DropdownButton.caret em {
    width: 10px;
    height: 7px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -12px -275px no-repeat;
    opacity: 0.5; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DropdownButton.caret em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -102px;
        background-size: 229px 211px; } }
  .DropdownButton.flat .buttonText {
    float: left; }
  .DropdownButton.flat em {
    width: 10px;
    height: 6px;
    background: url('/webapp/style/app/common/images/arrow_down-1x.9e5a545e.png') 0px 0px no-repeat;
    float: right;
    margin: 6px 0 0 8px;
    opacity: 1; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DropdownButton.flat em {
        background-image: url('/webapp/style/app/common/images/arrow_down-2x.2f4f1f7e.png');
        background-position: 0px 0px;
        background-size: 10px 6px; } }
  .DropdownButton.metricsGraph .buttonText {
    color: #2a8baf;
    font-size: 14px; }

.Dropdown {
  text-align: left; }
  .Dropdown.active .dropdownContainer {
    display: block; }
  .Dropdown .dropdownTitle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 0 15px; }
  .Dropdown .dropdownText {
    color: #555;
    font-weight: 500;
    margin: 5px 0 10px;
    max-width: 175px;
    padding: 0 15px; }
    .Dropdown .dropdownText b {
      color: #333; }
  .Dropdown.activeConversationDropdown {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    bottom: 21px !important;
    margin-left: 14px !important;
    margin-top: 10px;
    max-height: 460px;
    top: auto !important;
    z-index: 700 !important; }
    .Dropdown.activeConversationDropdown .positionModuleCaret.lightGrayConversationsCaretStyle.lightGray {
      width: 17px;
      height: 31px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -250px -347px no-repeat;
      left: -17px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Dropdown.activeConversationDropdown .positionModuleCaret.lightGrayConversationsCaretStyle.lightGray {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -343px -167px;
          background-size: 415px 409px; } }
  .Dropdown.gridShare.isEmpty {
    height: 460px !important; }
  .Dropdown.gridShare.isEmptyWithoutFriends {
    height: 362px !important; }
  .Dropdown.notificationsConversationsNewsDropdown {
    background: #fff;
    display: none;
    height: 451px;
    width: 331px; }
    .Dropdown.notificationsConversationsNewsDropdown li:first-child {
      padding-top: 0; }
    .Dropdown.notificationsConversationsNewsDropdown li:last-child {
      padding-bottom: 0; }
  .Dropdown.conversationsDropdown.isEmpty {
    max-height: 371px !important; }
  .Dropdown.conversationsDropdown.isEmptyWithoutFriends {
    max-height: 273px !important; }
  .Dropdown.geoFeatureDropdown {
    margin-left: -6px;
    width: 276px; }
    .Dropdown.geoFeatureDropdown .positionModuleCaret {
      left: 14px !important; }
    .Dropdown.geoFeatureDropdown li {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      border-bottom: 1px solid #e5e5e5;
      color: #000;
      cursor: pointer;
      font-size: 13px;
      padding: 2px 14px; }
      .Dropdown.geoFeatureDropdown li:first-child {
        margin-top: 5px;
        padding-top: 0; }
      .Dropdown.geoFeatureDropdown li:last-child {
        border-bottom: none;
        margin-bottom: 5px;
        padding-bottom: 0; }
      .Dropdown.geoFeatureDropdown li:hover {
        background: #f4f4f4; }
      .Dropdown.geoFeatureDropdown li .geoFeature {
        left: 1px;
        position: relative;
        top: 1px; }
  .Dropdown.large .dropdownText {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0;
    max-width: 500px; }
    .Dropdown.large .dropdownText em {
      color: #bd081c;
      font-style: normal;
      font-weight: bold; }
  .Dropdown.userDropdown {
    margin-left: 1px;
    width: 185px; }
    .Dropdown.userDropdown.compact {
      width: 156px; }
  .Dropdown.sterlingUserDropdown.positionModuleElement span.positionModuleCaret {
    width: 15px;
    height: 6px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -263px -235px no-repeat;
    left: 213px !important;
    top: -6px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Dropdown.sterlingUserDropdown.positionModuleElement span.positionModuleCaret {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -361px -192px;
        background-size: 415px 409px; } }
  .Dropdown.sterlingContentDropdown.positionModuleElement {
    z-index: 668; }
  .Dropdown.fake .dropdownContainer {
    opacity: 0.7;
    z-index: 900; }
  .Dropdown.underneathHeader {
    z-index: 669; }
  .Dropdown.categoriesMenu, .Dropdown.conversationsDropdown, .Dropdown.notificationsDropdown {
    bottom: 20px;
    max-height: 475px; }
  .Dropdown.categoriesMenu {
    margin-left: -7px; }
  .Dropdown.notificationsDropdown {
    background-color: #f5f5f5;
    margin-left: 7px; }
    .Dropdown.notificationsDropdown.hasConversationsFeature {
      background: #fff;
      height: 439px; }
      .Dropdown.notificationsDropdown.hasConversationsFeature li:first-child {
        padding-top: 0; }
      .Dropdown.notificationsDropdown.hasConversationsFeature li:last-child {
        padding-bottom: 0; }
  .Dropdown.tutorial {
    background-color: #fff;
    bottom: auto;
    opacity: 0.98;
    z-index: 999999999; }
    .Dropdown.tutorial .dropdownContainer {
      -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.44);
      box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.44); }
  .Dropdown.aboveModal {
    z-index: 751; }
  .Dropdown.strongBorder {
    background-color: #fbfbfb;
    border: 1px solid #b6b6b6;
    -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); }
  .Dropdown.boardPicker {
    margin-top: -77px;
    margin-left: -7px; }
  .Dropdown.autoFollowMemo .dropdownTitle {
    line-height: 50px;
    margin: 0; }
  .Dropdown.tooltip {
    text-align: center; }
    .Dropdown.tooltip.active {
      min-height: 0;
      padding-bottom: 7px;
      padding-top: 7px; }
      .Dropdown.tooltip.active .dropdownText {
        margin: 0; }
  .Dropdown.typeaheadDropdown {
    -webkit-animation: fadeIn .2s ease-out;
    animation: fadeIn .2s ease-out;
    background-color: #131313;
    border-radius: 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%;
    left: 0;
    opacity: 0.98;
    padding: 20px 0;
    right: 0;
    top: 53px; }
  .Dropdown.jumpstartCategoriesMenu {
    min-height: 0;
    min-width: 0;
    top: 0;
    width: 100%; }
    .Dropdown.jumpstartCategoriesMenu.active {
      min-height: 0;
      min-width: 0; }

.Field {
  cursor: text;
  font-size: 13px;
  position: relative; }
  .Field .content {
    background: #f0f0f0;
    border: 1px solid #d1d1d1;
    -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: #333;
    display: block;
    margin: 0; }
    .Field .content:focus {
      background-color: #fafafa;
      border: 1px solid #c3c3c3;
      color: #333; }
    .Field .content:active {
      border-color: #bcbcbc; }
  .Field .currencySymbol {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777; }
  .Field.withCurrencySymbol {
    width: 152px; }
    .Field.withCurrencySymbol .inputWrapper {
      display: block;
      overflow: hidden; }
      .Field.withCurrencySymbol .inputWrapper input {
        height: 30px; }
    .Field.withCurrencySymbol .currencySymbol {
      background: #fff;
      border: 1px solid #dfdfdf;
      border-right: 0;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      color: #999;
      float: left;
      height: 28px;
      line-height: 28px;
      padding: 0 10px;
      text-align: center;
      width: 10px; }
  .Field.flat.withCurrencySymbol .currencySymbol {
    background: #c7c7c7;
    border-color: #c7c7c7;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-weight: bold; }

.FollowButton:not(.primary):not(.followed):not(.disabled) .buttonText {
  color: #bd081c; }

.Dropdown .FormItemGroup {
  min-width: 200px; }
  .Dropdown .FormItemGroup li {
    border-top: 1px solid #eee; }
    .Dropdown .FormItemGroup li:first-child {
      border-top: 0; }
    .Dropdown .FormItemGroup li label {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #333;
      display: block;
      font-size: 14px;
      font-weight: bold;
      padding: 14px 28px 14px 14px; }
    .Dropdown .FormItemGroup li .labelContent {
      display: inline-block;
      margin-left: 7px;
      vertical-align: middle; }

.Grid {
  margin: 0 auto 14px auto;
  position: relative; }
  .Grid.hasError {
    padding-bottom: 120px; }
  .Grid.hasFooter {
    padding-bottom: 22.5px; }
    .Grid.hasFooter.hasError {
      padding-bottom: 142.5px; }
  .Grid .navigator {
    display: none; }
  .Grid.rowLayout {
    margin: 0; }
    .Grid.rowLayout .gridContainer {
      -webkit-overflow-scrolling: touch;
      overflow-x: scroll;
      overflow-y: hidden;
      pointer-events: none;
      position: relative; }
      .Grid.rowLayout .gridContainer .item {
        pointer-events: auto; }
    .Grid.rowLayout .navigator {
      height: 100%;
      position: absolute;
      top: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      vertical-align: middle;
      width: 100px; }
      .Grid.rowLayout .navigator em {
        cursor: pointer;
        display: inline-block;
        position: absolute;
        top: 50%; }
      .Grid.rowLayout .navigator.left {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(233, 233, 233, 0)), color-stop(95%, #e9e9e9));
        background-image: -webkit-linear-gradient(right, rgba(233, 233, 233, 0) 0%, #e9e9e9 95%);
        background-image: linear-gradient(to left, rgba(233, 233, 233, 0) 0%, #e9e9e9 95%);
        left: 0; }
        .Grid.rowLayout .navigator.left em {
          width: 22px;
          height: 31px;
          background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -112px -87px no-repeat;
          left: 0;
          margin-top: -15.5px; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .Grid.rowLayout .navigator.left em {
              background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
              background-position: -79px -86px;
              background-size: 214px 199px; } }
          .Grid.rowLayout .navigator.left em:hover {
            width: 22px;
            height: 31px;
            background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -148px 0px no-repeat; }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              .Grid.rowLayout .navigator.left em:hover {
                background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
                background-position: -144px 0px;
                background-size: 214px 199px; } }
      .Grid.rowLayout .navigator.right {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(233, 233, 233, 0)), color-stop(95%, #e9e9e9));
        background-image: -webkit-linear-gradient(left, rgba(233, 233, 233, 0) 0%, #e9e9e9 95%);
        background-image: linear-gradient(to right, rgba(233, 233, 233, 0) 0%, #e9e9e9 95%);
        right: 0;
        text-align: right; }
        .Grid.rowLayout .navigator.right em {
          width: 22px;
          height: 31px;
          background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -57px -87px no-repeat;
          margin-top: -15.5px;
          right: 0; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .Grid.rowLayout .navigator.right em {
              background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
              background-position: -56px -86px;
              background-size: 214px 199px; } }
          .Grid.rowLayout .navigator.right em:hover {
            width: 22px;
            height: 31px;
            background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -148px -33px no-repeat; }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              .Grid.rowLayout .navigator.right em:hover {
                background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
                background-position: -144px -32px;
                background-size: 214px 199px; } }
        .Grid.rowLayout .navigator.right.loading {
          display: inline !important; }
          .Grid.rowLayout .navigator.right.loading em {
            width: 24px;
            height: 24px;
            background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') 0px -144px no-repeat;
            -webkit-animation: rotateCircle 500ms infinite;
            animation: rotateCircle 500ms infinite;
            cursor: default;
            margin-top: -12px; }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              .Grid.rowLayout .navigator.right.loading em {
                background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
                background-position: 0px -142px;
                background-size: 214px 199px; } }

.GridFooter {
  display: none;
  margin-top: 31px; }
  .GridFooter.visible {
    display: block; }
  .GridFooter hr {
    display: inline-block;
    border: solid rgba(0, 0, 0, 0.1);
    border-width: 1px 0 0 0;
    color: #eee;
    width: 100%; }
  .GridFooter .gridError {
    border-top: #ccc dashed 2px;
    bottom: 0;
    display: none;
    left: 0;
    right: 0;
    text-align: center; }
    .GridFooter .gridError:after {
      content: "";
      display: table;
      clear: both; }
    .GridFooter .gridError .btn {
      margin: 20px auto 50px; }
      .GridFooter .gridError .btn span {
        font-weight: normal; }
  .GridFooter .gridLoadingWrapper {
    position: relative;
    z-index: -2; }
  .GridFooter .gridLoading {
    background-color: #e9e9e9;
    display: inline-block;
    left: 50%;
    margin-left: -24.5px;
    padding: 20px 10px;
    position: absolute;
    text-align: center;
    top: -26.5px;
    width: 29px; }
    .GridFooter .gridLoading .gridFooterLogoIcon {
      width: 29px;
      height: 31px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -81px -87px 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) {
        .GridFooter .gridLoading .gridFooterLogoIcon {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -102px -86px;
          background-size: 214px 199px; } }
    .GridFooter .gridLoading .gridFooterSpinner {
      display: inline-block;
      opacity: 0.5;
      width: 32px;
      height: 32px;
      background: url('/webapp/style/app/common/images/spinner-medium-1x.654fb1fe.gif') 0px 0px no-repeat;
      display: none; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .GridFooter .gridLoading .gridFooterSpinner {
          background-image: url('/webapp/style/app/common/images/spinner-medium-2x.ca5dc496.gif');
          background-position: 0px 0px;
          background-size: 32px 32px; } }
  .GridFooter.showGridLoading .gridFooterLogoIcon {
    display: none; }
  .GridFooter.showGridLoading .gridFooterSpinner {
    display: block; }

.GridItems {
  margin: 0 auto 14px;
  position: relative; }
  .GridItems.centeredWithinWrapper {
    margin-bottom: 14px;
    padding-bottom: 4px; }
  .GridItems.loading {
    min-height: 100px; }
  .GridItems .item {
    -webkit-transform: translateZ(0); }
    .GridItems .item .itemClickMask {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 6px;
      bottom: 0;
      color: #fff;
      cursor: pointer;
      font-size: 20px;
      font-weight: bold;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      z-index: 200; }
      .GridItems .item .itemClickMask .selectItemIconWrapper {
        left: 50%;
        position: absolute;
        top: 50%; }
      .GridItems .item .itemClickMask .selectItemIcon {
        width: 40px;
        height: 40px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -345px -95px no-repeat;
        left: -16px;
        position: absolute;
        top: -45px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .GridItems .item .itemClickMask .selectItemIcon {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -294px -248px;
            background-size: 415px 409px; } }
      .GridItems .item .itemClickMask .selectItemTextWrapper {
        position: relative;
        top: 14px; }
      .GridItems .item .itemClickMask:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .GridItems .item .itemClickMask:hover {
        opacity: 1; }
    .GridItems .item .sideHighlight {
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.23s;
      transition-duration: 0.23s;
      border-left: 2px solid #bd081c;
      height: 70%;
      left: 0;
      position: absolute;
      opacity: 0;
      top: 15%; }
    .GridItems .item.dropPreview {
      z-index: 2; }
      .GridItems .item.dropPreview .sideHighlight {
        opacity: 1; }
  .GridItems.variableHeightLayout > .item {
    position: absolute;
    visibility: hidden; }
  .columns-1 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+1), .columns-2 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+2), .columns-3 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+3), .columns-4 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+4), .columns-5 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+5), .columns-6 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+6), .columns-7 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+7), .columns-8 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+8), .columns-9 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+9), .columns-10 .GridItems.variableHeightLayout.loadingItems > .item:nth-child(-n+10) {
    float: left;
    position: static;
    visibility: visible; }
  .GridItems.fixedHeightLayout {
    padding-bottom: 2px; }
    .GridItems.fixedHeightLayout:after {
      content: "";
      display: table;
      clear: both; }
  .GridItems.fixedHeightLayout > .item {
    float: left; }
  .GridItems.padItems > .item {
    margin: 14px 7px 0 7px; }
  .GridItems.rowLayout {
    margin: 14px 0 0; }
    .GridItems.rowLayout > .item {
      float: left;
      padding: 0 7px; }
    .GridItems.rowLayout.padItems > .item {
      margin: 0;
      padding: 14px 7px 0 7px; }

.ImageBlock .left, .ImageBlock .right {
  display: inline-block;
  vertical-align: top; }
.ImageBlock .left {
  margin-right: 10px;
  overflow: hidden; }
  .ImageBlock .left.smooth {
    border-radius: 6px; }
    .ImageBlock .left.smooth img {
      border-radius: 6px; }
  .ImageBlock .left.circle {
    border-radius: 50%; }
    .ImageBlock .left.circle img, .ImageBlock .left.circle .icon {
      border-radius: 50%; }
  .ImageBlock .left.imageSize_small {
    margin-right: 5px; }
    .ImageBlock .left.imageSize_small img, .ImageBlock .left.imageSize_small .icon {
      font-size: 18px;
      height: 32px;
      line-height: 32px;
      width: 32px; }
  .ImageBlock .left.imageSize_medium {
    margin-right: 8px; }
    .ImageBlock .left.imageSize_medium img, .ImageBlock .left.imageSize_medium .icon {
      font-size: 28px;
      height: 50px;
      line-height: 50px;
      width: 50px; }
  .ImageBlock .left.imageSize_large {
    margin-right: 10px; }
    .ImageBlock .left.imageSize_large img, .ImageBlock .left.imageSize_large .icon {
      font-size: 36px;
      height: 75px;
      line-height: 75px;
      width: 75px; }
  .ImageBlock .left .icon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
    background-color: #999;
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center; }
    .ImageBlock .left .icon.primary {
      background-color: #bd081c; }
.ImageBlock .right .imageBlockContentTitle {
  color: #211922;
  font-size: 12px;
  font-weight: bold; }
.ImageBlock .right .imageBlockContentBody {
  font-weight: normal;
  margin-top: 4px; }
.ImageBlock.imageBlockDemo .left em {
  width: 32px;
  height: 32px;
  background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -74px -141px no-repeat;
  display: block;
  height: 32px;
  width: 32px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ImageBlock.imageBlockDemo .left em {
      background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
      background-position: 0px -138px;
      background-size: 229px 211px; } }

.Image {
  position: relative;
  max-width: 100%; }
  .Image > .heightContainer > img {
    height: 100%;
    width: 100%;
    position: absolute; }

.ImageCrop .holder {
  overflow: hidden;
  height: 300px;
  margin: 15px;
  position: relative; }
.ImageCrop .spinner {
  background: url('/webapp/style/app/common/images/spinner.0f376298.gif') no-repeat center;
  bottom: 5px;
  display: none;
  height: 30px;
  left: 0;
  position: absolute;
  right: 0; }
.ImageCrop .frame {
  -webkit-box-shadow: 0 2px 3px rgba(34, 25, 25, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(34, 25, 25, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  position: absolute; }
.ImageCrop .mask {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  .ImageCrop .mask span {
    background: #fcf9f9;
    opacity: 0.9;
    position: absolute; }
.ImageCrop .bg {
  overflow: hidden;
  left: 0;
  position: absolute;
  top: 0; }
  .ImageCrop .bg img {
    opacity: 0.01;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    max-width: none; }
    .ImageCrop .bg img.in {
      opacity: 1; }
.ImageCrop .help {
  left: 0;
  padding-top: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }
.ImageCrop .drag {
  background: #fff;
  bottom: 0;
  cursor: move;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0; }

.ImageUploader {
  background-color: #f3f3f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f9f9f9));
  background: -webkit-linear-gradient(#ededed, #f9f9f9);
  background: linear-gradient(#ededed, #f9f9f9);
  border-radius: 0 0 6px 6px;
  padding: 15px 20px;
  position: relative; }
  .ImageUploader.reportBug {
    background: #fff;
    padding: 0; }
  .ImageUploader.loading {
    min-height: 0; }
  .ImageUploader .disabled input {
    display: none; }
  .ImageUploader.selected {
    background: red; }
  .ImageUploader .Button.large {
    float: left;
    font-size: 13px;
    margin: -1px;
    padding: 6px 12px 7px;
    position: relative; }
  .ImageUploader div.Button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
  .ImageUploader .hasUploadedImage {
    cursor: pointer; }
  .ImageUploader .uploaderProgress {
    overflow: hidden;
    border-radius: 0 6px 6px 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.31) inset;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.31) inset;
    height: 31px;
    position: relative;
    top: -1px; }
    .ImageUploader .uploaderProgress span {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #333;
      display: block;
      float: left;
      font-size: 14px;
      margin-left: 7px;
      margin-top: 4px;
      padding: 3px; }

.ImportantImage {
  display: inline-block;
  height: 136px;
  margin: 0;
  width: 136px; }
  .ImportantImage.newUserInterestPicker {
    margin: 0 7px 40px; }

.IncrementingNavigateButton.hidden {
  display: none; }

.InlineHoverButton {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3; }
  .InlineHoverButton > em {
    display: block; }
  .InlineHoverButton.deleteComment, .InlineHoverButton.flagComment {
    top: 23px;
    right: 23px; }
    .InlineHoverButton.deleteComment:hover .Button, .InlineHoverButton.flagComment:hover .Button {
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      display: block;
      font-size: 12px;
      padding: 5px 6px;
      position: absolute; }
  .InlineHoverButton.deleteComment > em {
    width: 8px;
    height: 8px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -36px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .InlineHoverButton.deleteComment > em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -77px;
        background-size: 229px 211px; } }
  .InlineHoverButton.deleteComment:hover .Button {
    right: -10px;
    top: -10px; }
  .InlineHoverButton.flagComment > em {
    width: 8px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -24px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .InlineHoverButton.flagComment > em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -57px;
        background-size: 229px 211px; } }
  .InlineHoverButton.flagComment:hover .Button {
    right: -10px;
    top: -9px; }

.Input {
  overflow: hidden;
  border-top: 1px solid #dfdfdf;
  padding: 15px 21px 15px 27px;
  background-color: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f5f5f5));
  background: -webkit-linear-gradient(#f0f0f0, #f5f5f5);
  background: linear-gradient(#f0f0f0, #f5f5f5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #d6d3ce;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset;
  color: #333;
  font-size: 14px;
  padding: 7px; }
  .Input:first-child {
    border: 0; }
  .Input:focus {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) inset; }
  .Input.hasError, .Input.hasWarning {
    background: #e6abad;
    border-color: #bd081c; }
  .Input.disabled {
    background-color: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fafafa));
    background: -webkit-linear-gradient(#f5f5f5, #fafafa);
    background: linear-gradient(#f5f5f5, #fafafa);
    border-color: #dcdcdc;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12) inset;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12) inset;
    color: #999;
    cursor: default; }
    .safari .Input.disabled {
      background-color: #f7f7f7; }
  .Input.flat {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    padding: 7px; }
    .Input.flat:focus {
      border-color: #12afe3;
      outline: none; }
    .Input.flat:disabled {
      color: #d7d7d7; }
  .withCurrencySymbol .Input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .Input.searchInput {
    padding-right: 30px; }

.Modal {
  position: fixed;
  z-index: 751;
  top: 0; }
  .Modal .modalMask {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #e2e4e4;
    opacity: 0.9;
    position: fixed; }
    .Modal .modalMask.dark {
      background-color: #000;
      opacity: 0.5; }
    .Modal .modalMask.shadow {
      background-color: #000;
      opacity: 0.8; }
    .Modal .modalMask.transparent {
      background-color: transparent; }
    .newUserTutorial .Modal .modalMask, .newUserPinIntroTutorial .Modal .modalMask {
      opacity: 0.5; }
  .Modal .modalScroller {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed; }
  .Modal.absoluteCenter .modalScroller {
    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;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .Modal .modalContainer {
    position: relative;
    text-align: center; }
  .Modal.fullScreen .modalContainer {
    height: 100%; }
  .Modal.fullScreen .modalContent {
    display: block;
    height: 100%; }
  .Modal.fullScreen .modalModule {
    height: 100%; }
    .Modal.fullScreen .modalModule > * {
      height: 100%;
      width: 100%; }
  .Modal.panel .modalContent {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1; }
  .Modal.panel .modalModule {
    -webkit-transform: translateZ(0);
    overflow: hidden;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
  .Modal.panel .modalContainer {
    -webkit-transform: translateZ(0);
    background: transparent;
    border-radius: 0 5px 5px 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    top: 0;
    position: fixed;
    visibility: hidden; }
    .Modal.panel .modalContainer.show {
      visibility: visible; }
  .Modal.panel .modalScroller {
    overflow: hidden; }
  .Modal.panel .modalMask {
    background: rgba(0, 0, 0, 0.15);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .Modal.panel .modalMask.show {
      opacity: 1; }
  .Modal .fastFollowModalContainer .closeModal {
    right: 10px;
    top: 10px; }
  .Modal .closeModal {
    -webkit-transform: translateZ(0); }
  .Modal .positionModuleElement.modalContainer {
    display: block;
    padding-bottom: 0;
    position: fixed; }
    .Modal .positionModuleElement.modalContainer .modalContent {
      margin: 0; }
  .Modal .mobileModal {
    margin: auto 3%; }
  .Modal .modalContent {
    -webkit-transform: translateZ(0);
    background: #fff;
    border-radius: 6px;
    -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);
    display: inline-block;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    text-align: left; }
    .Modal .modalContent.addPinToMapWrapper {
      background: rgba(255, 255, 255, 0.82); }
    .Modal .modalContent.transparent {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: transparent; }
  .Modal.show .modalContent {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .Modal.registerNux {
    height: 100%;
    position: absolute;
    width: 100%; }
    .Modal.registerNux .modalMask {
      background-color: #efefef;
      opacity: 1;
      position: absolute;
      width: 100%; }
    .Modal.registerNux .modalScroller {
      position: absolute;
      width: 100%; }
    .Modal.registerNux .modalContent {
      -webkit-box-shadow: none;
      box-shadow: none;
      width: 100% !important; }
    .Modal.registerNux .modalContainer {
      margin: 0 !important; }
  .Modal.webNewContentNewRepin .modalMask {
    background-color: #0a0e13; }
    .Modal.webNewContentNewRepin .modalMask.animateOut {
      -webkit-transform: translateZ(0);
      -webkit-animation: fadeOutToTransparentFromEightyPercent 0.2s ease-out;
      animation: fadeOutToTransparentFromEightyPercent 0.2s ease-out;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
  .Modal.webNewContentNewRepin .modalContent {
    background: transparent;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); }
    .Modal.webNewContentNewRepin .modalContent:after {
      content: "";
      display: table;
      clear: both; }
  .Modal.webNewContentNewRepin .closeModal {
    display: none; }
  .Modal.animateMaskFade .modalMask {
    -webkit-transform: translateZ(0);
    -webkit-animation: fadeInToEightyPercent 0.2s ease-out;
    animation: fadeInToEightyPercent 0.2s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    .Modal.animateMaskFade .modalMask.animateOut {
      -webkit-animation: fadeOutToTransparent 0.2s ease-out;
      animation: fadeOutToTransparent 0.2s ease-out;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
  .Modal.animateContentSlit .modalContent {
    -webkit-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg); }
  .Modal.animateContentSlit .modalScroller {
    -webkit-perspective: 1300px;
    perspective: 1300px; }

.MultipleSelectButton {
  display: inline-block;
  vertical-align: baseline; }

.PagedCollection .moreItemsContainer {
  text-align: center; }
  .PagedCollection .moreItemsContainer.loading {
    position: relative; }
    .PagedCollection .moreItemsContainer.loading .Button {
      visibility: hidden; }
  .PagedCollection .moreItemsContainer.hidden {
    display: none; }

.PagedGrid.forceVerticalScroll::-webkit-scrollbar {
  height: auto;
  width: 11px;
  -webkit-appearance: none; }
.PagedGrid.forceVerticalScroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
.PagedGrid.forceVerticalScroll .fixedHeightLayout {
  overflow-x: hidden; }
.PagedGrid .Grid {
  margin: 0; }
.PagedGrid .moreItems {
  margin-top: 10px;
  width: 100%; }
  .PagedGrid .moreItems.hide {
    display: none; }
.PagedGrid.padItems .moreItemsContainer {
  margin-left: 7px;
  margin-right: 7px; }

.Picker .createButton {
  float: right; }
.Picker .nameWrapper {
  overflow: hidden;
  padding-right: 10px; }
  .Picker .nameWrapper.withoutCreate {
    padding-right: 0; }
.Picker .name {
  width: 100%; }
.Picker .top {
  overflow: hidden;
  margin-bottom: 9px; }
.Picker .itemSection {
  background: #fff6c4;
  border-radius: 6px;
  color: #615e4b;
  margin-bottom: 3px;
  padding: 6px 13px; }
  .Picker .itemSection h2 {
    font-size: 13px; }
.Picker .item {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-radius: 6px;
  color: #333;
  cursor: pointer;
  padding: 6px 13px; }
  .Picker .item:hover {
    background-color: #ebe8e8; }
.Picker .selected {
  background: #bd081c;
  color: #fff; }
.Picker .normalItem, .Picker .createItem .createName, .Picker .createSuggestionItem {
  font-weight: bold; }

.PickerItemCreate .createLabel {
  font-weight: normal; }
.PickerItemCreate.normal .icon {
  border-radius: 3px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -74px -141px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .PickerItemCreate.normal .icon {
      background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
      background-position: 0px -138px;
      background-size: 229px 211px; } }
.PickerItemCreate.pinCreate3 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
  line-height: 35px;
  letter-spacing: 0.01em;
  font-size: 14px; }
  .PickerItemCreate.pinCreate3 .icon {
    width: 34px;
    height: 34px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -215px -122px no-repeat;
    display: block;
    float: left;
    margin-right: 12px;
    vertical-align: middle; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PickerItemCreate.pinCreate3 .icon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -112px -96px;
        background-size: 229px 211px; } }
  .PickerItemCreate.pinCreate3.createSuggestion .icon {
    width: 34px;
    height: 34px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -215px -86px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PickerItemCreate.pinCreate3.createSuggestion .icon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -77px -96px;
        background-size: 229px 211px; } }

.PositionModule > .Module {
  display: none; }

.modalPinIntro .positionModuleElement.defaultCaret.positionLeft {
  z-index: 999999999; }

.positionModuleElement {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-transform: translateZ(0);
  border-radius: 6px;
  background: #fff;
  display: none;
  position: absolute;
  z-index: 685; }
  .positionModuleElement.defaultCaret.positionBottom {
    margin-top: 11px; }
    .positionModuleElement.defaultCaret.positionBottom .positionModuleCaret {
      width: 20px;
      height: 11px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -224px no-repeat;
      top: -11px; }
  .positionModuleElement.defaultCaret.positionLeft {
    margin-left: -11px; }
    .positionModuleElement.defaultCaret.positionLeft .positionModuleCaret {
      width: 11px;
      height: 20px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -92px no-repeat;
      right: -10px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .positionModuleElement.defaultCaret.positionLeft .positionModuleCaret {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -174px -171px;
          background-size: 229px 211px; } }
  .positionModuleElement.defaultCaret.positionRight {
    margin-left: 11px; }
    .positionModuleElement.defaultCaret.positionRight .positionModuleCaret {
      width: 11px;
      height: 20px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -202px no-repeat;
      left: -10px; }
  .positionModuleElement.defaultCaret.positionTop {
    margin-top: -9px; }
    .positionModuleElement.defaultCaret.positionTop .positionModuleCaret {
      width: 18px;
      height: 9px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -189px -86px no-repeat;
      bottom: -8px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .positionModuleElement.defaultCaret.positionTop .positionModuleCaret {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -147px -118px;
          background-size: 229px 211px; } }
  .positionModuleElement.bigCaret.positionBottom {
    margin-top: 13px; }
    .positionModuleElement.bigCaret.positionBottom .positionModuleCaret {
      width: 27px;
      height: 13px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -45px -259px no-repeat;
      top: -13px; }
  .positionModuleElement.bigCaret.positionLeft {
    margin-left: -13px; }
    .positionModuleElement.bigCaret.positionLeft .positionModuleCaret {
      width: 13px;
      height: 27px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -96px -176px no-repeat;
      right: -12px; }
  .positionModuleElement.bigCaret.positionRight {
    margin-left: 13px; }
    .positionModuleElement.bigCaret.positionRight .positionModuleCaret {
      width: 13px;
      height: 27px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -51px -176px no-repeat;
      left: -12px; }
  .positionModuleElement.bigCaret.positionTop {
    margin-top: -13px; }
    .positionModuleElement.bigCaret.positionTop .positionModuleCaret {
      width: 27px;
      height: 13px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -100px -259px no-repeat;
      bottom: -12px; }
  .positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.lightGrayCaretStyle {
    width: 18px;
    height: 9px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -169px -86px no-repeat; }
  .positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.lightGrayCaretStyle {
    width: 11px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -22px -237px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.lightGrayCaretStyle {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px 0px;
        background-size: 229px 211px; } }
  .positionModuleElement.defaultCaret.positionRight .positionModuleCaret.lightGrayCaretStyle {
    width: 9px;
    height: 18px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -247px -212px no-repeat; }
  .positionModuleElement.defaultCaret.positionTop .positionModuleCaret.lightGrayCaretStyle {
    width: 18px;
    height: 9px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -149px -86px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionTop .positionModuleCaret.lightGrayCaretStyle {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -147px -85px;
        background-size: 229px 211px; } }
  .positionModuleElement.bigCaret.positionBottom .positionModuleCaret.lightGrayCaretStyle {
    width: 27px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -129px -259px no-repeat; }
  .positionModuleElement.bigCaret.positionLeft .positionModuleCaret.lightGrayCaretStyle {
    width: 13px;
    height: 27px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -111px -176px no-repeat; }
  .positionModuleElement.bigCaret.positionRight .positionModuleCaret.lightGrayCaretStyle {
    width: 13px;
    height: 27px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -66px -176px no-repeat; }
  .positionModuleElement.bigCaret.positionTop .positionModuleCaret.lightGrayCaretStyle {
    width: 27px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -170px -259px no-repeat; }
  .positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.userEdBlueCaretStyle {
    width: 36px;
    height: 22px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -135px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.userEdBlueCaretStyle {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: 0px -171px;
        background-size: 229px 211px; } }
  .positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.userEdBlueCaretStyle {
    width: 13px;
    height: 24px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -141px -176px no-repeat; }
  .positionModuleElement.defaultCaret.positionRight .positionModuleCaret.userEdBlueCaretStyle {
    width: 13px;
    height: 24px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -126px -176px no-repeat; }
  .positionModuleElement.defaultCaret.positionTop .positionModuleCaret.userEdBlueCaretStyle {
    width: 24px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -74px -259px no-repeat; }
  .positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.whiteWashCaretStyle {
    width: 20px;
    height: 11px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -242px -259px no-repeat; }
  .positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.whiteWashCaretStyle {
    width: 11px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -136px no-repeat; }
  .positionModuleElement.defaultCaret.positionRight .positionModuleCaret.whiteWashCaretStyle {
    width: 11px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -114px no-repeat; }
  .positionModuleElement.defaultCaret.positionTop .positionModuleCaret.whiteWashCaretStyle {
    width: 18px;
    height: 9px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -129px -86px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionTop .positionModuleCaret.whiteWashCaretStyle {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -128px -85px;
        background-size: 229px 211px; } }
  .positionModuleElement.bigCaret.positionBottom .positionModuleCaret.whiteWashCaretStyle {
    width: 27px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -16px -259px no-repeat; }
  .positionModuleElement.bigCaret.positionLeft .positionModuleCaret.whiteWashCaretStyle {
    width: 13px;
    height: 27px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -36px -176px no-repeat; }
  .positionModuleElement.bigCaret.positionRight .positionModuleCaret.whiteWashCaretStyle {
    width: 13px;
    height: 27px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -81px -176px no-repeat; }
  .positionModuleElement.bigCaret.positionTop .positionModuleCaret.whiteWashCaretStyle {
    width: 27px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -199px -259px no-repeat; }
  .positionModuleElement.active {
    display: block;
    min-height: 50px;
    min-width: 50px; }
  .positionModuleElement.positionModuleFixed {
    position: fixed;
    z-index: 686; }
    .positionModuleElement.positionModuleFixed .positionModuleCaret {
      z-index: 687; }
  .positionModuleElement.large {
    min-height: 0; }
  .positionModuleElement.aboveModal.positionModuleFixed {
    z-index: 752; }
    .positionModuleElement.aboveModal.positionModuleFixed .positionModuleCaret {
      z-index: 753; }
  .positionModuleElement .positionModuleCaret {
    position: absolute; }
    .positionModuleElement .positionModuleCaret.gsHeaderIntroLastStepCaretStyle {
      left: 20px !important; }
  .positionModuleElement .positionModuleCaret {
    z-index: 686; }
  .positionModuleElement > .Module {
    display: block; }

.Progress {
  overflow: hidden; }
  .Progress li {
    float: left;
    margin-right: 4px; }
  .Progress.hidden {
    display: none; }
  .Progress.round li {
    border-radius: 8px;
    background: #cfcfcf;
    font-size: 0;
    height: 8px;
    overflow: hidden;
    text-indent: -9999em;
    width: 8px; }
  .Progress.numerical li, .Progress.numericalCheck li {
    border-radius: 3px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px; }
  .Progress li.active {
    background: #cd1d1f;
    color: #fff; }
  .Progress li.leftRounded {
    border-radius: 3px 0 0 0; }
  .Progress li.rightRounded {
    border-radius: 0 3px 0 0; }
  .Progress.numericalCheck li {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
    color: #777;
    height: 28px;
    line-height: 28px;
    margin: 0 0 0 7px;
    position: relative;
    width: 28px; }
    .Progress.numericalCheck li .completed {
      width: 13px;
      height: 10px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -48px -443px no-repeat;
      display: none;
      left: 8px;
      position: absolute;
      top: 9px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Progress.numericalCheck li .completed {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -252px -393px;
          background-size: 415px 409px; } }
    .Progress.numericalCheck li.active {
      font: 0 / 0 serif;
      text-shadow: none;
      color: transparent; }
      .Progress.numericalCheck li.active .completed {
        display: block; }
  .Progress.bar li {
    float: left;
    font-size: 0;
    height: 10px;
    margin-right: 0;
    overflow: hidden;
    text-align: center;
    text-indent: -9999em;
    width: 0; }
    .Progress.bar li .dot {
      border-radius: 3px;
      display: inline-block;
      height: 3px;
      margin-top: 3px;
      width: 3px; }
    .Progress.bar li.first {
      border-radius: 3px 0 0 0; }
    .Progress.bar li.last {
      border-radius: 0 3px 0 0; }
    .Progress.bar li.interest, .Progress.bar li.extension, .Progress.bar li.building_homefeed, .Progress.bar li.import_contacts, .Progress.bar li.follow_friends, .Progress.bar li.invite_friends {
      background-color: #d9d9d9; }
      .Progress.bar li.interest .dot, .Progress.bar li.extension .dot, .Progress.bar li.building_homefeed .dot, .Progress.bar li.import_contacts .dot, .Progress.bar li.follow_friends .dot, .Progress.bar li.invite_friends .dot {
        background-color: #a3a3a3; }
      .Progress.bar li.interest.active, .Progress.bar li.extension.active, .Progress.bar li.building_homefeed.active, .Progress.bar li.import_contacts.active, .Progress.bar li.follow_friends.active, .Progress.bar li.invite_friends.active {
        background-color: #cb2027; }
        .Progress.bar li.interest.active .dot, .Progress.bar li.extension.active .dot, .Progress.bar li.building_homefeed.active .dot, .Progress.bar li.import_contacts.active .dot, .Progress.bar li.follow_friends.active .dot, .Progress.bar li.invite_friends.active .dot {
          background-color: #7a1317; }
    .Progress.bar li.facebook {
      background-color: #b2b2b2; }
      .Progress.bar li.facebook .dot {
        background-color: #fff; }
      .Progress.bar li.facebook.active {
        background-color: #3c5b9b; }
        .Progress.bar li.facebook.active .dot {
          background-color: #fff; }
    .Progress.bar li.twitter {
      background-color: #b2b2b2; }
      .Progress.bar li.twitter .dot {
        background-color: #fff; }
      .Progress.bar li.twitter.active {
        background-color: #5fa9dd; }
        .Progress.bar li.twitter.active .dot {
          background-color: #fff; }

.ProgressMinistep {
  float: left; }

.QuickPicksSpinnerBlock {
  height: 96px;
  position: relative;
  pointer-events: none;
  cursor: progress !important; }

.RadioButton {
  display: inline-block;
  vertical-align: middle; }
  .RadioButton.fancy {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -173px -212px no-repeat;
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .RadioButton.fancy {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -147px -96px;
        background-size: 229px 211px; } }
    .RadioButton.fancy.fancySelected {
      width: 21px;
      height: 21px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px 0px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .RadioButton.fancy.fancySelected {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -37px -171px;
          background-size: 229px 211px; } }
    .RadioButton.fancy input {
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%; }

.Dropdown .RadioGroup {
  min-width: 0; }
  .Dropdown .RadioGroup li:first-child {
    border-radius: 6px 6px 0 0; }
  .Dropdown .RadioGroup li:last-child {
    border-radius: 0 0 6px 6px; }
  .Dropdown .RadioGroup li:hover {
    background-color: #eee; }
.RadioGroup.noRadioButtons li label {
  padding: 15px 30px 15px 10px; }
  .RadioGroup.noRadioButtons li label .labelContent {
    margin-left: 0; }
.RadioGroup.noRadioButtons .RadioButton {
  display: none; }
.RadioGroup.paginatedTableControl {
  max-height: 264px;
  overflow-y: scroll; }

.SelectButton {
  display: inline-block;
  vertical-align: baseline; }

.SelectList {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  position: relative; }
  .SelectList .hidden {
    display: none; }
  .SelectList.compact:focus {
    background-color: rgba(255, 255, 255, 0.4); }
  .SelectList.compact .sectionHeading {
    background: #fff6c4;
    border-radius: 6px;
    color: #615e4b;
    margin-bottom: 3px;
    padding: 6px 13px; }
  .SelectList.compact .item {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 13px; }
    .SelectList.compact .item:hover {
      background-color: #ebe8e8; }
    .SelectList.compact .item.selected {
      background: #bd081c;
      color: #fff; }
  .SelectList.normal .sections {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
    margin: 10px; }
  .SelectList.normal li {
    border-bottom: 1px solid #e3e3e3; }
  .SelectList.normal .sectionHeading {
    color: #717171;
    font-weight: normal;
    padding: 10px; }
  .SelectList.normal .item {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-radius: 6px;
    color: #333;
    cursor: pointer;
    padding: 10px 10px; }
    .SelectList.normal .item:hover {
      background-color: #ebe8e8; }
    .SelectList.normal .item.selected {
      background: #bd081c; }
  .SelectList.normal .item {
    font-weight: bold; }

.SocialTypeaheadField.socialSearchDemo {
  width: 300px; }

.Tabs .header {
  display: table;
  table-layout: fixed;
  text-align: center; }
  .Tabs .header li {
    cursor: pointer;
    display: table-cell;
    width: 1%; }
.Tabs.default .header {
  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; }
  .Tabs.default .header .headerText {
    color: #555;
    font-size: 16px;
    font-weight: normal;
    padding: 0 26px 0 13px; }
  .Tabs.default .header li:not(:first-child) {
    border-left: 1px solid #cdcdcd; }
  .Tabs.default .header .tabName {
    -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 0; }
    .Tabs.default .header .tabName:hover, .Tabs.default .header .tabName.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; }
    .Tabs.default .header .tabName: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; }
.Tabs.inviterTabs .header {
  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; }
  .Tabs.inviterTabs .header .headerText {
    color: #555;
    font-size: 16px;
    font-weight: normal;
    padding: 0 26px 0 13px; }
  .Tabs.inviterTabs .header li:not(:first-child) {
    border-left: 1px solid #cdcdcd; }
  .Tabs.inviterTabs .header .tabName {
    -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; }
    .Tabs.inviterTabs .header .tabName:hover, .Tabs.inviterTabs .header .tabName.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; }
    .Tabs.inviterTabs .header .tabName: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; }
.Tabs.colored {
  border: 1px solid #eee;
  border-radius: 3px; }
  .Tabs.colored .tabName {
    background: #fbfbfb;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 3px solid transparent;
    color: #666;
    font-weight: bold;
    height: 56px;
    line-height: 56px; }
    .Tabs.colored .tabName.active {
      background: #fff;
      border-bottom-color: transparent;
      border-top-color: inherit;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      color: inherit; }
  .Tabs.colored .tab:last-child .tabName {
    border-right: 0; }

.TextContainer {
  margin: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif; }
  .TextContainer.textHeader {
    font-size: 16px;
    font-weight: bold;
    margin: 0; }
    .TextContainer.textHeader > p {
      word-wrap: break-word; }

.TextField .content {
  border-radius: 3px;
  min-height: 1em;
  padding: 8px;
  width: 100%;
  word-wrap: break-word; }
  .TextField .content.flat {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    padding: 7px; }
  .TextField .content.pinCreate3Description {
    padding: 0; }
  .TextField .content.autogrow {
    overflow: hidden; }
    .TextField .content.autogrow.maxheight {
      overflow-y: scroll; }
.TextField .invisibleElemContainer {
  bottom: -1000px;
  height: 0;
  position: fixed;
  right: -1000px;
  width: 0; }
  .TextField .invisibleElemContainer .invisibleElem {
    overflow: hidden;
    position: absolute;
    visibility: hidden; }

/* Code for the at-who lib */
#at-view {
  -webkit-transform: translateZ(0);
  z-index: 802; }
  #at-view ul {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    cursor: pointer;
    list-style-type: none;
    max-width: 300px; }
    #at-view ul li {
      font-size: 13px;
      font-weight: 500;
      padding: 4px; }
      #at-view ul li img {
        border-radius: 3px;
        height: 30px;
        margin-right: 2px;
        width: 30px; }
      #at-view ul li span {
        color: #777;
        font-weight: normal; }
    #at-view ul li.cur {
      background-color: #eee; }

.Typeahead {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  border-radius: 6px;
  display: none;
  left: 0;
  right: 0;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  z-index: -1; }
  .Typeahead.open {
    -webkit-animation: fadeIn .2s ease-out;
    animation: fadeIn .2s ease-out;
    display: block;
    opacity: 1; }
  .Typeahead.expanded {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .Typeahead.expanded.open {
      -webkit-animation: none;
      animation: none; }
    .Typeahead.expanded.showRecentQueries .recentQueriesHeader {
      display: block; }
    .Typeahead.expanded .recentQueriesHeader {
      display: none;
      padding-top: 20px; }
      .Typeahead.expanded .recentQueriesHeader .title {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding-left: 10px; }
      .Typeahead.expanded .recentQueriesHeader hr {
        background-color: rgba(255, 255, 255, 0.18);
        height: 1px;
        margin-top: 25px; }
    .Typeahead.expanded li:first-child, .Typeahead.expanded li:last-child {
      padding: 0; }
    .Typeahead.expanded li a {
      font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
      border-radius: 6px;
      color: #b9b9b9;
      font-size: 16px;
      font-weight: 500;
      padding: 15px 10px; }
      .Typeahead.expanded li a.recentQuery, .Typeahead.expanded li a.searchMore {
        padding: 20px 10px; }
      .Typeahead.expanded li a.searchMore {
        font-size: 18px; }
      .Typeahead.expanded li a .typeaheadSearchIcon em {
        width: 14px;
        height: 16px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -280px -420px no-repeat;
        float: left;
        margin-top: 4px;
        margin-right: 10px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead.expanded li a .typeaheadSearchIcon em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -401px -68px;
            background-size: 415px 409px; } }
      .Typeahead.expanded li a .typeaheadScope {
        color: #fff; }
    .Typeahead.expanded li.highlighted a, .Typeahead.expanded li a:hover {
      background-color: #262626;
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      padding: 15px 10px; }
      .Typeahead.expanded li.highlighted a.recentQuery, .Typeahead.expanded li.highlighted a.searchMore, .Typeahead.expanded li a:hover.recentQuery, .Typeahead.expanded li a:hover.searchMore {
        padding: 20px 10px; }
      .Typeahead.expanded li.highlighted a.searchMore, .Typeahead.expanded li a:hover.searchMore {
        font-size: 18px; }
    .Typeahead.expanded li hr {
      background-color: rgba(255, 255, 255, 0.18);
      height: 1px;
      margin: 5px; }
  .Typeahead li {
    overflow: hidden;
    color: #777;
    display: block;
    font-size: 12px; }
    .Typeahead li:first-child {
      padding-top: 5px; }
    .Typeahead li:last-child {
      padding-bottom: 5px; }
    .Typeahead li a {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      font-weight: bold;
      color: #777;
      cursor: pointer;
      display: block;
      padding: 9px 14px; }
      .Typeahead li a:hover {
        background: #f1f1f1;
        color: #333; }
      .Typeahead li a:active {
        background: #eaeaea; }
    .Typeahead li a {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      padding: 6px 10px; }
    .Typeahead li.highlighted a {
      background: rgba(0, 0, 0, 0.08);
      color: #333; }
    .Typeahead li:hover .remove {
      display: inline; }
  .Typeahead.advanced li:first-child {
    padding-top: 0; }
  .Typeahead .results li:first-child .breakLine {
    border-top: none; }
  .Typeahead .results .sectionHeader {
    background: #f1f1f1;
    cursor: default; }
  .Typeahead .typeaheadImg {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    vertical-align: middle;
    width: 38px; }
    .Typeahead .typeaheadImg:after {
      border-radius: 50%;
      -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.9) inset;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.9) inset;
      content: " ";
      height: 38px;
      left: 0;
      position: absolute;
      top: 0;
      width: 38px; }
    .Typeahead .typeaheadImg img {
      border-radius: 50%;
      height: 38px;
      width: 38px; }
  .Typeahead.expanded {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 1000px; }
    .Typeahead.expanded .results ul {
      width: 33.3%;
      float: left; }
    .Typeahead.expanded .cancelButton {
      position: absolute;
      top: 30px;
      right: 20px;
      color: #fff;
      font-size: 32px;
      font-weight: 400; }
  .Typeahead .myPins {
    color: #bd081c; }
  .Typeahead .remove {
    width: 8px;
    height: 8px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -36px no-repeat;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: 4px;
    padding: 0;
    display: none; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Typeahead .remove {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -77px;
        background-size: 229px 211px; } }
  .Typeahead.gigantic li {
    font-size: 16px; }
    .Typeahead.gigantic li a {
      font-weight: normal; }
  .Typeahead .hintWrapper {
    border-bottom: 1px solid #eee;
    font-size: 13px;
    padding-left: 12px;
    padding-right: 12px; }
    .Typeahead .hintWrapper .hint {
      color: #333; }
    .Typeahead .hintWrapper .highlighted {
      color: #bd081c; }
  .Typeahead.addPlaceToPinForm {
    margin-bottom: 14px; }
    .Typeahead.addPlaceToPinForm li:first-child {
      padding-top: 0; }
    .Typeahead.addPlaceToPinForm li:last-child {
      padding-bottom: 0; }
    .Typeahead.addPlaceToPinForm li a {
      border-bottom: 1px solid #eaeaea;
      padding-bottom: 14px;
      padding-top: 14px; }
    .Typeahead.addPlaceToPinForm li .addToMap {
      float: right;
      visibility: hidden; }
      .Typeahead.addPlaceToPinForm li .addToMap p {
        margin: 0; }
    .Typeahead.addPlaceToPinForm li.highlighted .addToMap, .Typeahead.addPlaceToPinForm li:hover .addToMap {
      visibility: visible; }
    .Typeahead.addPlaceToPinForm li.highlighted a, .Typeahead.addPlaceToPinForm li a:hover {
      background: #f1f1f1 !important; }
    .Typeahead.addPlaceToPinForm li:focus {
      background: #fff; }
    .Typeahead.addPlaceToPinForm li .typeaheadResultMetaData {
      clear: both;
      color: #999;
      float: left;
      font-size: 13px;
      font-weight: normal;
      margin: 1px 0 0 0; }
      .Typeahead.addPlaceToPinForm li .typeaheadResultMetaData:first-child {
        margin-top: 13px; }
    .Typeahead.addPlaceToPinForm li .typeaheadResultMetaData, .Typeahead.addPlaceToPinForm li .typeaheadResultEmphasized {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      max-width: 336px; }
    .Typeahead.addPlaceToPinForm li .typeaheadResultEmphasized {
      color: #666;
      float: left;
      font-size: 13px; }
  .Typeahead.userSelect {
    background: #fff;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    text-align: left; }
    .Typeahead.userSelect .highlighted a, .Typeahead.userSelect a:hover {
      background: #f1f1f1; }
    .Typeahead.userSelect a:active {
      background: #eaeaea; }
    .Typeahead.userSelect .useEmail .typeaheadImg {
      position: relative; }
      .Typeahead.userSelect .useEmail .typeaheadImg:after {
        border-radius: 3px;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
        content: " ";
        height: 38px;
        left: 0;
        position: absolute;
        top: 0;
        width: 38px; }
      .Typeahead.userSelect .useEmail .typeaheadImg img {
        border-radius: 3px;
        height: 38px;
        width: 38px; }
    .Typeahead.userSelect li {
      border-bottom: 1px solid #e5e5e5; }
      .Typeahead.userSelect li:first-child, .Typeahead.userSelect li:last-child {
        padding-bottom: 0;
        padding-top: 0; }
      .Typeahead.userSelect li:last-child {
        border-bottom: none; }
      .Typeahead.userSelect li a {
        padding: 10px 14px; }
    .Typeahead.userSelect .typeaheadImg {
      float: left;
      margin-right: 12px; }
    .Typeahead.userSelect p {
      margin: 0; }
    .Typeahead.userSelect .typeaheadName {
      color: #000;
      font-size: 13px;
      margin-bottom: 2px;
      margin-top: 6px; }
    .Typeahead.userSelect .titleWrapper {
      float: left;
      font-size: 11px; }
    .Typeahead.userSelect .titleIcon {
      width: 11px;
      height: 11px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -309px -164px no-repeat;
      display: inline-block;
      float: left; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Typeahead.userSelect .titleIcon {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -301px -228px;
          background-size: 415px 409px; } }
      .Typeahead.userSelect .titleIcon.isPinner {
        width: 11px;
        height: 11px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -322px -164px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead.userSelect .titleIcon.isPinner {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -401px -381px;
            background-size: 415px 409px; } }
      .Typeahead.userSelect .titleIcon.isFacebook {
        width: 10px;
        height: 10px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -114px -443px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead.userSelect .titleIcon.isFacebook {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -241px -393px;
            background-size: 415px 409px; } }
      .Typeahead.userSelect .titleIcon.isGplus {
        width: 10px;
        height: 10px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -63px -443px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead.userSelect .titleIcon.isGplus {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -215px -393px;
            background-size: 415px 409px; } }
    .Typeahead.userSelect .title {
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      color: #666;
      font-weight: normal;
      margin-left: 16px;
      position: relative;
      top: -1px; }
  .Typeahead.addPinToMap.hidden {
    display: none; }
  .Typeahead.addPinToMap li:first-child {
    padding-top: 0; }
  .Typeahead.addPinToMap li:last-child {
    padding-bottom: 0; }
  .Typeahead.addPinToMap li a {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 21px;
    padding-top: 21px; }
  .Typeahead.addPinToMap li .addToMap {
    float: right;
    visibility: hidden; }
    .Typeahead.addPinToMap li .addToMap p {
      margin: 0;
      padding-left: 14px;
      padding-right: 14px;
      width: auto; }
  .Typeahead.addPinToMap li.highlighted .addToMap, .Typeahead.addPinToMap li:hover .addToMap {
    visibility: visible; }
  .Typeahead.addPinToMap li.highlighted a, .Typeahead.addPinToMap li a:hover {
    background: #f1f1f1 !important; }
  .Typeahead.addPinToMap li:focus {
    background: #fff; }
  .Typeahead.addPinToMap li .typeaheadResultMetaData {
    clear: both;
    color: #9a9a9a;
    float: left;
    font-size: 13px;
    margin: 0;
    margin-bottom: 0;
    margin-top: -10px; }
    .Typeahead.addPinToMap li .typeaheadResultMetaData:first-child {
      margin-top: 13px; }
  .Typeahead.addPinToMap li .typeaheadResultMetaData, .Typeahead.addPinToMap li .typeaheadResultEmphasized {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 390px; }
  .Typeahead.addPinToMap li .typeaheadResultEmphasized {
    color: #333;
    float: left;
    font-size: 16px; }
  .Typeahead.interestsTypeaheadItem .typeaheadImg {
    float: left; }
  .Typeahead.interestsTypeaheadItem .typeaheadSummary {
    float: left;
    margin-top: 3px; }
    .Typeahead.interestsTypeaheadItem .typeaheadSummary .typeaheadName {
      color: #000;
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 2px; }
    .Typeahead.interestsTypeaheadItem .typeaheadSummary .typeaheadStats .numPinnersIcon {
      width: 14px;
      height: 10px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -126px -443px no-repeat;
      float: left;
      margin-right: 3px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Typeahead.interestsTypeaheadItem .typeaheadSummary .typeaheadStats .numPinnersIcon {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -324px -228px;
          background-size: 415px 409px; } }
    .Typeahead.interestsTypeaheadItem .typeaheadSummary .typeaheadStats .numPinnersStat {
      float: left;
      font-size: 11px;
      font-weight: normal; }
  .Typeahead.interestsTypeaheadItem .plusIcon {
    width: 16px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -382px -420px no-repeat;
    float: right;
    margin-top: 10px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Typeahead.interestsTypeaheadItem .plusIcon {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -17px -393px;
        background-size: 415px 409px; } }
  .Typeahead.userCircleSelect li {
    border-bottom: 1px solid #e7e7e7; }
    .Typeahead.userCircleSelect li:last-child {
      border-bottom: none; }
    .Typeahead.userCircleSelect li a {
      padding: 10px; }
    .Typeahead.userCircleSelect li.highlighted a {
      background-color: #eeeeee; }
  .Typeahead .userCircleAvatar .left {
    float: left;
    margin-right: 10px; }
  .Typeahead .userCircleAvatar .right {
    float: left; }
  .Typeahead .userCircleAvatar .title {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font-weight: bold;
    margin: 1px 0; }
  .Typeahead .userCircleAvatar .subtitle {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #b7b7b7;
    font-weight: normal;
    margin: 2px 0 0; }
  .Typeahead .userCircleAvatar img {
    width: 34px;
    border-radius: 50%; }
  .Typeahead .sendToEmail.unclickable a {
    cursor: default; }
  .Typeahead .sendToEmail .left {
    float: left;
    margin-right: 10px; }
    .Typeahead .sendToEmail .left .icon {
      font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
      background-color: #999;
      border-radius: 50%;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      height: 33px;
      line-height: 33px;
      margin-top: 1px;
      text-align: center;
      width: 33px; }
      .Typeahead .sendToEmail .left .icon.typingEmail em {
        width: 33px;
        height: 33px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -307px -129px no-repeat;
        display: block; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .sendToEmail .left .icon.typingEmail em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -343px 0px;
            background-size: 415px 409px; } }
  .Typeahead .sendToEmail .title {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font-weight: bold;
    margin: 1px 0; }
  .Typeahead .sendToEmail .subtitle {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #b7b7b7;
    font-weight: normal;
    margin: 2px 0 0; }
  .Typeahead .socialConnect .left {
    float: left;
    margin-right: 10px; }
    .Typeahead .socialConnect .left .icon {
      height: 32px;
      width: 32px; }
      .Typeahead .socialConnect .left .icon em {
        display: block; }
      .Typeahead .socialConnect .left .icon.socialConnect-facebook em {
        width: 32px;
        height: 32px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -216px -347px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .socialConnect .left .icon.socialConnect-facebook em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -343px -134px;
            background-size: 415px 409px; } }
      .Typeahead .socialConnect .left .icon.socialConnect-gplus em {
        width: 33px;
        height: 33px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -355px -303px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .socialConnect .left .icon.socialConnect-gplus em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -343px -34px;
            background-size: 415px 409px; } }
      .Typeahead .socialConnect .left .icon.socialConnect-twitter em {
        width: 32px;
        height: 32px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -148px -347px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .socialConnect .left .icon.socialConnect-twitter em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -343px -68px;
            background-size: 415px 409px; } }
      .Typeahead .socialConnect .left .icon.socialConnect-yahoo em {
        width: 32px;
        height: 32px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -182px -347px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .socialConnect .left .icon.socialConnect-yahoo em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -343px -101px;
            background-size: 415px 409px; } }
  .Typeahead .socialConnect .title {
    color: #211922;
    font-weight: bold;
    line-height: 32px; }

.UserNavigateButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  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);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  background-color: #f5f5f5;
  border-radius: 6px 0 0 6px;
  border: 1px solid #d4d4d4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #818181;
  cursor: pointer;
  height: 34px;
  outline: none;
  padding: 0;
  position: relative;
  text-align: left;
  width: 195px;
  z-index: 104; }
  .UserNavigateButton:after {
    content: "";
    display: table;
    clear: both; }
  .UserNavigateButton.merged {
    border-bottom-right-radius: 0 0;
    border-top-right-radius: 0 0;
    margin-right: -1px; }
  .UserNavigateButton .usernameLink {
    width: 100%; }
  .UserNavigateButton .profileImage {
    background-size: 22px 22px;
    border-radius: 11px;
    -webkit-box-shadow: 0 0 2px #616161 inset;
    box-shadow: 0 0 2px #616161 inset;
    float: left;
    height: 22px;
    margin-top: 5px;
    margin-left: 8px;
    overflow: hidden;
    width: 22px; }
  .UserNavigateButton .profileName {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    padding: 0 0 0 6px; }
  .UserNavigateButton: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;
    border-radius: 6px 0 0 6px;
    -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; }
    .UserNavigateButton:hover .profileName {
      color: #818181;
      text-shadow: none; }
  .UserNavigateButton:active {
    background: #e9e9e9;
    border-color: #cfcfcf;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .UserNavigateButton:active .profileName {
      color: #818181; }

.AppBase {
  margin-top: -1px;
  padding-top: 1px;
  min-width: 750px; }

.App > .moduleMask {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }
.App .appendedContainer > .Module {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 680; }
.App > .Spinner {
  position: fixed; }
.App .fbAd {
  display: none; }
.App .inspiredWallOverlay {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  z-index: 1000; }
  .App .inspiredWallOverlay.doNotShow {
    opacity: 0;
    pointer-events: none; }

.newUserTutorial .AuthHomePage, .newUserPinIntroTutorial .AuthHomePage {
  background-image: url('/webapp/style/app/common/images/tutorial_empty_pins.7567d16c.png');
  bottom: 0;
  left: 14px;
  position: fixed;
  right: 14px;
  top: 58px; }
  .newUserTutorial .AuthHomePage .emptyHomeFeed, .newUserPinIntroTutorial .AuthHomePage .emptyHomeFeed {
    display: none; }
  .newUserTutorial .AuthHomePage .Grid, .newUserPinIntroTutorial .AuthHomePage .Grid {
    display: none; }
.AuthHomePage .followingFeedButtonWrapper {
  display: inline-block;
  position: relative; }
.AuthHomePage .subnavWrapper {
  -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(255, 255, 255, 0.5);
  -webkit-transform: translateZ(0);
  background: #d6d6d6;
  left: 0;
  padding: 9px 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 44px;
  z-index: 102; }
.AuthHomePage .buttons .btn {
  display: inline-block;
  font-size: 13px;
  margin: -2px;
  padding: 6px auto;
  min-width: 135px; }
.AuthHomePage .buttons .btn:last-of-type {
  border-radius: 0 6px 6px 0; }
.AuthHomePage .buttons .btn:first-of-type {
  border-radius: 6px 0 0 6px; }
.AuthHomePage .buttons .btn.active {
  background-color: #fbfbfb;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
  background: -webkit-linear-gradient(#fff, #f7f7f7);
  background: linear-gradient(#fff, #f7f7f7);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #b7b7b7;
  color: #222; }
.AuthHomePage .unauthPinGridTitle, .AuthHomePage .everythingFeedPinGridTitle {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
  color: #444;
  font-size: 21px;
  margin: 36px 0 26px;
  text-align: center; }
.AuthHomePage .everythingFeedPinGridTitle {
  font-weight: normal; }
  .AuthHomePage .everythingFeedPinGridTitle a {
    font-weight: bold;
    color: #444;
    cursor: pointer; }
.AuthHomePage.pickedForYouSegmentedNoNag .Grid {
  margin-top: 46px; }

.FeedPage .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-top: 33px; }
.FeedPage .categoryHeader {
  background: url('http://www.manuelarchain.com/photo/wp-content/uploads/2012/06/blurry-archain-002.jpg') no-repeat;
  background-size: 100%;
  padding: 45px; }
  .FeedPage .categoryHeader .feedName {
    color: #fff;
    margin-top: 5px; }
  .FeedPage .categoryHeader .categoryStats {
    height: 15px;
    margin: 0 auto 18px auto;
    text-align: center; }
    .FeedPage .categoryHeader .categoryStats .categoryStatsInner {
      display: inline-block; }
      .FeedPage .categoryHeader .categoryStats .categoryStatsInner .categoryStat {
        float: left;
        line-height: 12px; }
        .FeedPage .categoryHeader .categoryStats .categoryStatsInner .categoryStat .categoryStatIcon {
          float: left;
          margin-top: 12px;
          margin-right: 5px; }
        .FeedPage .categoryHeader .categoryStats .categoryStatsInner .categoryStat .pins {
          color: #fff;
          float: left;
          font-size: 12px;
          font-weight: bold;
          margin-right: 10px;
          opacity: 0.7;
          text-align: center; }
      .FeedPage .categoryHeader .categoryStats .categoryStatsInner .pins .categoryStatIcon {
        width: 12px;
        height: 12px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -409px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .FeedPage .categoryHeader .categoryStats .categoryStatsInner .pins .categoryStatIcon {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -401px -318px;
            background-size: 415px 409px; } }
.ja .FeedPage .feedName {
  font-size: 36px; }
.FeedPage .RelatedInterestsSection {
  margin: 16px 0; }

.FooterButtons {
  position: relative;
  /* Guide is recommended! Slide up the trigger card after a short delay */ }
  .FooterButtons.visible .buttonInoutWrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 0.85s;
    transition-duration: 0.85s;
    -webkit-transition-timing-function: cubic-bezier(.19, 1.32, .48, 1);
    transition-timing-function: cubic-bezier(.19, 1.32, .48, 1);
    opacity: 1; }
  .FooterButtons.tutorialHighlight .buttonInoutWrapper {
    -webkit-animation: none;
    animation: none;
    -webkit-animation-timing-function: none;
    animation-timing-function: none;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .FooterButtons .userEducationTutorialButton {
    display: none; }
  .FooterButtons .emptyTutorialButton {
    display: block; }
  .FooterButtons.hasGuides .userEducationTutorialButton {
    display: block; }
  .FooterButtons.hasGuides .emptyTutorialButton {
    display: none; }
  .FooterButtons .buttonInoutWrapper {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px); }
    .FooterButtons .buttonInoutWrapper.addButtonWrapper {
      -webkit-animation-delay: 100ms;
      animation-delay: 100ms;
      -webkit-transition-delay: 100ms;
      transition-delay: 100ms;
      margin-bottom: 8px; }
    .FooterButtons .buttonInoutWrapper.helpButtonWrapper {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms;
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms; }
  .FooterButtons.guideIsRecommended {
    /* Move the Add button up relative to the card */ }
    .FooterButtons.guideIsRecommended .UserEducationTriggerCard {
      -webkit-animation: trigger-card-slide-up 0.8s forwards;
      animation: trigger-card-slide-up 0.8s forwards;
      -webkit-animation-timing-function: cubic-bezier(.21, 1.4, .37, 1);
      animation-timing-function: cubic-bezier(.21, 1.4, .37, 1);
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .FooterButtons.guideIsRecommended .addButtonWrapper .Button {
      -webkit-transform: translateY(-26px);
      -ms-transform: translateY(-26px);
      transform: translateY(-26px); }
    .FooterButtons.guideIsRecommended .helpButtonWrapper .Button {
      -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
      transform: translateY(-6px); }
  .FooterButtons.guideWasRecommended {
    /* Slide the trigger card down if a guide WAS recommended */ }
    .FooterButtons.guideWasRecommended .UserEducationTriggerCard {
      -webkit-animation: trigger-card-slide-down 0.8s forwards;
      animation: trigger-card-slide-down 0.8s forwards;
      -webkit-animation-timing-function: cubic-bezier(.21, 1.4, .37, 1);
      animation-timing-function: cubic-bezier(.21, 1.4, .37, 1); }
    .FooterButtons.guideWasRecommended .helpButtonWrapper {
      -webkit-animation: pop-button-scale 0.7s forwards;
      animation: pop-button-scale 0.7s forwards;
      -webkit-animation-timing-function: cubic-bezier(.46, 1.72, .55, .99);
      animation-timing-function: cubic-bezier(.46, 1.72, .55, .99); }

.HeaderBase.hidden {
  display: none; }

.RightHeader {
  background-color: #fff;
  width: 100%; }
  .RightHeader .userMenuWrapper {
    margin-right: 42px;
    overflow: visible; }

.User .hoverMask {
  -webkit-transition: background 0.04s linear;
  transition: background 0.04s linear;
  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;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100; }
  .ielt10 .User .hoverMask {
    display: none !important; }
.User .userWrapper:hover .hoverMask {
  background: rgba(255, 255, 255, 0.08); }
.User .userWrapper:active .hoverMask {
  background: rgba(0, 0, 0, 0.08); }
.User.gridItem {
  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; }
  .User.gridItem .userThumbs {
    overflow: hidden; }
.User.thumb.small .title, .User.thumb.small .subtitle, .User.thumb.small .location, .User.thumb.small .fullname {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 1px;
  margin-top: 1px; }
.User.thumb .title, .User.thumb .subtitle, .User.thumb .location {
  font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: bold;
  color: #808080; }
.User.thumb.hasText .thumbImageWrapper {
  margin-right: 8px; }
.User.dim {
  opacity: 0.5; }
.User .focusThumbContainer {
  position: relative;
  background: #eee;
  height: 106px;
  float: left;
  width: 106px; }
  .User .focusThumbContainer: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: 106px;
    left: 0;
    position: absolute;
    top: 0;
    width: 106px; }
  .User .focusThumbContainer img {
    border-radius: 3px;
    height: 106px;
    width: 106px; }
.User .thumbContainer {
  position: relative;
  background-color: #eee;
  float: left;
  margin: 0 3px 3px 0; }
  .User .thumbContainer: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: 51px;
    left: 0;
    position: absolute;
    top: 0;
    width: 51px; }
  .User .thumbContainer img {
    border-radius: 3px;
    height: 51px;
    width: 51px; }
  .User .thumbContainer.rightWrap {
    margin-right: 0; }
.User .userFocusImage {
  display: block;
  height: 106px;
  width: 106px;
  float: left;
  margin: 0 3px 3px 0; }
.User .userPin {
  display: block;
  height: 51px;
  width: 51px;
  max-width: none; }
.User.inline {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle; }
  .User.inline a {
    display: inline-block; }
.User.large .thumbImageWrapper {
  position: relative;
  width: 100px; }
  .User.large .thumbImageWrapper:after {
    border-radius: 50%;
    -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: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px; }
  .User.large .thumbImageWrapper img {
    border-radius: 50%;
    height: 100px;
    width: 100px; }
.User.medium .thumbImageWrapper {
  position: relative;
  width: 50px; }
  .User.medium .thumbImageWrapper:after {
    border-radius: 50%;
    -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: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px; }
  .User.medium .thumbImageWrapper img {
    border-radius: 50%;
    height: 50px;
    width: 50px; }
.User.small {
  line-height: 30px; }
  .User.small .thumbImageWrapper {
    position: relative;
    height: 30px;
    width: 30px; }
    .User.small .thumbImageWrapper:after {
      border-radius: 50%;
      -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; }
    .User.small .thumbImageWrapper img {
      border-radius: 50%;
      height: 30px;
      width: 30px; }
    .User.small .thumbImageWrapper img {
      vertical-align: top; }
.User.interests .thumbImageWrapper img {
  -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;
  border-radius: 50%;
  height: 65px;
  width: 65px; }
.User.userSelectFollow {
  display: inline-block;
  padding: 0 0 30px 13px;
  position: relative;
  vertical-align: top;
  width: 85px; }
  .User.userSelectFollow .UserFollowButton {
    background: transparent;
    border: none;
    border-radius: 50%;
    font-size: 0;
    height: 85px;
    left: 13px;
    position: absolute;
    top: 0;
    width: 85px;
    z-index: 100;
    -webkit-transition: background 0.1s ease-in, opacity 0.1s ease-in, -webkit-box-shadow 0.1s ease-in, -webkit-transform 0.1s ease-in;
    transition: background 0.1s ease-in, opacity 0.1s ease-in, box-shadow 0.1s ease-in, transform 0.1s ease-in; }
    .User.userSelectFollow .UserFollowButton:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
    .User.userSelectFollow .UserFollowButton.dim {
      width: 85px;
      height: 85px;
      background: url('/webapp/style/app/common/images/follow-friends-checkmark-1x.6cc5275f.png') 0px 0px no-repeat; }
  .User.userSelectFollow .profileImage {
    border-radius: 50%;
    height: 85px;
    -webkit-transition: -webkit-transform 0.1s ease-in;
    transition: transform 0.1s ease-in;
    width: 85px; }
  .User.userSelectFollow .UserFollowButton:hover ~ .profileImage {
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  .User.userSelectFollow p {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font: bold 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    text-align: center; }
  .User.userSelectFollow .profileLink:hover, .User.userSelectFollow .profileLink:active, .User.userSelectFollow .profileLink:focus {
    text-decoration: underline; }
  .User.userSelectFollow .firstName {
    margin-top: 12px; }
  .User.userSelectFollow .numPins {
    color: #999;
    font-size: 11px;
    font-weight: normal; }
.User.gridItem {
  position: relative;
  width: 236px; }
  .User.gridItem .userDismiss {
    width: 18px;
    height: 18px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -51px -237px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    cursor: pointer;
    float: right;
    margin: 10px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .User.gridItem .userDismiss {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px -83px;
        background-size: 229px 211px; } }
  .User.gridItem .verifiedDomainIcon {
    width: 18px;
    height: 18px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -121px -120px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    float: right; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .User.gridItem .verifiedDomainIcon {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -117px -118px;
        background-size: 214px 199px; } }
  .User.gridItem .followersCount {
    background-color: #000;
    background-color: rgba(68, 68, 68, 0.7);
    border-radius: 2px;
    bottom: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 3px 6px;
    position: absolute;
    right: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7); }
  .User.gridItem .username {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 3px 6px;
    position: relative;
    color: #333;
    margin-bottom: 0; }
  .User.gridItem .userStats {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #777;
    line-height: 14px;
    margin: 2px 0 10px 3px; }
  .ja .User.gridItem .userStats {
    font-size: 10px; }
.User.debugWrapper {
  padding: 2px; }
.User .focusThumbContainer {
  margin-right: 3px; }
.User .fullname {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #333;
  display: block;
  font-size: 15px;
  line-height: 17px; }
.User h3 {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #333;
  height: 18px; }
.User .userThumbs {
  margin-bottom: 7px; }
.User .userWrapper {
  display: block;
  padding: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }
  .User .userWrapper .debugMacro {
    color: black;
    font-weight: normal;
    margin: 10px -10px 0 -10px; }
.User.userSelect {
  cursor: pointer;
  position: relative; }
  .User.userSelect .hoverMask {
    -webkit-transition: background 0.04s linear;
    transition: background 0.04s linear;
    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;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
    .ielt10 .User.userSelect .hoverMask {
      display: none !important; }
  .User.userSelect .userSelectImageWrapper:hover .hoverMask {
    background: rgba(255, 255, 255, 0.08); }
  .User.userSelect .userSelectImageWrapper:active .hoverMask {
    background: rgba(0, 0, 0, 0.08); }
  .User.userSelect .userWrapper {
    padding: 0; }
  .User.userSelect .moduleMask {
    background: #f5f5f5; }
  .User.userSelect .userSelectImageWrapper {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
    display: block;
    height: 68px;
    width: 68px; }
    .User.userSelect .userSelectImageWrapper:after {
      border-radius: 50%;
      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.75), inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.16);
      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.75), inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.16);
      content: " ";
      height: 68px;
      left: 0;
      position: absolute;
      top: 0;
      width: 68px; }
    .User.userSelect .userSelectImageWrapper img {
      border-radius: 50%;
      height: 68px;
      width: 68px; }
  .User.userSelect.fakeUser {
    cursor: default; }
  .User.userSelect .userName {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    clear: both;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    margin: 9px 0 0 0;
    max-width: 68px;
    text-align: center; }
  .User.userSelect:active {
    -webkit-transition: scale 0.1s ease-in-out;
    transition: scale 0.1s ease-in-out;
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98); }
    .User.userSelect:active.fakeUser {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
.User.userCheckableSelectView {
  display: inline-block;
  padding: 0 17px 60px 17px;
  position: relative;
  vertical-align: top;
  width: 116px; }
  .User.userCheckableSelectView .selectCheck {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -23px no-repeat;
    position: absolute;
    right: 25px;
    top: 5px;
    z-index: 101; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .User.userCheckableSelectView .selectCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -108px -171px;
        background-size: 229px 211px; } }
  .User.userCheckableSelectView .selectCheck.checked {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -224px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .User.userCheckableSelectView .selectCheck.checked {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -152px -171px;
        background-size: 229px 211px; } }
  .User.userCheckableSelectView .profileImage {
    border-radius: 50%;
    cursor: pointer;
    height: 116px;
    -webkit-transition: -webkit-transform 0.1s ease-in;
    transition: transform 0.1s ease-in;
    width: 116px; }
  .User.userCheckableSelectView .profileName {
    font-size: 15px;
    margin-top: 15px; }
  .User.userCheckableSelectView p {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font: bold 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    text-align: center; }
  .User.userCheckableSelectView .numPins {
    color: #999;
    font-size: 12px;
    font-weight: normal; }
.User.thumb, .User.thumbUserInfo {
  overflow: hidden;
  position: relative; }
  .User.thumb.has_via:first-child, .User.thumbUserInfo.has_via:first-child {
    border-right: 1px solid #e3e3e3; }
  .User.thumb .thumbImageWrapper, .User.thumbUserInfo .thumbImageWrapper {
    float: left; }
  .User.thumb .fullname, .User.thumbUserInfo .fullname {
    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: #333;
    display: block; }
  .User.thumb .Button, .User.thumbUserInfo .Button {
    float: right;
    font-size: 12px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px; }
  .User.thumb.small .title, .User.thumb.small .subtitle, .User.thumb.small .location, .User.thumb.small .fullname, .User.thumbUserInfo.small .title, .User.thumbUserInfo.small .subtitle, .User.thumbUserInfo.small .location, .User.thumbUserInfo.small .fullname {
    line-height: 14px; }
  .User.thumb.small.inline .fullname, .User.thumbUserInfo.small.inline .fullname {
    display: inline-block; }
  .User.thumb.notification, .User.thumbUserInfo.notification {
    line-height: 33px; }
    .User.thumb.notification .thumbImageWrapper, .User.thumbUserInfo.notification .thumbImageWrapper {
      position: relative;
      height: 33px;
      width: 33px; }
      .User.thumb.notification .thumbImageWrapper:after, .User.thumbUserInfo.notification .thumbImageWrapper:after {
        border-radius: 50%;
        -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: 33px;
        left: 0;
        position: absolute;
        top: 0;
        width: 33px; }
      .User.thumb.notification .thumbImageWrapper img, .User.thumbUserInfo.notification .thumbImageWrapper img {
        border-radius: 50%;
        height: 33px;
        width: 33px; }
      .User.thumb.notification .thumbImageWrapper img, .User.thumbUserInfo.notification .thumbImageWrapper img {
        vertical-align: top; }
    .User.thumb.notification .title, .User.thumb.notification .subtitle, .User.thumb.notification .location, .User.thumb.notification .fullname, .User.thumbUserInfo.notification .title, .User.thumbUserInfo.notification .subtitle, .User.thumbUserInfo.notification .location, .User.thumbUserInfo.notification .fullname {
      font-size: 11px;
      line-height: 14px;
      margin-bottom: 1px;
      margin-top: 1px; }
    .BoardInfoBar .User.thumb.notification .fullname, .BoardInfoBar .User.thumbUserInfo.notification .fullname {
      color: #444;
      font-size: 13px;
      margin-top: 9px; }
  .User.thumb.boardRepTitle .thumbImageWrapper, .User.thumbUserInfo.boardRepTitle .thumbImageWrapper {
    position: relative;
    margin-right: 9px;
    width: 38px; }
    .User.thumb.boardRepTitle .thumbImageWrapper:after, .User.thumbUserInfo.boardRepTitle .thumbImageWrapper:after {
      border-radius: 50%;
      -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: 38px;
      left: 0;
      position: absolute;
      top: 0;
      width: 38px; }
    .User.thumb.boardRepTitle .thumbImageWrapper img, .User.thumbUserInfo.boardRepTitle .thumbImageWrapper img {
      border-radius: 50%;
      height: 38px;
      width: 38px; }
  .User.thumb.boardRepTitle .title, .User.thumb.boardRepTitle .fullname, .User.thumbUserInfo.boardRepTitle .title, .User.thumbUserInfo.boardRepTitle .fullname {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%; }
  .User.thumb.boardRepTitle .title, .User.thumbUserInfo.boardRepTitle .title {
    color: #333;
    font-size: 15px;
    line-height: 15px;
    padding: 2px 0; }
  .User.thumb.boardRepTitle .fullname, .User.thumbUserInfo.boardRepTitle .fullname {
    color: #8e8e8e;
    font-size: 13px; }
  .User.thumb.medium .title, .User.thumb.medium .subtitle, .User.thumb.medium .location, .User.thumb.medium .fullname, .User.thumbUserInfo.medium .title, .User.thumbUserInfo.medium .subtitle, .User.thumbUserInfo.medium .location, .User.thumbUserInfo.medium .fullname {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    margin-top: 6px; }
  .User.thumb.medium .title, .User.thumb.medium .subtitle, .User.thumb.medium .location, .User.thumbUserInfo.medium .title, .User.thumbUserInfo.medium .subtitle, .User.thumbUserInfo.medium .location {
    font-size: 13px; }
  .User.thumb.medium .location, .User.thumbUserInfo.medium .location {
    margin-top: 0; }
  .User.thumb.medium .fullname, .User.thumbUserInfo.medium .fullname {
    font-size: 16px;
    margin-bottom: 1px;
    margin-top: 8px; }
  .User.thumb.pinner .thumbImageWrapper, .User.thumbUserInfo.pinner .thumbImageWrapper {
    margin-right: 15px; }
  .User.thumb.pinner .title, .User.thumbUserInfo.pinner .title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    height: auto;
    margin: 7px 0 7px; }
  .User.thumb.pinner .fullname, .User.thumbUserInfo.pinner .fullname {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px; }
.User.thumbUserInfo .fullname {
  margin-left: 10px; }
.User.news {
  margin: 7px 14px;
  width: 208px; }
  .User.news.small .UserFollowButton {
    margin-top: 0; }
.User.followFriendsItem {
  font-size: 11px;
  line-height: 1.2em;
  padding: 5px 14px;
  position: relative; }
  .User.followFriendsItem:after {
    content: "";
    display: table;
    clear: both; }
  .User.followFriendsItem.loading {
    min-height: 0; }
  .User.followFriendsItem:hover {
    background: #f3f3f3; }
  .User.followFriendsItem .thumbImageWrapper {
    position: relative;
    float: left;
    height: 30px;
    width: 30px; }
    .User.followFriendsItem .thumbImageWrapper:after {
      border-radius: 50%;
      -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; }
    .User.followFriendsItem .thumbImageWrapper img {
      border-radius: 50%;
      height: 30px;
      width: 30px; }
    .User.followFriendsItem .thumbImageWrapper img {
      border-radius: 50%;
      height: 30px;
      width: 30px; }
  .User.followFriendsItem .contactUser {
    margin-left: 35px; }
  .User.followFriendsItem .contactUsername {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #717171;
    font-weight: 700; }
  .User.followFriendsItem:hover .dismiss {
    width: 9px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -87px -443px no-repeat;
    cursor: pointer;
    margin-right: 14px;
    position: absolute;
    right: 0;
    top: 40%; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .User.followFriendsItem:hover .dismiss {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -367px -230px;
        background-size: 415px 409px; } }
  .User.followFriendsItem .contactConfirmation {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: #ffa;
    bottom: 0;
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0; }
  .User.followFriendsItem.contactConfirmed .contactConfirmation {
    display: block; }
  .User.followFriendsItem .UserFollowButton {
    color: #bd081c; }
    .User.followFriendsItem .UserFollowButton:hover {
      text-decoration: underline; }
    .User.followFriendsItem .UserFollowButton.disabled {
      color: #717171; }
      .User.followFriendsItem .UserFollowButton.disabled:hover {
        cursor: default;
        text-decoration: none; }

.UserMenu {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f7f7f7;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: -webkit-linear-gradient(#fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  border-radius: 3px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  color: #888;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  margin-right: 7px;
  position: relative; }
  .UserMenu:after {
    content: "";
    display: table;
    clear: both; }
  .UserMenu.full {
    margin-right: 0; }
  .UserMenu.merged, .UserMenu.merged:hover, .UserMenu.merged.active {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0 0;
    border-right: 0;
    border-top-right-radius: 0 0;
    margin-right: 0; }
  .UserMenu:hover, .UserMenu.active {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #c01c23;
    background: -webkit-gradient(linear, left top, left bottom, from(#d62229), to(#ab171e));
    background: -webkit-linear-gradient(#d62229, #ab171e);
    background: linear-gradient(#d62229, #ab171e);
    background-color: #d62229;
    border-radius: 3px 3px 0 0;
    border: 1px solid #b3171e; }
    .UserMenu:hover .profileImage, .UserMenu.active .profileImage {
      -webkit-box-shadow: 0 0 2px #590b0e inset;
      box-shadow: 0 0 2px #590b0e inset; }
    .UserMenu:hover .profileName, .UserMenu.active .profileName {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.11); }
  .UserMenu .usernameLink {
    float: left;
    width: 100%; }
  .UserMenu .profileImage {
    border-radius: 3px 0 0 3px;
    -webkit-box-shadow: 0 0 2px #616161 inset;
    box-shadow: 0 0 2px #616161 inset;
    background-size: cover;
    float: left;
    height: 30px;
    margin: -1px;
    width: 30px; }
  .UserMenu .profileName {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    height: 21px;
    padding: 6px 0 1px 10px; }
  .UserMenu .caret {
    width: 10px;
    height: 7px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -12px -275px no-repeat;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    top: 11px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UserMenu .caret {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -102px;
        background-size: 229px 211px; } }
    .UserMenu .caret + .usernameLink .profileName {
      padding-right: 20px; }
  .UserMenu.active .caret, .UserMenu:hover .caret {
    width: 10px;
    height: 7px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px -275px no-repeat;
    opacity: 1; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UserMenu.active .caret, .UserMenu:hover .caret {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -94px;
        background-size: 229px 211px; } }

.Category {
  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;
  width: 216px;
  padding: 10px;
  position: relative; }
  .Category .hoverMask {
    -webkit-transition: background 0.04s linear;
    transition: background 0.04s linear;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
    .ielt10 .Category .hoverMask {
      display: none !important; }
  .Category .imageWrapper:hover .hoverMask {
    background: rgba(255, 255, 255, 0.08); }
  .Category .imageWrapper:active .hoverMask {
    background: rgba(0, 0, 0, 0.08); }
  .Category .name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin: 0 3px 6px;
    position: relative; }
  .Category .imageWrapper {
    position: relative; }
    .Category .imageWrapper:after {
      border-radius: 6px;
      -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: 120px;
      left: 0;
      position: absolute;
      top: 0;
      width: 216px; }
    .Category .imageWrapper .categoryImage {
      border-radius: 6px;
      height: 120px;
      width: 216px; }
    .Category .imageWrapper .categoryImage {
      height: 120px;
      overflow: hidden; }

.FeedUsers {
  overflow: hidden;
  width: 236px; }
  .FeedUsers .User {
    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; }
    .FeedUsers .User:last-child {
      margin-bottom: 0; }

.Domain .domainWrapper {
  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;
  cursor: pointer;
  padding: 10px;
  width: 216px; }
  .Domain .domainWrapper .hoverMask {
    -webkit-transition: background 0.04s linear;
    transition: background 0.04s linear;
    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;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
    .ielt10 .Domain .domainWrapper .hoverMask {
      display: none !important; }
  .Domain .domainWrapper .domainLinkWrapper:hover .hoverMask {
    background: rgba(255, 255, 255, 0.08); }
  .Domain .domainWrapper .domainLinkWrapper:active .hoverMask {
    background: rgba(0, 0, 0, 0.08); }
.Domain .thumbRow {
  padding-bottom: 3px; }
  .Domain .thumbRow:after {
    content: "";
    display: table;
    clear: both; }
.Domain .domainLinkWrapper {
  display: block; }
.Domain .domainName {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #555;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin: 0 3px 6px;
  position: relative; }
.Domain .domainSubtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8e8e8e;
  font-size: 12px;
  margin-left: 3px; }
.Domain .thumb {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  background-color: #eee;
  float: left;
  margin-left: 3px;
  width: 70px; }
  .Domain .thumb: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: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px; }
  .Domain .thumb .thumbImage {
    border-radius: 3px;
    height: 70px;
    width: 70px; }
  .Domain .thumb img {
    display: block; }
  .Domain .thumb:first-child {
    margin: 0; }

.Interest {
  height: 136px;
  position: relative;
  width: 136px; }
  .Interest.homefeedSetupView {
    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;
    height: 176px; }
    .Interest.homefeedSetupView .interestFollowButton.btn {
      margin: 4px;
      width: 128px; }
    .Interest.homefeedSetupView .interestWrapper {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      height: 136px; }
      .Interest.homefeedSetupView .interestWrapper .interestImage {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
    .Interest.homefeedSetupView .mask {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
  .Interest .selectCheck {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -23px no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 101; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Interest .selectCheck {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -108px -171px;
        background-size: 229px 211px; } }
  .Interest .selectCheck.checked {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -224px -212px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Interest .selectCheck.checked {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -152px -171px;
        background-size: 229px 211px; } }
  .Interest .wholeInterestMask {
    cursor: pointer;
    position: absolute;
    z-index: 101; }
    .Interest .wholeInterestMask .check {
      width: 35px;
      height: 35px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -307px -92px no-repeat;
      background-repeat: no-repeat;
      margin: 47px;
      position: absolute;
      z-index: 102; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Interest .wholeInterestMask .check {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -305px -91px;
          background-size: 415px 409px; } }
    .Interest .wholeInterestMask .mask {
      background-color: black;
      border-radius: 6px;
      height: 136px;
      opacity: 0.5;
      position: absolute;
      top: 0;
      width: 136px; }
  .Interest .overflowMask {
    background-color: #f0f0f1;
    border-radius: 6px;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 103; }
    .Interest .overflowMask .mask {
      display: table;
      height: 100%;
      width: 100%; }
    .Interest .overflowMask .text {
      color: #a6a8ab;
      display: table-cell;
      font-size: 18px;
      font-weight: bold;
      padding: 8px;
      text-align: center;
      vertical-align: middle; }
  .Interest .interestWrapper {
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 100%;
    position: relative;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    width: 100%; }
    .Interest .interestWrapper:active {
      -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
      transform: scale(0.95); }
    .Interest .interestWrapper:active > .interestImage {
      overflow: hidden;
      background-color: #000;
      opacity: 0.5; }
    .Interest .interestWrapper .interestImage {
      background: #fff center;
      background-size: cover;
      border-radius: 6px;
      display: block;
      height: 100%;
      opacity: 0.8;
      position: relative;
      -webkit-transition: opacity .1s ease-in-out;
      transition: opacity .1s ease-in-out;
      width: 100%; }
    .Interest .interestWrapper .interestLabel {
      bottom: 0;
      position: absolute;
      width: 100%;
      z-index: 102; }
      .Interest .interestWrapper .interestLabel h2 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 13px;
        line-height: 1.1;
        padding: 8px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
        text-transform: capitalize;
        white-space: normal; }
    .Interest .interestWrapper img {
      max-width: 100%; }
  .Interest.small {
    height: 110px;
    width: 110px; }
  .Interest.microsmall {
    height: 100px;
    width: 100px; }
  .Interest.followingView, .Interest.followingOneClickView, .Interest.followingOneClickHoverView {
    height: 236px;
    width: 236px; }
  .Interest.followingOneClickHoverView .interestFollowButton.btn, .Interest.followingOneClickHoverView .wideInterestFollowButton.btn {
    display: none; }
  .Interest.followingOneClickHoverView:hover .interestFollowButton.btn, .Interest.followingOneClickHoverView:hover .wideInterestFollowButton.btn {
    display: inline-block; }
  .Interest.followingOneClickView .interestFollowButton.btn, .Interest.followingOneClickHoverView .interestFollowButton.btn {
    padding: 8px 0 7px;
    width: 70px; }
  .Interest.followingOneClickView .interestFollowButton.btn, .Interest.followingOneClickView .wideInterestFollowButton.btn, .Interest.followingOneClickHoverView .interestFollowButton.btn, .Interest.followingOneClickHoverView .wideInterestFollowButton.btn {
    margin: 10px 10px 0 0;
    position: absolute;
    right: 0;
    top: 0; }

.InterestFeedPage {
  position: relative; }
  .InterestFeedPage .interestName {
    color: #333;
    color: rgba(21, 21, 21, 0.8);
    font-size: 40px;
    font-weight: bold;
    line-height: 45px;
    margin-left: auto;
    margin-right: auto;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
    margin-bottom: 10px;
    margin-top: 20px; }
  .ja .InterestFeedPage .interestName {
    font-size: 29px; }
  .InterestFeedPage .feedHeader {
    /* height: $interestExtendedHeaderHeight; */
    position: relative;
    text-align: center;
    z-index: 3; }
    .InterestFeedPage .feedHeader button {
      /* bad choice to use !important, but couldnt find another way to do this */
      -webkit-box-shadow: 0 0 0 0 transparent !important;
      box-shadow: 0 0 0 0 transparent !important; }
    .InterestFeedPage .feedHeader .interestName {
      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;
      color: white;
      padding-top: 25px;
      letter-spacing: -1px;
      margin: 0 auto 20px auto;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
      white-space: nowrap;
      word-wrap: normal; }
    .InterestFeedPage .feedHeader .FollowButton {
      margin-bottom: 20px; }
    .InterestFeedPage .feedHeader .interestStats {
      height: 15px;
      margin: 0 auto 18px auto;
      text-align: center; }
      .InterestFeedPage .feedHeader .interestStats .interestStatsInner {
        display: inline-block; }
        .InterestFeedPage .feedHeader .interestStats .interestStatsInner .interestStat {
          float: left;
          line-height: 12px; }
          .InterestFeedPage .feedHeader .interestStats .interestStatsInner .interestStat .interestStatValue {
            color: #fff;
            float: left;
            font-size: 12px;
            font-weight: bold;
            opacity: 0.7; }
        .InterestFeedPage .feedHeader .interestStats .interestStatsInner .followCount {
          margin-right: 15px; }
          .InterestFeedPage .feedHeader .interestStats .interestStatsInner .followCount .interestStatIcon {
            width: 14px;
            height: 10px;
            background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -98px -443px no-repeat;
            float: left;
            margin-right: 5px; }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              .InterestFeedPage .feedHeader .interestStats .interestStatsInner .followCount .interestStatIcon {
                background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
                background-position: -226px -393px;
                background-size: 415px 409px; } }
        .InterestFeedPage .feedHeader .interestStats .interestStatsInner .lastUpdate .interestStatIcon {
          width: 13px;
          height: 13px;
          background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -310px no-repeat;
          float: left;
          margin-right: 5px; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .InterestFeedPage .feedHeader .interestStats .interestStatsInner .lastUpdate .interestStatIcon {
              background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
              background-position: -401px -224px;
              background-size: 415px 409px; } }
    .InterestFeedPage .feedHeader .interestCurators {
      height: 65px;
      margin: 0 auto 50px;
      overflow: hidden;
      text-align: center; }
      .InterestFeedPage .feedHeader .interestCurators > ul > li {
        display: inline-block;
        margin: 0 4px 10px 4px; }
    .InterestFeedPage .feedHeader .RelatedInterestsSection {
      margin: 16px 0; }
    .InterestFeedPage .feedHeader .recentPinsTitle {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #9a9a9a;
      font-size: 13px;
      margin: 16px 0 0;
      opacity: 0.6;
      text-transform: uppercase; }
    .InterestFeedPage .feedHeader hr {
      border-bottom: none;
      border-left: none;
      border-right: none;
      border-top-color: #fff;
      opacity: 0.2;
      width: 240px; }
  .InterestFeedPage .interestHeaderBackground {
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 270px;
    width: 100%; }
    .InterestFeedPage .interestHeaderBackground .leftImage {
      overflow: hidden;
      background-size: cover;
      height: 270px;
      width: 270px;
      position: absolute;
      z-index: 1; }
    .InterestFeedPage .interestHeaderBackground .bgGradient {
      background-color: #999;
      height: 270px;
      position: absolute;
      width: 100%;
      z-index: 2; }
    .InterestFeedPage .interestHeaderBackground .rightImage {
      overflow: hidden;
      background-size: cover;
      -webkit-filter: blur(10px);
      filter: blur(10px);
      float: right;
      height: 810px;
      margin: -135px -54px 0 0;
      opacity: 0;
      width: 810px;
      z-index: 0; }
  .InterestFeedPage .interestPins {
    /* margin: 14px auto; */ }

.RelatedInterestsSection .title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9a9a9a;
  font-size: 13px;
  margin: 16px 0;
  opacity: 0.6;
  text-transform: uppercase;
  text-align: center; }
.RelatedInterestsSection > ul {
  height: 110px;
  margin: auto;
  overflow: auto;
  overflow-y: hidden;
  text-align: center;
  white-space: nowrap; }
  .RelatedInterestsSection > ul > li {
    display: inline-block;
    margin: 0 6px 10px 6px; }

.AdhocFeedIndexPage .feedHeader {
  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; }
.AdhocFeedIndexPage .helpText {
  background-color: rgba(255, 255, 255, 0.68);
  color: #777;
  margin: 10px auto 20px auto;
  text-align: center;
  font-size: 14px;
  line-height: 150%; }
.AdhocFeedIndexPage .feeds {
  margin: 10px; }
  .AdhocFeedIndexPage .feeds .lists {
    margin: 20px; }

.AdhocFeedPage .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; }

.BoardRecommendationsModule .active {
  color: #878787; }
.BoardRecommendationsModule .sectionTitle {
  float: left; }

.StoryboardEditableText {
  font-size: 22px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.015em;
  margin-top: -5px;
  outline: none;
  position: relative; }
  .StoryboardEditableText .textWrapper {
    overflow: hidden; }
  .StoryboardEditableText .editableText {
    padding: 0 50px 25px 20px; }
  .StoryboardEditableText.center .editableText {
    padding-right: 20px; }
  .StoryboardEditableText.right .textWrapper {
    margin-left: 10px;
    padding: 0 10px; }
  .StoryboardEditableText.right .editableText {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    width: 48%; }

.StoryboardEditorMenu {
  color: #fff;
  padding-left: 30px;
  position: absolute;
  right: -70px;
  top: 0; }
  .StoryboardEditorMenu.horizontal {
    left: 348px;
    overflow: hidden;
    right: auto;
    width: 500px; }
    .StoryboardEditorMenu.horizontal .option {
      float: left;
      margin-right: 10px; }
    .StoryboardEditorMenu.horizontal .optionsGroup {
      float: left; }
  .StoryboardEditorMenu .option {
    cursor: pointer;
    display: none; }
    .StoryboardEditorMenu .option.visible {
      display: block; }
  .StoryboardEditorMenu .optionsGroup {
    display: none;
    margin-bottom: 10px; }
    .StoryboardEditorMenu .optionsGroup.visible {
      display: block; }
  .StoryboardEditorMenu .delete {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/delete-1x.cac103fb.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .left {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/align-left-1x.a65c210c.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .center {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/align-center-1x.7dc6ea8e.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .right {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/align-right-1x.7c31c2be.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .addTextBox {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/add-text-copy-1x.68abfba5.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .titleDescription {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/title-description-1x.0bea0f06.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .titleOnly {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/title-only-1x.5ebf363f.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .descriptionOnly {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/description-only-1x.6468ef6b.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .hideText {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/hide-text-1x.c5c68247.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .option {
    background-size: 48px 48px;
    height: 48px;
    width: 48px; }
  .StoryboardEditorMenu .switchLayoutButton {
    margin-bottom: 10px; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-1 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-1-1x.91d6ecdb.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-2 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-2-1x.3acaa785.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-3 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-3-1x.0fd4bb98.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-4 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-4-1x.c0ed51b5.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-5 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-5-1x.23389425.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-6 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-6-1x.fd00d158.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-7 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-7-1x.a14179f2.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-8 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-8-1x.49487646.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-9 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-9-1x.a4af0ab3.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-10 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-10-1x.1cebadef.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-11 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-11-1x.11aa22bd.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-12 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-12-1x.13952679.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-13 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-13-1x.538c8f8f.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-14 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-14-1x.ca36573b.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-15 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-15-1x.3257299f.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-16 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-16-1x.873d42d0.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-17 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-17-1x.e8a93680.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-18 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-18-1x.fd86800e.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-19 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-19-1x.0a01e91b.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-20 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-20-1x.4e12c650.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-21 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-21-1x.3b41ef85.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-22 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-22-1x.7e374646.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper.layout-23 .switchLayoutButton em {
    width: 96px;
    height: 96px;
    background: url('/webapp/style/app/common/images/storyboards/layout-23-1x.20a121b3.png') 0px 0px no-repeat; }
  .StoryboardEditorMenu .switchLayoutButtonWrapper .switchLayoutButton.switchLayoutButton em {
    background-size: 48px 48px;
    height: 48px;
    width: 48px; }

.StoryboardHeader.small {
  left: -50%;
  position: relative;
  top: -160px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  width: 200%; }
.StoryboardHeader .headerWrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%; }
  .StoryboardHeader .headerWrapper.firstFrame {
    height: 640px; }
    .StoryboardHeader .headerWrapper.firstFrame .overlay {
      background-color: #000;
      left: 0;
      height: 640px;
      opacity: 0.35;
      position: absolute;
      top: 0;
      width: 100%; }
      .StoryboardHeader .headerWrapper.firstFrame .overlay.dark {
        opacity: 0.5; }
    .StoryboardHeader .headerWrapper.firstFrame .header {
      height: 640px;
      left: 0;
      position: absolute;
      top: 0; }
  .StoryboardHeader .headerWrapper.marginBottom {
    margin-bottom: 25px; }
  .StoryboardHeader .headerWrapper .header {
    color: #fff;
    position: relative;
    width: 100%; }
    .StoryboardHeader .headerWrapper .header .infoWrapper {
      bottom: 40px;
      left: 20px;
      position: absolute; }
    .StoryboardHeader .headerWrapper .header .infoWrapper .User, .StoryboardHeader .headerWrapper .header .userInfoWrapper .User {
      margin-bottom: 10px; }
      .StoryboardHeader .headerWrapper .header .infoWrapper .User.medium .thumbImageWrapper, .StoryboardHeader .headerWrapper .header .userInfoWrapper .User.medium .thumbImageWrapper {
        width: 70px; }
        .StoryboardHeader .headerWrapper .header .infoWrapper .User.medium .thumbImageWrapper img, .StoryboardHeader .headerWrapper .header .userInfoWrapper .User.medium .thumbImageWrapper img {
          height: 70px;
          width: 70px; }
    .StoryboardHeader .headerWrapper .header .infoWrapper .creatorName, .StoryboardHeader .headerWrapper .header .userInfoWrapper .creatorName {
      font-family: HelveticaNeue-UltraLight;
      color: #fff;
      font-size: 35px;
      letter-spacing: 4px; }
    .StoryboardHeader .headerWrapper .header .infoWrapper .boardName, .StoryboardHeader .headerWrapper .header .userInfoWrapper .boardName {
      font-family: HelveticaNeue-Bold;
      color: #fff;
      font-size: 35px;
      letter-spacing: 1.65px;
      max-width: 300px; }
    .StoryboardHeader .headerWrapper .header .userInfoWrapper {
      margin: 30px 20px 0 20px; }
      .StoryboardHeader .headerWrapper .header .userInfoWrapper .User {
        margin-bottom: 15px; }
      .StoryboardHeader .headerWrapper .header .userInfoWrapper .creatorName, .StoryboardHeader .headerWrapper .header .userInfoWrapper .boardName {
        color: #000; }
    .StoryboardHeader .headerWrapper .header .storyboardBlurb {
      font-family: HelveticaNeue-UltraLight;
      color: #000;
      font-size: 23px;
      letter-spacing: 1.91px;
      line-height: 30px;
      margin: 30px 60px 0 20px; }

.StoryboardLayoutList .item {
  cursor: pointer;
  display: block;
  overflow: hidden; }
  .StoryboardLayoutList .item:hover {
    background: #F8F8F8; }
    .StoryboardLayoutList .item:hover .xIcon {
      display: inline-block; }
  .StoryboardLayoutList .item.bold {
    font-weight: bold; }
  .StoryboardLayoutList .item .xIcon {
    width: 17px;
    height: 17px;
    background: url('/webapp/style/app/common/images/mweb_banners/x-1x.1ff7fe57.png') 0px 0px no-repeat;
    cursor: pointer;
    display: none;
    float: right;
    height: 10px;
    margin-top: 3px;
    opacity: 0.2;
    width: 10px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutList .item .xIcon {
        background-image: url('/webapp/style/app/common/images/mweb_banners/x-2x.26b43365.png');
        background-position: 0px 0px;
        background-size: 17px 17px; } }
    .StoryboardLayoutList .item .xIcon:hover {
      opacity: 0.8; }
    .StoryboardLayoutList .item .xIcon.xIcon {
      background-size: 10px 10px; }
.StoryboardLayoutList .layoutTextInput {
  border: none;
  outline: 0;
  width: 100%; }
.StoryboardLayoutList .item, .StoryboardLayoutList .layoutTextInput, .StoryboardLayoutList .title {
  border-bottom: 1px solid #E8E8E8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 5px; }
.StoryboardLayoutList .title {
  font-size: 14px; }

.StoryboardLayoutSelector {
  overflow: hidden;
  width: 200px; }
  .StoryboardLayoutSelector .selectorItem-1 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-1-menu-1x.e2d4f1a0.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-1 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-1-menu-2x.b8af3dbd.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-2 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-2-menu-1x.bc2080d3.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-2 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-2-menu-2x.722aa6b6.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-3 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-3-menu-1x.0abd3a81.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-3 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-3-menu-2x.2fc27811.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-4 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-4-menu-1x.3a21804f.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-4 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-4-menu-2x.0cca44e0.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-5 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-5-menu-1x.433ef3d5.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-5 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-5-menu-2x.6cac9d40.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-6 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-6-menu-1x.36f7b5bb.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-6 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-6-menu-2x.86bea474.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-7 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-7-menu-1x.cf1f59f2.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-7 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-7-menu-2x.764e65e7.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-8 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-8-menu-1x.c61c5b53.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-8 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-8-menu-2x.188d57e4.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-9 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-9-menu-1x.b237dc61.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-9 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-9-menu-2x.92a0649e.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-10 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-10-menu-1x.87021355.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-10 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-10-menu-2x.fc5f289b.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-11 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-11-menu-1x.5842600f.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-11 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-11-menu-2x.2d4618d8.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-12 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-12-menu-1x.76617182.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-12 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-12-menu-2x.cd5092f7.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-13 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-13-menu-1x.5b886fc5.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-13 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-13-menu-2x.8dd365d0.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-14 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-14-menu-1x.5120175e.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-14 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-14-menu-2x.aa047506.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-15 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-15-menu-1x.5b362f66.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-15 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-15-menu-2x.b430f07f.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-16 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-16-menu-1x.ea1b0191.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-16 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-16-menu-2x.b76c7b31.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-17 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-17-menu-1x.d4dae9ad.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-17 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-17-menu-2x.8f70d3ec.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-18 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-18-menu-1x.b1f05318.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-18 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-18-menu-2x.04ee8342.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-19 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-19-menu-1x.aca927f5.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-19 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-19-menu-2x.97b24514.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-20 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-20-menu-1x.cdc1ded8.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-20 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-20-menu-2x.7adab279.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-21 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-21-menu-1x.a3adc5e1.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-21 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-21-menu-2x.cba88b0d.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-22 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-22-menu-1x.f39ae424.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-22 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-22-menu-2x.644aa206.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem-23 {
    width: 40px;
    height: 40px;
    background: url('/webapp/style/app/common/images/storyboards/layout-23-menu-1x.bae963d7.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .StoryboardLayoutSelector .selectorItem-23 {
        background-image: url('/webapp/style/app/common/images/storyboards/layout-23-menu-2x.ab45a9c6.png');
        background-position: 0px 0px;
        background-size: 40px 40px; } }
  .StoryboardLayoutSelector .selectorItem {
    cursor: pointer;
    float: left;
    height: 36px;
    opacity: 0.6; }
    .StoryboardLayoutSelector .selectorItem:hover {
      opacity: 1; }

.StoryboardList {
  background: #fff;
  position: absolute;
  top: 0;
  padding: 40px 50px;
  width: 100%; }
  .StoryboardList .storyBuilderTitle {
    font-family: HelveticaNeue-Bold;
    color: #000;
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 20px; }
  .StoryboardList .pinterestIcon {
    width: 35px;
    height: 34px;
    background: url('/webapp/style/app/common/images/logo_transparent-1x.ed6e406a.png') 0px 0px no-repeat;
    display: inline-block;
    margin-bottom: 10px; }
  .StoryboardList .boardInput {
    border: none;
    font-size: 42px;
    outline: none;
    width: 100%; }
    .StoryboardList .boardInput::-webkit-input-placeholder, .StoryboardList .boardInput::-moz-placeholder, .StoryboardList .boardInput:-ms-input-placeholder {
      color: #E6E6E6; }
  .StoryboardList .boardList {
    margin: 30px auto 0 auto; }
    .StoryboardList .boardList .storyboardItem {
      display: inline-block;
      margin-bottom: 50px;
      margin-right: 50px;
      width: 180px; }
      .StoryboardList .boardList .storyboardItem .itemWrapper {
        height: 320px; }
    .StoryboardList .boardList .actionButtons {
      margin: 10px auto 0 auto;
      overflow: hidden;
      position: relative; }
      .StoryboardList .boardList .actionButtons .storyboardButton {
        background: #EDEDED;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #000;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 0;
        text-align: center;
        opacity: 0.8;
        width: 48%; }
        .StoryboardList .boardList .actionButtons .storyboardButton:hover {
          opacity: 1; }
        .StoryboardList .boardList .actionButtons .storyboardButton.editButton {
          float: right; }
        .StoryboardList .boardList .actionButtons .storyboardButton.deleteBoard {
          float: left; }

.StoryboardPage .background {
  background: #fff;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }
.StoryboardPage .storyBuilderTitle {
  font-family: HelveticaNeue-Bold;
  font-size: 42px;
  color: #000;
  line-height: 50px; }
.StoryboardPage .pinterestIcon {
  width: 35px;
  height: 34px;
  background: url('/webapp/style/app/common/images/logo_transparent-1x.ed6e406a.png') 0px 0px no-repeat;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 50px; }
.StoryboardPage .left {
  text-align: left; }
.StoryboardPage .center {
  text-align: center; }
.StoryboardPage .right {
  text-align: right; }
.StoryboardPage .editorWrapper {
  position: relative;
  margin: 0 auto;
  width: 1080px; }
.StoryboardPage .editorLeft {
  float: left;
  margin-right: 120px;
  position: fixed;
  width: 240px; }
.StoryboardPage .editorContainer {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin-right: 360px;
  overflow: visible;
  position: relative;
  width: 360px;
  z-index: 1; }
.StoryboardPage .storyboardOptions {
  display: none;
  margin: 40px auto 0 auto;
  position: relative;
  width: 240px; }
  .StoryboardPage .storyboardOptions .Select {
    width: inherit; }
.StoryboardPage .actionButtons {
  margin: 30px auto 30px auto;
  overflow: hidden;
  position: relative; }
  .StoryboardPage .actionButtons .storyboardButton {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
    opacity: 0.8;
    width: 48%; }
    .StoryboardPage .actionButtons .storyboardButton:hover {
      opacity: 1; }
  .StoryboardPage .actionButtons .cancelButton {
    background: #EDEDED;
    color: #000; }
  .StoryboardPage .actionButtons .createButton {
    background: #BA0F22;
    color: #fff; }
  .StoryboardPage .actionButtons .deleteButton, .StoryboardPage .actionButtons .cancelButton {
    float: left; }
  .StoryboardPage .actionButtons .createButton {
    float: right; }

.StoryboardPin {
  margin-bottom: 25px;
  overflow: hidden;
  width: 100%; }
  .StoryboardPin .pinText {
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    z-index: 1; }
    .StoryboardPin .pinText .price, .StoryboardPin .pinText .title {
      font-weight: bold; }
    .StoryboardPin .pinText .description {
      color: #000;
      font-weight: 300;
      letter-spacing: 0.015em;
      margin-top: 10px; }
  .StoryboardPin.hidden {
    display: none; }
  .StoryboardPin .pinImageOuterWrapper {
    position: relative;
    width: 100%; }
  .StoryboardPin .pinImageWrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100.1%; }
  .StoryboardPin .pinImage {
    height: 100%;
    object-fit: cover;
    width: 100%; }
  .StoryboardPin .pinAttribution {
    font-family: HelveticaNeue-Bold;
    color: #BEBEBE;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    letter-spacing: 0.16px;
    margin-top: 8px; }
    .StoryboardPin .pinAttribution img {
      height: 12px;
      padding-right: 3px;
      margin-top: -2px; }
  .StoryboardPin .triangleBottomRight {
    border-style: solid;
    border-width: 0 0 50px 360px;
    border-color: transparent transparent #fff transparent;
    height: 0;
    position: absolute;
    width: 0;
    bottom: 0;
    right: 0; }
  .StoryboardPin .triangleBottomLeft {
    border-style: solid;
    border-width: 0 360px 50px 0;
    border-color: transparent transparent #fff transparent;
    height: 0;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0; }
  .StoryboardPin .triangleTopRight {
    border-style: solid;
    border-width: 50px 0 0 360px;
    border-color: #fff transparent transparent transparent;
    height: 0;
    position: absolute;
    width: 0;
    top: 0;
    right: 0; }
  .StoryboardPin .triangleTopLeft {
    border-style: solid;
    border-width: 50px 360px 0 0;
    border-color: #fff transparent transparent transparent;
    height: 0;
    position: absolute;
    width: 0;
    top: 0;
    left: 0; }
  .StoryboardPin .triangle {
    display: none; }
  .StoryboardPin .gradientTop, .StoryboardPin .gradientBottom {
    height: 200px;
    position: absolute;
    width: 100%;
    z-index: 1; }
  .StoryboardPin .gradientTop {
    top: 0;
    left: 0; }
  .StoryboardPin .gradientBottom {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(95%, #ffffff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 95%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 95%);
    bottom: 0;
    left: 0; }

.StoryboardRow {
  position: relative; }
  .StoryboardRow.bigText .StoryboardPin .pinText {
    font-size: 22px; }
    .StoryboardRow.bigText .StoryboardPin .pinText .price, .StoryboardRow.bigText .StoryboardPin .pinText .title {
      line-height: 26px; }
    .StoryboardRow.bigText .StoryboardPin .pinText .description {
      font-size: 18px;
      line-height: 23px; }
  .StoryboardRow.smallText .StoryboardPin .pinText {
    font-size: 14px; }
    .StoryboardRow.smallText .StoryboardPin .pinText .description {
      font-size: 12px;
      line-height: 16px; }
  .StoryboardRow.noText .StoryboardPin .pinText {
    display: none; }
  .StoryboardRow.fullWidth {
    padding-left: 10px;
    padding-right: 10px; }
    .StoryboardRow.fullWidth .pinImageWrapper {
      border-radius: 10px; }
  .StoryboardRow.fullWidthCircle {
    padding-left: 10px;
    padding-right: 10px; }
    .StoryboardRow.fullWidthCircle .pinImageWrapper {
      border-radius: 50%;
      height: 320px; }
    .StoryboardRow.fullWidthCircle .pinImageOuterWrapper {
      height: 320px; }
  .StoryboardRow.fullScreenCircle .pinImageOuterWrapper {
    height: 500px; }
  .StoryboardRow.fullScreenCircle .pinText {
    margin-left: 20px; }
  .StoryboardRow.fullScreenCircle .pinImageWrapper {
    border-radius: 50%;
    height: 500px;
    margin-left: -70px;
    width: 500px; }
  .StoryboardRow.oneColumnText .pinText {
    margin-right: 60px; }
  .StoryboardRow.twoColumnText .importantInfo {
    float: left;
    width: 48%; }
  .StoryboardRow.twoColumnText .description {
    float: right;
    margin-top: 0;
    width: 48%; }
  .StoryboardRow.textOnRight .pinTextInner {
    float: right;
    width: 48%; }
  .StoryboardRow.fullBleed .StoryboardPin .pinText {
    padding: 0 10px; }
  .StoryboardRow.fullBleed.rightTriangle .triangleBottomRight {
    display: block; }
  .StoryboardRow.fullBleed.rightTriangle .StoryboardPin .pinText {
    margin-top: -10px;
    max-width: 48%;
    float: right; }
  .StoryboardRow.fullBleed.leftTriangle .triangleBottomLeft {
    display: block; }
  .StoryboardRow.fullBleed.leftTriangle .StoryboardPin .pinText {
    margin-top: -20px;
    max-width: 48%; }
  .StoryboardRow.fullBleed.fullBleedGradient .gradientBottom {
    display: block; }
  .StoryboardRow.textOnRightHalf .pinImageOuterWrapper, .StoryboardRow.textOnRightHalf .pinText, .StoryboardRow.textOnLeftHalf .pinImageOuterWrapper, .StoryboardRow.textOnLeftHalf .pinText {
    width: 48%; }
  .StoryboardRow.textOnRightHalf .pinImageOuterWrapper, .StoryboardRow.textOnLeftHalf .pinImageOuterWrapper {
    height: auto; }
  .StoryboardRow.textOnRightHalf .pinText, .StoryboardRow.textOnLeftHalf .pinText {
    margin-top: 0; }
  .StoryboardRow.textOnRightHalf .pinImageOuterWrapper {
    float: left; }
  .StoryboardRow.textOnRightHalf .pinText {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    padding-left: 10px; }
  .StoryboardRow.textOnLeftHalf .pinImageOuterWrapper {
    float: right; }
  .StoryboardRow.textOnLeftHalf .pinText {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-right: 10px; }
  .StoryboardRow.squareWithText {
    padding-left: 10px;
    padding-right: 10px; }
    .StoryboardRow.squareWithText .pinImageWrapper {
      border-radius: 10px;
      height: 215px; }
  .StoryboardRow.circleWithText {
    padding-left: 10px;
    padding-right: 10px; }
    .StoryboardRow.circleWithText .pinImageWrapper {
      border-radius: 50%;
      height: 162px;
      width: 162px; }
  .StoryboardRow.semiCircleLeft {
    padding-right: 10px; }
    .StoryboardRow.semiCircleLeft .StoryboardPin {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .StoryboardRow.semiCircleLeft .pinImageOuterWrapper {
      border-radius: 175px;
      margin-left: -175px;
      overflow: hidden;
      width: 350px; }
      .StoryboardRow.semiCircleLeft .pinImageOuterWrapper .pinImageWrapper {
        height: 350px;
        float: right;
        width: 175px; }
  .StoryboardRow.semiCircleRight {
    padding-left: 10px; }
    .StoryboardRow.semiCircleRight .StoryboardPin {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .StoryboardRow.semiCircleRight .pinImageOuterWrapper {
      border-radius: 175px;
      margin-right: -175px;
      overflow: hidden;
      width: 350px; }
      .StoryboardRow.semiCircleRight .pinImageOuterWrapper .pinImageWrapper {
        height: 350px;
        width: 175px; }
    .StoryboardRow.semiCircleRight .pinText {
      margin-right: 10px; }
  .StoryboardRow.halfWidthPins .pinImageWrapper {
    border-radius: 10px; }
  .StoryboardRow.halfWidthPins, .StoryboardRow.halfWidthFullBleed {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%; }
    .StoryboardRow.halfWidthPins .StoryboardPin, .StoryboardRow.halfWidthFullBleed .StoryboardPin {
      display: inline-block; }
  .StoryboardRow.halfWidthFullBleed {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px; }
    .StoryboardRow.halfWidthFullBleed .StoryboardPin .pinText {
      padding: 0 10px; }
    .StoryboardRow.halfWidthFullBleed .StoryboardPin:nth-child(2) .pinText {
      padding-left: 0; }
    .StoryboardRow.halfWidthFullBleed .StoryboardPin .pinImageOuterWrapper, .StoryboardRow.halfWidthFullBleed .StoryboardPin .pinImageWrapper {
      height: 215px; }
  .StoryboardRow.halfWidthPins {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding-left: 10px;
    padding-right: 10px; }
    .StoryboardRow.halfWidthPins .StoryboardPin .pinImageOuterWrapper, .StoryboardRow.halfWidthPins .StoryboardPin .pinImageWrapper {
      height: 215px; }
  .StoryboardRow.fourPinUnequal, .StoryboardRow.fourPinUnequalReverse {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%; }
    .StoryboardRow.fourPinUnequal .StoryboardPin, .StoryboardRow.fourPinUnequalReverse .StoryboardPin {
      display: inline-block;
      margin-bottom: 10px; }
      .StoryboardRow.fourPinUnequal .StoryboardPin .description, .StoryboardRow.fourPinUnequalReverse .StoryboardPin .description {
        display: none; }
    .StoryboardRow.fourPinUnequal .pinImageWrapper, .StoryboardRow.fourPinUnequalReverse .pinImageWrapper {
      border-radius: 10px; }
  .StoryboardRow.fourPinUnequal .StoryboardPin:nth-child(1) .pinImageOuterWrapper, .StoryboardRow.fourPinUnequal .StoryboardPin:nth-child(1) .pinImageWrapper, .StoryboardRow.fourPinUnequal .StoryboardPin:nth-child(4) .pinImageOuterWrapper, .StoryboardRow.fourPinUnequal .StoryboardPin:nth-child(4) .pinImageWrapper {
    height: 120px; }
  .StoryboardRow.fourPinUnequal .StoryboardPin:nth-child(2) .pinImageOuterWrapper, .StoryboardRow.fourPinUnequal .StoryboardPin:nth-child(2) .pinImageWrapper, .StoryboardRow.fourPinUnequal .StoryboardPin:nth-child(3) .pinImageOuterWrapper, .StoryboardRow.fourPinUnequal .StoryboardPin:nth-child(3) .pinImageWrapper {
    height: 200px; }
  .StoryboardRow.fourPinUnequalReverse .StoryboardPin:nth-child(1) .pinImageOuterWrapper, .StoryboardRow.fourPinUnequalReverse .StoryboardPin:nth-child(1) .pinImageWrapper, .StoryboardRow.fourPinUnequalReverse .StoryboardPin:nth-child(4) .pinImageOuterWrapper, .StoryboardRow.fourPinUnequalReverse .StoryboardPin:nth-child(4) .pinImageWrapper {
    height: 200px; }
  .StoryboardRow.fourPinUnequalReverse .StoryboardPin:nth-child(2) .pinImageOuterWrapper, .StoryboardRow.fourPinUnequalReverse .StoryboardPin:nth-child(2) .pinImageWrapper, .StoryboardRow.fourPinUnequalReverse .StoryboardPin:nth-child(3) .pinImageOuterWrapper, .StoryboardRow.fourPinUnequalReverse .StoryboardPin:nth-child(3) .pinImageWrapper {
    height: 120px; }
  .StoryboardRow .StoryboardEditorMenu {
    top: 40px; }
  .StoryboardRow.titleOnly .description {
    display: none; }
  .StoryboardRow.descriptionOnly .importantInfo {
    display: none; }
  .StoryboardRow.hideText .pinText {
    display: none; }

.SXSEvaluation {
  position: fixed;
  width: 100%; }
  .SXSEvaluation .lockSxS {
    margin: 0 auto;
    float: right; }
  .SXSEvaluation .topContainer {
    background: white;
    overflow: hidden;
    margin-bottom: 1px; }
  .SXSEvaluation .actionButton {
    width: 200px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border-radius: 8px;
    text-shadow: #107d1a 1px 1px 1px;
    font: normal normal bold 20px arial; }
  .SXSEvaluation .middleButton {
    width: 200px;
    vertical-align: middle;
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    margin-bottom: 6px; }
  .SXSEvaluation .controlContainer, .SXSEvaluation .displayContainer {
    float: left;
    height: 60px;
    width: 40%;
    text-align: center; }
  .SXSEvaluation .displayContainer {
    width: 50%;
    height: 10px; }
  .SXSEvaluation .smallControlContainer {
    text-align: center;
    width: 20%;
    float: left;
    margin-top: 18px; }
  .SXSEvaluation .iframeContainer {
    height: 1200px;
    float: left;
    width: 50%; }
  .SXSEvaluation h1 {
    text-align: center; }
    .SXSEvaluation h1 a {
      color: #bd081c; }
  .SXSEvaluation .right {
    text-align: right; }
  .SXSEvaluation .sxsGap {
    width: 1px;
    float: left; }
  .SXSEvaluation .sxsFrame {
    height: 100%;
    width: 100%;
    float: left; }
  .SXSEvaluation .wide {
    width: 100%;
    float: left; }

.SXSPinIds .controlContainer, .SXSPinIds .displayContainer {
  float: left;
  height: 60px;
  width: 40%;
  text-align: center; }
.SXSPinIds .displayContainer {
  width: 50%;
  height: 10px; }
.SXSPinIds .smallControlContainer {
  text-align: center;
  width: 20%;
  float: left;
  margin-top: 18px; }
.SXSPinIds .iframeContainer {
  height: 1000px;
  float: left;
  width: 50%; }
.SXSPinIds h1 {
  text-align: center; }
  .SXSPinIds h1 a {
    color: #bd081c; }
.SXSPinIds .right {
  text-align: right; }
.SXSPinIds .sxsGap {
  width: 1px;
  float: left; }
.SXSPinIds .sxsFrame {
  height: 100%;
  width: 100%;
  float: left; }
.SXSPinIds .wide {
  width: 100%;
  float: left; }
.SXSPinIds .pin {
  float: right;
  width: 55%; }

.RelatedBoards {
  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;
  background-color: #fff;
  width: 236px; }
  .RelatedBoards h2 {
    border-bottom: 1px solid #dfdfdf;
    color: #5f5f5f;
    font: 14px;
    padding: 10px 15px; }
  .RelatedBoards li {
    clear: both;
    height: 30px;
    padding: 5px 15px; }
    .RelatedBoards li .thumbImageWrapper, .RelatedBoards li .itemTitle {
      display: inline-block;
      float: left; }
    .RelatedBoards li .thumbImageWrapper {
      position: relative;
      height: 30px;
      margin-right: 10px;
      width: 30px; }
      .RelatedBoards li .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; }
      .RelatedBoards li .thumbImageWrapper img {
        border-radius: 3px;
        height: 30px;
        width: 30px; }
      .RelatedBoards li .thumbImageWrapper img {
        vertical-align: top; }
    .RelatedBoards li .itemTitle {
      margin-top: 7px;
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 166px; }
  .RelatedBoards li:first-child {
    padding-top: 15px; }
  .RelatedBoards li:last-child {
    padding-bottom: 15px; }

.SearchGuidesBar {
  background-color: #222; }
  .SearchGuidesBar .guidesWrapper {
    background-color: #222;
    -webkit-box-shadow: 0 1px #f4f4f4;
    box-shadow: 0 1px #f4f4f4;
    height: 85px;
    overflow: hidden;
    position: relative; }
    .SearchGuidesBar .guidesWrapper .guidesSlider {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      height: 120px;
      overflow-x: scroll;
      overflow-y: hidden; }
      .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer {
        height: 85px;
        overflow: hidden;
        padding: 0 7px;
        position: relative; }
        .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer li {
          float: left;
          width: 125px;
          margin: 15px 0; }
        .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer {
          cursor: pointer;
          min-width: 111px; }
          .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideImgMask {
            border-radius: 6px;
            -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.33);
            box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.33);
            height: 55px;
            position: absolute;
            width: 111px; }
            .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideImgMask:hover {
              background-color: rgba(255, 255, 255, 0.08); }
          .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideImg {
            border-radius: 6px;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
            height: 55px;
            min-width: 111px; }
          .SearchGuidesBar .guidesWrapper .guidesSlider .guidesContainer .guideContainer .guideText {
            color: #fff;
            display: inline-block;
            font-size: 15px;
            font-weight: 600;
            line-height: 16px;
            margin-left: -112px;
            text-align: center;
            text-shadow: 0 -1px rgba(0, 0, 0, 0.15);
            vertical-align: middle;
            width: 107px;
            word-wrap: break-word; }
    .SearchGuidesBar .guidesWrapper .navigator {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: none;
      height: 85px;
      position: absolute;
      top: 0;
      vertical-align: middle;
      width: 185px; }
      .SearchGuidesBar .guidesWrapper .navigator.left {
        background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(90%, #222222));
        background-image: -webkit-linear-gradient(right, transparent 0%, #222222 90%);
        background-image: linear-gradient(to left, transparent 0%, #222222 90%);
        left: 0; }
        .SearchGuidesBar .guidesWrapper .navigator.left em {
          width: 35px;
          height: 85px;
          background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') 0px 0px no-repeat;
          cursor: pointer;
          display: inline-block; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .SearchGuidesBar .guidesWrapper .navigator.left em {
              background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
              background-position: 0px 0px;
              background-size: 214px 199px; } }
          .SearchGuidesBar .guidesWrapper .navigator.left em:hover {
            width: 35px;
            height: 85px;
            background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -37px 0px no-repeat; }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              .SearchGuidesBar .guidesWrapper .navigator.left em:hover {
                background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
                background-position: -36px 0px;
                background-size: 214px 199px; } }
      .SearchGuidesBar .guidesWrapper .navigator.right {
        background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(90%, #222222));
        background-image: -webkit-linear-gradient(left, transparent 0%, #222222 90%);
        background-image: linear-gradient(to right, transparent 0%, #222222 90%);
        right: 0;
        text-align: right; }
        .SearchGuidesBar .guidesWrapper .navigator.right em {
          width: 35px;
          height: 85px;
          background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -74px 0px no-repeat;
          cursor: pointer;
          display: inline-block; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .SearchGuidesBar .guidesWrapper .navigator.right em {
              background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
              background-position: -72px 0px;
              background-size: 214px 199px; } }
          .SearchGuidesBar .guidesWrapper .navigator.right em:hover {
            width: 35px;
            height: 85px;
            background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -111px 0px no-repeat; }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              .SearchGuidesBar .guidesWrapper .navigator.right em:hover {
                background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
                background-position: -108px 0px;
                background-size: 214px 199px; } }
  .SearchGuidesBar.tutorialHighlight {
    height: 85px !important; }

.SearchInputToken {
  float: left;
  height: 32px; }
  .SearchInputToken.tokenSelected .tokenContainer {
    background-color: #cb2027 !important; }
  .SearchInputToken .tokenContainer {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.12)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.12) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.12) 100%);
    background-color: #575757;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 26px;
    letter-spacing: -0.01em;
    margin: 3px 3px 3px 0; }
    .SearchInputToken .tokenContainer span {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border-radius: 6px 0 0 6px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      height: 26px;
      padding: 4px 8px 6px 8px; }
      .SearchInputToken .tokenContainer span:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.06)), to(rgba(0, 0, 0, 0.2)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.2) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.2) 100%); }
      .SearchInputToken .tokenContainer span.remove {
        border-left: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 0 6px 6px 0;
        float: left;
        padding: 9px 6px 6px 5px; }
        .SearchInputToken .tokenContainer span.remove em {
          width: 8px;
          height: 8px;
          background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -120px -205px no-repeat;
          display: block; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .SearchInputToken .tokenContainer span.remove em {
              background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
              background-position: -141px -185px;
              background-size: 214px 199px; } }
  .SearchInputToken.tutorialHighlight {
    height: 32px !important; }

.SearchPage .debugMacro {
  margin: 10px;
  padding: 5px; }
.SearchPage .oneBoxContainer {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
.SearchPage .placeBoardSearch {
  color: #333;
  font-size: 13px;
  margin-bottom: -7px;
  margin-top: 14px;
  padding-left: 14px; }
  .SearchPage .placeBoardSearch a {
    color: #333; }

.SearchPageContent .searchTerm {
  font-weight: bold; }
.SearchPageContent .boardSearchTypeSelector {
  margin-top: 14px;
  text-align: center; }
  .SearchPageContent .boardSearchTypeSelector .searchTypeSelectorItem {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 7px 14px; }
    .SearchPageContent .boardSearchTypeSelector .searchTypeSelectorItem.allBoards {
      border-radius: 6px 0 0 6px; }
    .SearchPageContent .boardSearchTypeSelector .searchTypeSelectorItem.placeBoards {
      border-radius: 0 6px 6px 0;
      margin-left: -4px; }
    .SearchPageContent .boardSearchTypeSelector .searchTypeSelectorItem:hover {
      background: #fff; }
    .SearchPageContent .boardSearchTypeSelector .searchTypeSelectorItem:active, .SearchPageContent .boardSearchTypeSelector .searchTypeSelectorItem.active {
      background: #fff;
      -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset; }
.SearchPageContent .emptyQuery, .SearchPageContent .noResults {
  font-size: 18px;
  font-weight: normal;
  margin: 54px auto;
  text-align: center;
  width: 50%; }

.SearchScopeBar {
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center; }
  .SearchScopeBar .leftRounded {
    border-radius: 6px 0 0 6px; }
  .SearchScopeBar .rightRounded {
    border-radius: 0 6px 6px 0; }
  .SearchScopeBar .navScopeBtn {
    border-right: 0;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    margin-right: -4px;
    min-width: 115px; }
    .SearchScopeBar .navScopeBtn.rightRounded {
      border-right: 1px solid #ccc; }
    .SearchScopeBar .navScopeBtn:active, .SearchScopeBar .navScopeBtn.selected {
      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%);
      border-color: #b6b6b6;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-shadow: none; }
      .SearchScopeBar .navScopeBtn:active:hover, .SearchScopeBar .navScopeBtn.selected: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%); }
    .SearchScopeBar .navScopeBtn: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%); }

/* Note: VisualSearchSelector copies code from this file. Any update here
 * should be kept in sync with that. */
.SearchScopeSelector {
  width: 236px; }
  .SearchScopeSelector h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    padding: 12px 0 10px 14px; }
  .SearchScopeSelector ul {
    padding: 10px 14px; }
  .SearchScopeSelector .learnMore {
    color: #333;
    display: block;
    margin-left: 14px;
    margin-top: 14px;
    margin-bottom: 10px; }
  .SearchScopeSelector .subhead {
    margin-top: 5px; }
  .SearchScopeSelector .boardSearchImage {
    width: 206px;
    height: 90px;
    background: url('/webapp/style/app/common/images/board_search_helper-1x.4226f462.png') 0px 0px no-repeat;
    border-radius: 3px;
    margin-left: 14px;
    margin-top: 14px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .SearchScopeSelector .boardSearchImage {
        background-image: url('/webapp/style/app/common/images/board_search_helper-2x.b9947ec7.png');
        background-position: 0px 0px;
        background-size: 206px 90px; } }
  .SearchScopeSelector li {
    font-weight: bold;
    padding: 5px 0; }
    .SearchScopeSelector li label input {
      margin-right: 5px; }
  .SearchScopeSelector .gridItem {
    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;
    overflow: hidden; }
    .SearchScopeSelector .gridItem h2 {
      border-bottom: 1px solid #e0e0e0;
      font-size: 14px;
      font-weight: 700;
      padding: 12px 0 10px 14px; }
  .SearchScopeSelector .gridItem.hasMargin {
    margin-top: 14px; }
  .SearchScopeSelector .categoryItem {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    display: block;
    line-height: 14px; }
    .SearchScopeSelector .categoryItem .categoryImg {
      border-radius: 3px;
      float: left;
      height: 45px;
      margin-right: 7px;
      width: 45px; }
    .SearchScopeSelector .categoryItem .categoryTopic {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #717171;
      margin-top: 6px; }
    .SearchScopeSelector .categoryItem .categoryName {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #b7b7b7;
      margin-top: 3px; }

.TokenizedInput.guided {
  margin-left: 3px;
  margin-right: 30px;
  overflow: hidden; }
  .TokenizedInput.guided .tokensWrapper {
    left: 0;
    overflow: visible;
    position: relative;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s; }
    .TokenizedInput.guided .tokensWrapper .tokenizedItem {
      height: 32px;
      margin: 0;
      vertical-align: middle; }
      .TokenizedInput.guided .tokensWrapper .tokenizedItem.inputToken {
        width: 100%; }
        .TokenizedInput.guided .tokensWrapper .tokenizedItem.inputToken .field {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #a7a7a7;
          font-size: 16px;
          font-weight: 600;
          line-height: 20px;
          height: 32px;
          padding: 6px 0 6px 4px; }
          .TokenizedInput.guided .tokensWrapper .tokenizedItem.inputToken .field:focus {
            color: #333; }
  .TokenizedInput.guided .removeAll {
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    display: none;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: display 1s linear;
    transition: display 1s linear; }
    .TokenizedInput.guided .removeAll 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) {
        .TokenizedInput.guided .removeAll em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -198px -164px;
          background-size: 214px 199px; } }
    .TokenizedInput.guided .removeAll: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) {
        .TokenizedInput.guided .removeAll:hover em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -198px -125px;
          background-size: 214px 199px; } }
    .TokenizedInput.guided .removeAll:active em, .TokenizedInput.guided .removeAll.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) {
        .TokenizedInput.guided .removeAll:active em, .TokenizedInput.guided .removeAll.active em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -198px -112px;
          background-size: 214px 199px; } }
.TokenizedInput .tokensWrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  float: left;
  cursor: text;
  min-height: 1px;
  white-space: nowrap;
  width: 100%; }
  .internal-ModuleCatalog .TokenizedInput .tokensWrapper {
    border: 1px solid yellow; }
    .internal-ModuleCatalog .TokenizedInput .tokensWrapper input {
      background: lime;
      border: 1px solid red; }
      .internal-ModuleCatalog .TokenizedInput .tokensWrapper input.tokenSelected {
        background: none;
        border-color: #333; }
  .TokenizedInput .tokensWrapper input {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px; }
    .TokenizedInput .tokensWrapper input:focus {
      outline: none; }
.TokenizedInput .tokenizedItem {
  overflow: hidden;
  color: #000;
  display: inline-block;
  height: auto;
  margin: 3px;
  white-space: nowrap; }
.TokenizedInput .scrollWrapper {
  overflow: hidden; }

.ClippedPinVisualObject .clippingBox {
  overflow: hidden;
  position: relative; }
.ClippedPinVisualObject .clippingBoxContent {
  display: block;
  max-height: none;
  max-width: none;
  position: absolute; }

.VisuallySimilar {
  position: relative; }
  .VisuallySimilar .vsimilarWrapper {
    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;
    padding: 10px;
    width: 216px; }
    .VisuallySimilar .vsimilarWrapper .hoverMask {
      -webkit-transition: background 0.04s linear;
      transition: background 0.04s linear;
      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;
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 100; }
      .ielt10 .VisuallySimilar .vsimilarWrapper .hoverMask {
        display: none !important; }
    .VisuallySimilar .vsimilarWrapper .vsimilarLinkWrapper:hover .hoverMask {
      background: rgba(255, 255, 255, 0.08); }
    .VisuallySimilar .vsimilarWrapper .vsimilarLinkWrapper:active .hoverMask {
      background: rgba(0, 0, 0, 0.08); }
  .VisuallySimilar .vsimilarLinkWrapper {
    display: block; }
  .VisuallySimilar .vsimilarHeader {
    overflow: hidden;
    background: url('/webapp/style/app/common/images/boardPinsGridShadowTop.232a2e57.png') repeat-x bottom left;
    padding-bottom: 11px; }
    .VisuallySimilar .vsimilarHeader .queryTile {
      overflow: hidden;
      border-radius: 3px;
      float: left;
      height: 38px;
      margin-right: 9px;
      width: 38px; }
    .VisuallySimilar .vsimilarHeader h3 {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #555;
      display: block;
      font-size: 14px;
      font-weight: bold;
      height: 18px;
      line-height: 18px;
      margin: 0 3px 6px;
      position: relative; }
  .VisuallySimilar .pinGridWrapper {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    background: url('/webapp/style/app/common/images/boardPinsGridShadowBottom.bbcac9fc.png') repeat-x 155px -110px;
    height: 800px;
    max-height: 800px;
    position: relative;
    top: -2px; }
    .VisuallySimilar .pinGridWrapper .Grid {
      margin: 0;
      width: 216px; }
      .VisuallySimilar .pinGridWrapper .Grid.loading {
        height: 800px; }
    .VisuallySimilar .pinGridWrapper .item {
      margin: 0 3px 3px 0; }
      .VisuallySimilar .pinGridWrapper .item:hover .hoverMask, .VisuallySimilar .pinGridWrapper .item.activeItem .hoverMask {
        -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;
        -webkit-transition-property: -webkit-box-shadow;
        transition-property: box-shadow;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s; }
  .VisuallySimilar .debugMacro {
    border: 0;
    color: #9C9C9C;
    font-size: 14px;
    margin: 0;
    padding: 2px; }

.VisualSearchPage 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;
  font-size: 40px;
  margin: 20px auto 10px; }
.VisualSearchPage .browseVisualSearchList {
  margin: 0 auto;
  max-width: 736px;
  text-align: center; }
  .VisualSearchPage .browseVisualSearchList ul {
    display: inline; }
  .VisualSearchPage .browseVisualSearchList li {
    display: inline-block; }
    .VisualSearchPage .browseVisualSearchList li:after {
      content: " | "; }
    .VisualSearchPage .browseVisualSearchList li:last-child:after {
      content: ""; }

.VisualSearchPageQueryItem {
  width: 236px; }
  .VisualSearchPageQueryItem .gridItem {
    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;
    overflow: hidden; }
  .VisualSearchPageQueryItem h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 0 10px 14px; }

/* Note: copied from SearchScopeSelector. */
.VisualSearchSelector {
  width: 236px; }
  .VisualSearchSelector h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    padding: 12px 0 10px 14px; }
  .VisualSearchSelector ul {
    padding: 10px 14px; }
  .VisualSearchSelector .subhead {
    margin-top: 5px; }
  .VisualSearchSelector li {
    font-weight: bold;
    padding: 5px 0; }
    .VisualSearchSelector li label input {
      margin-right: 5px; }
  .VisualSearchSelector .gridItem {
    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;
    overflow: hidden; }
    .VisualSearchSelector .gridItem h2 {
      border-bottom: 1px solid #e0e0e0;
      font-size: 14px;
      font-weight: 700;
      padding: 12px 0 10px 14px; }
  .VisualSearchSelector .gridItem.hasMargin {
    margin-top: 14px; }

.CloseupBottom .relatedPinsWrapper {
  visibility: hidden; }
.CloseupBottom .sectionTitle {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  color: #444;
  font-size: 18px; }
.CloseupBottom .gridContainer {
  clear: both; }
.CloseupBottom .CloseupRelatedPins, .CloseupBottom .CloseupRelatedBoards {
  margin-top: 20px; }

.Closeup .closeupContainer, .Closeup .closeupBottom {
  margin: 0 auto;
  width: 1000px; }

.Closeup.relatedPinsFlow {
  position: relative; }
  .Closeup.relatedPinsFlow.Module .closeupBottom {
    position: absolute;
    top: 0;
    width: 100%; }
  .Closeup.relatedPinsFlow .CloseupContent {
    z-index: 1; }
  .Closeup.relatedPinsFlow .CloseupBottom {
    z-index: 1;
    margin: 0 auto; }
    .Closeup.relatedPinsFlow .CloseupBottom .CloseupRelatedPins {
      margin-top: 160px; }
      .Closeup.relatedPinsFlow .CloseupBottom .CloseupRelatedPins .sectionTitle {
        color: #777;
        margin-left: 750px; }
  .Closeup.relatedPinsFlow .CloseupContent {
    position: absolute;
    top: 0; }
  .Closeup.relatedPinsFlow .transitionImage {
    margin: 0 7px; }
.Closeup .pinUsers {
  border-top: 1px solid #e0e0e0; }
.Closeup.canClose {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  background-color: rgba(227, 224, 226, 0.95); }
  .Closeup.canClose .closeupContainer, .Closeup.canClose .closeupBottom {
    cursor: auto; }
  .Closeup.canClose .closeupContainer, .Closeup.canClose .closeupBottom {
    -webkit-transform: translateZ(0); }
  .Closeup.canClose .PinActionBar {
    top: 28px; }
    .Closeup.canClose .PinActionBar.sticky {
      top: 0; }
.Closeup .transitionImage {
  background: #f8f8f8;
  position: absolute;
  padding-top: 56px;
  width: 736px;
  text-align: center; }
.Closeup .closeupActionBarContainer {
  margin: 0 auto;
  position: relative;
  width: 1000px;
  z-index: 101; }
.Closeup .close {
  -webkit-transform: translateZ(0);
  padding-left: 2px;
  position: fixed;
  top: 0;
  z-index: 652; }
.Closeup .visible {
  display: block; }
.Closeup .closeupContainer {
  margin-top: 10px; }
  .Closeup .closeupContainer:after {
    content: "";
    display: table;
    clear: both; }
  .appendedContainer .Closeup .closeupContainer {
    margin-top: 28px; }
  .Closeup .closeupContainer .arrow-nav > div {
    position: absolute;
    top: 350px;
    width: 32px;
    padding-bottom: 32px;
    border-radius: 50%;
    background: #fff;
    border: none; }
    .Closeup .closeupContainer .arrow-nav > div:before, .Closeup .closeupContainer .arrow-nav > div:after {
      content: '';
      display: block;
      border-top: solid 10px transparent;
      border-bottom: solid 10px transparent;
      border-radius: 5px;
      position: absolute;
      top: 50%;
      left: 50%; }
    .Closeup .closeupContainer .arrow-nav > div.left-arrow {
      left: -44px; }
      .Closeup .closeupContainer .arrow-nav > div.left-arrow:before {
        border-right: solid 10px #A0A0A0;
        margin: -10px 0 0 -8px; }
      .Closeup .closeupContainer .arrow-nav > div.left-arrow:after {
        border-right: solid 10px #fff;
        margin: -10px 0 0 -3px; }
    .Closeup .closeupContainer .arrow-nav > div.right-arrow {
      right: -44px; }
      .Closeup .closeupContainer .arrow-nav > div.right-arrow:before {
        border-left: solid 10px #A0A0A0;
        margin: -10px 0 0 -3px; }
      .Closeup .closeupContainer .arrow-nav > div.right-arrow:after {
        border-left: solid 10px #fff;
        margin: -10px 0 0 -8px; }
  .Closeup .closeupContainer .arrow-nav > div:hover {
    cursor: pointer;
    background: #f5f5f5; }
    .Closeup .closeupContainer .arrow-nav > div:hover.left-arrow:after {
      border-right: solid 10px #f5f5f5; }
    .Closeup .closeupContainer .arrow-nav > div:hover.right-arrow:after {
      border-left: solid 10px #f5f5f5; }
.Closeup .CloseupContent, .Closeup .CloseupSidebar, .Closeup .PinActionBar, .Closeup .signupPinActionBar {
  margin: 0 7px; }
.Closeup .CloseupContent {
  float: left; }
.Closeup .CloseupSidebar {
  float: right; }
.Closeup.lite .CloseupContent, .columns-3 .Closeup .CloseupContent {
  float: none; }
.Closeup.lite .CloseupContent, .Closeup.lite .closeupActionBarContainer, .Closeup.lite .closeupBottom, .Closeup.lite .closeupContainer, .columns-3 .Closeup .CloseupContent, .columns-3 .Closeup .closeupActionBarContainer, .columns-3 .Closeup .closeupBottom, .columns-3 .Closeup .closeupContainer {
  width: 750px; }
.Closeup.lite .transitionImage, .columns-3 .Closeup .transitionImage {
  margin-left: 7px;
  width: 736px; }
.Closeup.lite .CloseupSidebar, .columns-3 .Closeup .CloseupSidebar {
  overflow: hidden;
  height: 0;
  position: absolute; }
.Closeup.lite .arrow-nav, .columns-3 .Closeup .arrow-nav {
  display: none; }
.Closeup.lite .closeupBottom {
  display: none; }

.columns-3 .Closeup.relatedPinsFlow.Module .CloseupBottom .CloseupRelatedPins {
  margin-top: 185px; }
  .columns-3 .Closeup.relatedPinsFlow.Module .CloseupBottom .CloseupRelatedPins .sectionTitle {
    display: none; }
.columns-3 .appendedContainer .Closeup.relatedPinsFlow.Module .CloseupBottom .CloseupRelatedPins {
  margin-top: 215px; }

.appendedContainer .Closeup.relatedPinsFlow {
  position: fixed; }
  .appendedContainer .Closeup.relatedPinsFlow .closeupBottom {
    z-index: -1; }
  .appendedContainer .Closeup.relatedPinsFlow .CloseupBottom .CloseupRelatedPins {
    margin-top: 185px; }

.columns-3 .Closeup.relatedPinsFlow.Module .closeupActionBarContainer, .columns-3 .Closeup.relatedPinsFlow.Module .closeupContainer, .columns-3 .Closeup.relatedPinsFlow.Module .CloseupBottom {
  width: 750px; }
.columns-3 .Closeup.relatedPinsFlow.Module .CloseupSidebar {
  width: 0px; }

.columns-4 .Closeup.relatedPinsFlow.Module .closeupActionBarContainer, .columns-4 .Closeup.relatedPinsFlow.Module .closeupContainer, .columns-4 .Closeup.relatedPinsFlow.Module .CloseupBottom {
  width: 1000px; }
.columns-4 .Closeup.relatedPinsFlow.Module .CloseupSidebar {
  width: 250px; }

.columns-5 .Closeup.relatedPinsFlow.Module .closeupActionBarContainer, .columns-5 .Closeup.relatedPinsFlow.Module .closeupContainer, .columns-5 .Closeup.relatedPinsFlow.Module .CloseupBottom {
  width: 1250px; }
.columns-5 .Closeup.relatedPinsFlow.Module .CloseupSidebar {
  width: 500px; }

.columns-6 .Closeup.relatedPinsFlow.Module .closeupActionBarContainer, .columns-6 .Closeup.relatedPinsFlow.Module .closeupContainer, .columns-6 .Closeup.relatedPinsFlow.Module .CloseupBottom {
  width: 1500px; }
.columns-6 .Closeup.relatedPinsFlow.Module .CloseupSidebar {
  width: 750px; }

.columns-7 .Closeup.relatedPinsFlow.Module .closeupActionBarContainer, .columns-7 .Closeup.relatedPinsFlow.Module .closeupContainer, .columns-7 .Closeup.relatedPinsFlow.Module .CloseupBottom {
  width: 1500px; }
.columns-7 .Closeup.relatedPinsFlow.Module .CloseupSidebar {
  width: 750px; }

.columns-8 .Closeup.relatedPinsFlow.Module .closeupActionBarContainer, .columns-8 .Closeup.relatedPinsFlow.Module .closeupContainer, .columns-8 .Closeup.relatedPinsFlow.Module .CloseupBottom {
  width: 1500px; }
.columns-8 .Closeup.relatedPinsFlow.Module .CloseupSidebar {
  width: 750px; }

.columns-9 .Closeup.relatedPinsFlow.Module .closeupActionBarContainer, .columns-9 .Closeup.relatedPinsFlow.Module .closeupContainer, .columns-9 .Closeup.relatedPinsFlow.Module .CloseupBottom {
  width: 1500px; }
.columns-9 .Closeup.relatedPinsFlow.Module .CloseupSidebar {
  width: 750px; }

.columns-10 .Closeup.relatedPinsFlow.Module .closeupActionBarContainer, .columns-10 .Closeup.relatedPinsFlow.Module .closeupContainer, .columns-10 .Closeup.relatedPinsFlow.Module .CloseupBottom {
  width: 1500px; }
.columns-10 .Closeup.relatedPinsFlow.Module .CloseupSidebar {
  width: 750px; }

.CloseupRelatedBoards .sectionTitle {
  margin: 1 7px; }
.CloseupRelatedBoards .GridItems {
  margin-bottom: 0;
  margin-left: 0; }

.CloseupRelatedPins .relatedPinsAnnotationTitleWrapper {
  margin: 0 7px; }
.CloseupRelatedPins .annotations, .CloseupRelatedPins .annotationHeader {
  font-size: 14px;
  font-weight: bold; }
.CloseupRelatedPins .active {
  color: #878787; }
.CloseupRelatedPins .annotations {
  float: right; }
  .CloseupRelatedPins .annotations .annotationHeader {
    color: #333;
    float: left;
    margin-right: 4px;
    position: relative;
    top: 2px; }
.CloseupRelatedPins .annotationList {
  list-style: none;
  padding-top: 2px;
  text-align: right; }
  .CloseupRelatedPins .annotationList li {
    display: inline;
    margin-right: 1px; }
.CloseupRelatedPins .sectionTitle {
  float: left; }
.CloseupRelatedPins.relatedPinsGrid {
  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;
  display: block;
  padding: 10px;
  background: #fff;
  margin-bottom: 14px;
  max-height: 552px;
  max-width: 236px; }
  .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: auto;
    max-height: 459px;
    position: relative;
    top: -2px; }
    .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper .Grid {
      margin: 0;
      width: 216px; }
      .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper .Grid.loading {
        height: 459px; }
    .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper .item {
      margin: 0 3px 3px 0;
      opacity: 0.5; }
      .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper .item:hover, .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper .item.activeItem {
        opacity: 1; }
        .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper .item:hover .hoverMask, .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper .item.activeItem .hoverMask {
          -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;
          -webkit-transition-property: -webkit-box-shadow;
          transition-property: box-shadow;
          -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s; }
  .CloseupRelatedPins.relatedPinsGrid.short .pinGridWrapper {
    max-height: 229.5px; }
    .CloseupRelatedPins.relatedPinsGrid.short .pinGridWrapper .Grid.loading {
      height: 229.5px; }
  .CloseupRelatedPins.relatedPinsGrid .pinGridWrapper {
    background: url('/webapp/style/app/common/images/boardPinsGridShadowBottom.bbcac9fc.png') repeat-x left bottom; }
  .CloseupRelatedPins.relatedPinsGrid .relatedPinsButton {
    margin-top: 4px;
    width: 100%; }
  .CloseupRelatedPins.relatedPinsGrid .titleContainer {
    margin-bottom: 11px;
    overflow: hidden; }
    .CloseupRelatedPins.relatedPinsGrid .titleContainer h3.title {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #333;
      font-size: 15px;
      line-height: 38px; }
    .CloseupRelatedPins.relatedPinsGrid .titleContainer .thumbImageWrapper {
      border-radius: 3px;
      float: left;
      height: 38px;
      margin-right: 9px;
      overflow: hidden;
      width: 38px; }

.CloseupSidebar {
  position: relative;
  width: 236px;
  z-index: 102; }
  .CloseupSidebar .Board {
    margin-bottom: 14px; }
    .CloseupSidebar .Board .Button {
      margin-top: 4px;
      width: 100%; }
  .CloseupSidebar .Domain, .CloseupSidebar .VisuallySimilar {
    margin-bottom: 14px; }

.PinActionBar {
  -webkit-transform: translateZ(0);
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.22);
  border-radius: 6px 6px 0 0;
  border-top-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  display: inline-block;
  height: 56px;
  padding: 10px 10px 9px;
  position: absolute;
  top: 0;
  width: 736px; }
  .PinActionBar:after {
    content: "";
    display: table;
    clear: both; }
  .PinActionBar .repinLike {
    float: left; }
  .PinActionBar .repin, .PinActionBar .like, .PinActionBar .website {
    margin-right: 6px; }
  .PinActionBar .share {
    margin-left: 6px; }
  .PinActionBar .shareGear {
    float: right; }
  .PinActionBar .pinActionBarButton {
    float: left; }
    .PinActionBar .pinActionBarButton.leftRounded {
      margin-right: 0; }
    .PinActionBar .pinActionBarButton.repinLikeNavigateButton {
      float: left;
      left: -1px;
      margin-right: 6px;
      position: relative; }
    .PinActionBar .pinActionBarButton.facebookShare {
      float: none;
      margin-left: 6px; }
    .PinActionBar .pinActionBarButton.pinEditDark {
      margin-right: 6px; }
  .PinActionBar.absolute {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .PinActionBar.absolute.below {
      border-radius: 0; }
  .PinActionBar.sticky {
    -webkit-transform: translateZ(0);
    border-radius: 0;
    top: 54px;
    position: fixed; }
    .hasKLPBar .PinActionBar.sticky {
      top: 98px; }
    .hasCategoriesBar .PinActionBar.sticky {
      top: 109px; }
  .PinActionBar.lite .NavigateButton, .PinActionBar.lite .PinLikeButton, .PinActionBar.lite .shareGear {
    display: none; }
  .PinActionBar .Button {
    height: 34px; }
  .PinActionBar.smallBtns .Button.btn {
    padding-left: 9px;
    padding-right: 9px; }

.OrderItem.tableView .itemName {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  width: 160px; }
.OrderItem.tableView .hasItemImage .itemName {
  width: 120px; }
.OrderItem.tableView .hasItemImage .itemIcon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top; }
  .OrderItem.tableView .hasItemImage .itemIcon .itemIconImage {
    border-radius: 3px;
    height: 32px;
    width: 32px; }
.OrderItem.tableView .itemHeader {
  margin-bottom: 3px; }
  .OrderItem.tableView .itemHeader .itemName {
    font-size: inherit;
    width: 160px; }
.OrderItem.tableView .itemPrice, .OrderItem.tableView .itemQty {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 50px; }

.OrderView {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.22);
  background: #fff;
  font-size: 13px;
  line-height: 1.3;
  margin: 0 10px 8px;
  padding: 10px;
  -webkit-font-smoothing: antialiased; }
  .OrderView h4 {
    font-size: 15px;
    margin-bottom: 3px; }
  .OrderView .subtitle {
    font-size: 12px; }
  .OrderView .orderId {
    margin-bottom: 3px; }
  .OrderView .orderTotal, .OrderView .orderShipping, .OrderView .orderPayment, .OrderView .orderItems {
    border-top: solid 1px #ccc;
    margin-top: 5px;
    padding-top: 5px; }
  .OrderView .orderTotal .priceItemTitle {
    display: inline-block;
    width: 160px; }

.ShoppingButtonBar {
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
  text-align: center;
  margin: 20px auto;
  overflow: hidden;
  width: 400px; }
  .ShoppingButtonBar .subGiftFeedButton {
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    width: 20%;
    border: 0; }
    .ShoppingButtonBar .subGiftFeedButton.xlarge {
      margin-bottom: 0;
      border-right: 1px solid #ccc;
      border-left: 0 solid #ccc; }
    .ShoppingButtonBar .subGiftFeedButton.selected {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fcfcfc));
      background-image: -webkit-linear-gradient(#fff, #fcfcfc);
      background-image: linear-gradient(#fff, #fcfcfc); }
  .ShoppingButtonBar a:first-child {
    border-radius: 6px 0 0 6px; }
  .ShoppingButtonBar a:last-child {
    border-radius: 0 6px 6px 0;
    border-right: 1px solid #ccc; }

.UserOrdersPage .orderHeader {
  font-size: 16px;
  margin: 8px 10px 5px; }

.ConversationEventMessage {
  border-bottom: 1px #cacaca solid;
  border-top: 1px #cacaca solid;
  margin-bottom: 10px;
  padding: 10px; }
  .ConversationEventMessage.noTopBorder {
    border-top: none;
    padding-top: 0; }
  .ConversationEventMessage .ConversationHead, .ConversationEventMessage .eventMessageContent {
    display: inline-block;
    vertical-align: top; }
  .ConversationEventMessage .eventMessageContent {
    margin-left: 6px;
    width: 235px; }
    .ConversationEventMessage .eventMessageContent a {
      color: #333;
      display: inline;
      padding: 0; }
    .ConversationEventMessage .eventMessageContent .eventMessageTitle {
      color: #333;
      font-size: 13px;
      margin-bottom: 8px; }
    .ConversationEventMessage .eventMessageContent .eventMessagePins img {
      border-radius: 3px;
      margin: 0 5px 5px 0; }

.ConversationHead {
  cursor: pointer;
  -webkit-transition: -webkit-filter 0.3s ease, opacity 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
  transition: filter 0.3s ease, opacity 0.3s ease; }
  .ConversationHead.normal {
    -webkit-transform: translateZ(0);
    height: 59px;
    width: 59px; }
    .ConversationHead.normal .headWrapper {
      overflow: hidden;
      position: relative;
      background: #fff;
      border-radius: 50%;
      display: inline-block;
      height: 59px;
      position: relative;
      width: 59px; }
      .ConversationHead.normal .headWrapper div.head {
        font-size: 18px;
        line-height: 59px; }
      .ConversationHead.normal .headWrapper:after {
        border-radius: 50%;
        -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: 59px;
        left: 0;
        position: absolute;
        top: 0;
        width: 59px; }
      .ConversationHead.normal .headWrapper .noDrag {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        position: absolute; }
    .ConversationHead.normal .halfWrapper {
      position: absolute;
      width: 59px; }
      .ConversationHead.normal .halfWrapper .head {
        font-size: 14.75px; }
    .ConversationHead.normal .leftWrapper.halfWrapper {
      clip: rect(0, 30px, 59px, 0);
      left: -1px;
      right: auto; }
      .ConversationHead.normal .leftWrapper.halfWrapper div.head {
        font-size: 24px;
        line-height: 59px; }
      .ConversationHead.normal .leftWrapper.halfWrapper img, .ConversationHead.normal .leftWrapper.halfWrapper div.head {
        height: 59px;
        left: -12px;
        position: absolute;
        top: 0;
        width: 59px;
        font-size: 14.75px; }
    .ConversationHead.normal .rightWrapper div.head {
      font-size: 24px;
      line-height: 59px; }
    .ConversationHead.normal .rightWrapper.isWholeHalf {
      clip: rect(0, 59px, 59px, 30px);
      right: 0; }
      .ConversationHead.normal .rightWrapper.isWholeHalf img, .ConversationHead.normal .rightWrapper.isWholeHalf div.head {
        position: relative;
        right: -12px;
        font-size: 14.75px; }
    .ConversationHead.normal .rightWrapper.smallImage {
      clip: rect(0, 30px, 30px, 0);
      right: -1px;
      width: 30px; }
      .ConversationHead.normal .rightWrapper.smallImage div.head {
        font-size: 9px;
        line-height: 30px; }
      .ConversationHead.normal .rightWrapper.smallImage.top {
        top: -1px; }
      .ConversationHead.normal .rightWrapper.smallImage.bottom {
        bottom: -1px; }
      .ConversationHead.normal .rightWrapper.smallImage.top div.head, .ConversationHead.normal .rightWrapper.smallImage.bottom div.head {
        font-size: 11.8px;
        text-align: left;
        padding-left: 7px; }
    .ConversationHead.normal.opening .headWrapper {
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
  .ConversationHead.small {
    height: 33px;
    width: 33px; }
    .ConversationHead.small .headWrapper {
      overflow: hidden;
      position: relative;
      background: #fff;
      border-radius: 50%;
      display: inline-block;
      height: 33px;
      position: relative;
      width: 33px; }
      .ConversationHead.small .headWrapper div.head {
        font-size: 10px;
        line-height: 33px; }
      .ConversationHead.small .headWrapper:after {
        border-radius: 50%;
        -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: 33px;
        left: 0;
        position: absolute;
        top: 0;
        width: 33px; }
      .ConversationHead.small .headWrapper .noDrag {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        position: absolute; }
    .ConversationHead.small .halfWrapper {
      position: absolute;
      width: 33px; }
      .ConversationHead.small .halfWrapper .head {
        font-size: 8.25px; }
    .ConversationHead.small .leftWrapper.halfWrapper {
      clip: rect(0, 17px, 33px, 0);
      left: -1px;
      right: auto; }
      .ConversationHead.small .leftWrapper.halfWrapper div.head {
        font-size: 13px;
        line-height: 33px; }
      .ConversationHead.small .leftWrapper.halfWrapper img, .ConversationHead.small .leftWrapper.halfWrapper div.head {
        height: 33px;
        left: -7px;
        position: absolute;
        top: 0;
        width: 33px;
        font-size: 8.25px; }
    .ConversationHead.small .rightWrapper div.head {
      font-size: 13px;
      line-height: 33px; }
    .ConversationHead.small .rightWrapper.isWholeHalf {
      clip: rect(0, 33px, 33px, 17px);
      right: 0; }
      .ConversationHead.small .rightWrapper.isWholeHalf img, .ConversationHead.small .rightWrapper.isWholeHalf div.head {
        position: relative;
        right: -7px;
        font-size: 8.25px; }
    .ConversationHead.small .rightWrapper.smallImage {
      clip: rect(0, 17px, 17px, 0);
      right: -1px;
      width: 17px; }
      .ConversationHead.small .rightWrapper.smallImage div.head {
        font-size: 5px;
        line-height: 17px; }
      .ConversationHead.small .rightWrapper.smallImage.top {
        top: -1px; }
      .ConversationHead.small .rightWrapper.smallImage.bottom {
        bottom: -1px; }
      .ConversationHead.small .rightWrapper.smallImage.top div.head, .ConversationHead.small .rightWrapper.smallImage.bottom div.head {
        font-size: 6.6px;
        text-align: left;
        padding-left: 7px; }
    .ConversationHead.small .headWrapper div.head {
      font-size: 11px; }
  .ConversationHead.medium {
    height: 50px;
    width: 50px; }
    .ConversationHead.medium .headWrapper {
      overflow: hidden;
      position: relative;
      background: #fff;
      border-radius: 50%;
      display: inline-block;
      height: 50px;
      position: relative;
      width: 50px; }
      .ConversationHead.medium .headWrapper div.head {
        font-size: 15px;
        line-height: 50px; }
      .ConversationHead.medium .headWrapper:after {
        border-radius: 50%;
        -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: 50px;
        left: 0;
        position: absolute;
        top: 0;
        width: 50px; }
      .ConversationHead.medium .headWrapper .noDrag {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        position: absolute; }
    .ConversationHead.medium .halfWrapper {
      position: absolute;
      width: 50px; }
      .ConversationHead.medium .halfWrapper .head {
        font-size: 12.5px; }
    .ConversationHead.medium .leftWrapper.halfWrapper {
      clip: rect(0, 25px, 50px, 0);
      left: -1px;
      right: auto; }
      .ConversationHead.medium .leftWrapper.halfWrapper div.head {
        font-size: 20px;
        line-height: 50px; }
      .ConversationHead.medium .leftWrapper.halfWrapper img, .ConversationHead.medium .leftWrapper.halfWrapper div.head {
        height: 50px;
        left: -10px;
        position: absolute;
        top: 0;
        width: 50px;
        font-size: 12.5px; }
    .ConversationHead.medium .rightWrapper div.head {
      font-size: 20px;
      line-height: 50px; }
    .ConversationHead.medium .rightWrapper.isWholeHalf {
      clip: rect(0, 50px, 50px, 25px);
      right: 0; }
      .ConversationHead.medium .rightWrapper.isWholeHalf img, .ConversationHead.medium .rightWrapper.isWholeHalf div.head {
        position: relative;
        right: -10px;
        font-size: 12.5px; }
    .ConversationHead.medium .rightWrapper.smallImage {
      clip: rect(0, 25px, 25px, 0);
      right: 0px;
      width: 25px; }
      .ConversationHead.medium .rightWrapper.smallImage div.head {
        font-size: 8px;
        line-height: 25px; }
      .ConversationHead.medium .rightWrapper.smallImage.top {
        top: -1px; }
      .ConversationHead.medium .rightWrapper.smallImage.bottom {
        bottom: 0px; }
      .ConversationHead.medium .rightWrapper.smallImage.top div.head, .ConversationHead.medium .rightWrapper.smallImage.bottom div.head {
        font-size: 10px;
        text-align: left;
        padding-left: 7px; }
  .ConversationHead:hover .conversationHeadClose {
    visibility: visible; }
  .ConversationHead.inactive {
    -webkit-filter: brightness(65%);
    -moz-filter: brightness(65%);
    -o-filter: brightness(65%);
    -ms-filter: brightness(65%);
    filter: brightness(65%);
    opacity: 0.9; }
  .ConversationHead.cloned {
    position: absolute;
    z-index: 999999999; }
  .ConversationHead img {
    width: 100%; }
  .ConversationHead div.head {
    background-color: #bd081c;
    color: #fff;
    display: inline-block;
    height: 100%;
    text-align: center;
    width: 100%; }
  .ConversationHead .head.email {
    background-color: #999; }
  .ConversationHead .contentContainer {
    position: relative; }
  .ConversationHead a {
    padding: 0 !important; }
  .ConversationHead .badge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #d0021b;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 5px 2px;
    position: absolute;
    right: -1px;
    top: 0; }
    .ConversationHead .badge span {
      color: #fff; }
  .ConversationHead .nameText {
    color: #999;
    margin-top: 3px;
    text-align: center; }
  .ConversationHead .conversationHeadClose {
    left: -1px;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 701; }
  .ConversationHead.touch .conversationHeadClose {
    visibility: visible; }

.ConversationListItem {
  overflow: hidden;
  border-bottom: 1px solid #e7e7e7;
  color: #666;
  cursor: pointer;
  height: 35px;
  padding: 10px; }
  .ConversationListItem.hasTimestamp {
    height: 50px; }
  .ConversationListItem .left {
    float: left;
    margin-right: 10px; }
    .ConversationListItem .left .ConversationHead {
      -webkit-transform: translateZ(0);
      margin-top: 1px; }
  .ConversationListItem.animatingOut {
    -webkit-animation: conversationListItemSlideOut 0.2s ease-in-out;
    animation: conversationListItemSlideOut 0.2s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .ConversationListItem.animatingOut.animatedOut {
      border: none;
      height: 0;
      padding: 0; }
  .ConversationListItem.hideable:hover .hideableButton {
    display: block; }
    .ConversationListItem.hideable:hover .hideableButton:hover .buttonText {
      color: #666; }
  .ConversationListItem .hideableButton {
    color: #999;
    display: none;
    float: right;
    margin: 1px 0 0 3px;
    position: relative;
    top: -5px; }
    .ConversationListItem .hideableButton .buttonText {
      font-size: 18px;
      font-weight: bold; }
  .ConversationListItem .timeStamp {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #acacac;
    font-size: 11px;
    font-weight: bold;
    margin: 2px 0 3px 3px; }
  .ConversationListItem .title {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #666;
    margin-bottom: 2px; }
    .ConversationListItem .title a {
      display: inline;
      padding: 0;
      line-height: 12px; }
    .ConversationListItem .title a:hover {
      color: #bd081c; }
  .ConversationListItem.showingLastMessageObjectPreview .title {
    max-width: 180px; }
  .ConversationListItem.showingLastMessageObjectPreview:hover .title {
    max-width: 129px; }
  .ConversationListItem.showingLastMessageObjectPreview .subtitle {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 180px; }
  .ConversationListItem.hasSelectedStateAvailable .title {
    max-width: 205px; }
  .ConversationListItem .lastObjectSent {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    position: absolute;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    right: 10px; }
    .ConversationListItem .lastObjectSent: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: 51;
      left: 0;
      position: absolute;
      top: 0;
      width: 51; }
    .ConversationListItem .lastObjectSent .lastMessageSentImage {
      border-radius: 3px;
      height: 51;
      width: 51; }
  .ConversationListItem.active .selectedState {
    width: 34px;
    height: 34px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -308px -179px no-repeat;
    border-radius: 0;
    border: none; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ConversationListItem.active .selectedState {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -305px -127px;
        background-size: 415px 409px; } }
  .ConversationListItem .titleSubtitleWrapper {
    float: left;
    margin-top: 1px; }
  .ConversationListItem .selectedState {
    background: #fff;
    border-radius: 50px;
    border: 1px solid #eee;
    float: right;
    height: 34px;
    width: 34px; }
  .ConversationListItem.hideSubtitle {
    padding-top: 6px;
    padding-bottom: 6px; }
    .ConversationListItem.hideSubtitle .title {
      margin-top: 7px; }
  .ConversationListItem .subtitle {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #666;
    line-height: 14px;
    margin: 0 0 2px 0; }
    .ConversationListItem .subtitle.sentObject {
      font-style: italic; }
  .ConversationListItem:hover {
    background-color: #eeeeee !important; }
    .ConversationListItem:hover .lastObjectSent {
      -webkit-transform: translateX(-20px) translateZ(0);
      transform: translateX(-20px) translateZ(0); }
  .ConversationListItem.unread .title, .ConversationListItem.unread .title a, .ConversationListItem.unread .subtitle {
    color: #333; }
  .ConversationListItem .comma {
    margin-left: -3px; }

.ConversationMessage {
  border-radius: 3px;
  clear: both;
  color: #333;
  display: inline-block;
  margin: 0 10px 10px;
  max-width: 236px;
  position: relative; }
  .ConversationMessage.isOwnMessage > p > a {
    color: #fff; }
  .ConversationMessage > p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -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: 3px;
    padding: 10px; }
  .ConversationMessage p > a {
    display: inline;
    padding: 0 !important; }
    .ConversationMessage p > a:hover {
      background: none !important; }
  .ConversationMessage.hasConversationHead .ConversationHead {
    bottom: 0;
    position: absolute; }
  .ConversationMessage.hasConversationHead .Pin, .ConversationMessage.hasConversationHead .Board, .ConversationMessage.hasConversationHead .User {
    left: 47px; }
  .ConversationMessage.hasObject, .ConversationMessage.hasBoard, .ConversationMessage.hasUser, .ConversationMessage.hasPin {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0; }
    .ConversationMessage.hasObject .messageCaret, .ConversationMessage.hasBoard .messageCaret, .ConversationMessage.hasUser .messageCaret, .ConversationMessage.hasPin .messageCaret {
      bottom: auto;
      bottom: 9px; }
    .ConversationMessage.hasObject.hasNoDescription .messageCaret, .ConversationMessage.hasBoard.hasNoDescription .messageCaret, .ConversationMessage.hasUser.hasNoDescription .messageCaret, .ConversationMessage.hasPin.hasNoDescription .messageCaret {
      display: none; }
    .ConversationMessage.hasObject.hasNoDescription .pinImageWrapper, .ConversationMessage.hasObject.hasNoDescription .hoverMask, .ConversationMessage.hasObject.hasNoDescription .pinImg.fullBleed, .ConversationMessage.hasBoard.hasNoDescription .pinImageWrapper, .ConversationMessage.hasBoard.hasNoDescription .hoverMask, .ConversationMessage.hasBoard.hasNoDescription .pinImg.fullBleed, .ConversationMessage.hasUser.hasNoDescription .pinImageWrapper, .ConversationMessage.hasUser.hasNoDescription .hoverMask, .ConversationMessage.hasUser.hasNoDescription .pinImg.fullBleed, .ConversationMessage.hasPin.hasNoDescription .pinImageWrapper, .ConversationMessage.hasPin.hasNoDescription .hoverMask, .ConversationMessage.hasPin.hasNoDescription .pinImg.fullBleed {
      border-radius: 6px; }
    .ConversationMessage.hasObject.hasNoDescription .pinImageWrapper:after, .ConversationMessage.hasBoard.hasNoDescription .pinImageWrapper:after, .ConversationMessage.hasUser.hasNoDescription .pinImageWrapper:after, .ConversationMessage.hasPin.hasNoDescription .pinImageWrapper:after {
      border-bottom: none; }
    .ConversationMessage.hasObject .Pin, .ConversationMessage.hasObject .Board, .ConversationMessage.hasObject .User, .ConversationMessage.hasBoard .Pin, .ConversationMessage.hasBoard .Board, .ConversationMessage.hasBoard .User, .ConversationMessage.hasUser .Pin, .ConversationMessage.hasUser .Board, .ConversationMessage.hasUser .User, .ConversationMessage.hasPin .Pin, .ConversationMessage.hasPin .Board, .ConversationMessage.hasPin .User {
      overflow: hidden; }
  .ConversationMessage .Board li:first-child {
    padding-top: 0; }
  .ConversationMessage .Board li:last-child {
    padding-bottom: 0; }
  .ConversationMessage .Board .boardFollowUnfollowButton {
    display: none; }
  .ConversationMessage .Button.disabled .buttonText {
    text-shadow: none; }
  .ConversationMessage .boardLinkWrapper:hover, .ConversationMessage .userWrapper:hover {
    background: transparent; }
  .ConversationMessage .Pin .pinCredits, .ConversationMessage .Pin .richPinMetaLink, .ConversationMessage .Pin .pinAttribution, .ConversationMessage .Pin .PinCommentList, .ConversationMessage .Pin .recommendationReasonWrapper, .ConversationMessage .Pin .pinSocialMeta, .ConversationMessage .Pin .pinNavLink {
    display: none; }
  .ConversationMessage .User .UserFollowButton {
    display: none; }
  .ConversationMessage.isOwnMessage {
    background: #444;
    color: #fff;
    float: right;
    right: 10px; }
    .ConversationMessage.isOwnMessage .messageCaret {
      width: 8px;
      height: 12px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -353px no-repeat;
      right: -8px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .ConversationMessage.isOwnMessage .messageCaret {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -401px -266px;
          background-size: 415px 409px; } }
    .ConversationMessage.isOwnMessage.hasObject, .ConversationMessage.isOwnMessage.hasBoard, .ConversationMessage.isOwnMessage.hasUser, .ConversationMessage.isOwnMessage.hasPin {
      background: transparent;
      margin-bottom: 30px; }
      .ConversationMessage.isOwnMessage.hasObject .messageCaret, .ConversationMessage.isOwnMessage.hasBoard .messageCaret, .ConversationMessage.isOwnMessage.hasUser .messageCaret, .ConversationMessage.isOwnMessage.hasPin .messageCaret {
        width: 8px;
        height: 12px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -339px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .ConversationMessage.isOwnMessage.hasObject .messageCaret, .ConversationMessage.isOwnMessage.hasBoard .messageCaret, .ConversationMessage.isOwnMessage.hasUser .messageCaret, .ConversationMessage.isOwnMessage.hasPin .messageCaret {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -401px -305px;
            background-size: 415px 409px; } }
      .ConversationMessage.isOwnMessage.hasObject .msgObjectSent, .ConversationMessage.isOwnMessage.hasBoard .msgObjectSent, .ConversationMessage.isOwnMessage.hasUser .msgObjectSent, .ConversationMessage.isOwnMessage.hasPin .msgObjectSent {
        bottom: -18px;
        color: #999;
        position: absolute;
        right: 0; }
      .ConversationMessage.isOwnMessage.hasObject.pending, .ConversationMessage.isOwnMessage.hasBoard.pending, .ConversationMessage.isOwnMessage.hasUser.pending, .ConversationMessage.isOwnMessage.hasPin.pending {
        margin-bottom: 10px; }
        .ConversationMessage.isOwnMessage.hasObject.pending .msgObjectSent, .ConversationMessage.isOwnMessage.hasBoard.pending .msgObjectSent, .ConversationMessage.isOwnMessage.hasUser.pending .msgObjectSent, .ConversationMessage.isOwnMessage.hasPin.pending .msgObjectSent {
          display: none; }
  .ConversationMessage.notOwnMessage {
    left: 10px;
    margin-right: 15px; }
    .ConversationMessage.notOwnMessage .messageCaret {
      left: -8px; }
    .ConversationMessage.notOwnMessage > p {
      background: #fff; }
    .ConversationMessage.notOwnMessage.hasConversationHead {
      left: 0; }
      .ConversationMessage.notOwnMessage.hasConversationHead .messageCaret {
        left: 39px; }
      .ConversationMessage.notOwnMessage.hasConversationHead > p {
        margin-left: 47px; }
  .ConversationMessage .messageCaret {
    width: 8px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -381px no-repeat;
    position: absolute;
    bottom: 4px;
    z-index: 1; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ConversationMessage .messageCaret {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -401px -279px;
        background-size: 415px 409px; } }
  .ConversationMessage p {
    font-size: 13px;
    margin: 0;
    word-wrap: break-word; }
  .ConversationMessage .emptyState {
    padding: 0 85px; }

.ConversationMessages {
  overflow: hidden; }
  .ConversationMessages .messageWrapper {
    clear: both;
    position: relative; }
    .ConversationMessages .messageWrapper:first-child {
      padding-top: 10px; }
  .ConversationMessages .emptyState p {
    color: #999;
    font-size: 14px;
    line-height: 18px;
    margin: 35px auto 0;
    max-width: 208px;
    text-align: center;
    border-style: dashed;
    padding: 110px 5px;
    border-radius: 10px;
    border-width: 2px;
    background: #E9E9E9; }
  .ConversationMessages .emptyState p:hover {
    background: #E4E4E4; }
  .ConversationMessages .timeSeparator, .ConversationMessages .messageSender {
    color: #999;
    font-size: 11px;
    text-shadow: 0 1px 1px #fff; }
  .ConversationMessages .timeSeparator {
    margin: 5px 0 15px;
    text-align: center; }
    .ConversationMessages .timeSeparator.firstItem {
      margin-top: 15px; }
  .ConversationMessages .messageSender {
    margin: 0 0 4px 61px;
    letter-spacing: 0.1px; }

.ConversationPopup {
  height: 400px;
  width: 320px; }
  .ConversationPopup .convosHeader {
    overflow: hidden;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05);
    line-height: 16px;
    padding: 10px;
    position: relative;
    z-index: 102;
    cursor: pointer; }
    .ConversationPopup .convosHeader:hover .reportMsgButton em, .ConversationPopup .convosHeader:active .reportMsgButton em {
      display: inline-block; }
  .ConversationPopup .reportMsgButton {
    margin-bottom: 1px; }
  .ConversationPopup .conversationMessagesList {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #eee;
    position: absolute; }
  .ConversationPopup .convosTitle {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    max-width: 250px; }
    .ConversationPopup .convosTitle a {
      color: #333; }
      .ConversationPopup .convosTitle a:hover {
        text-decoration: underline; }
  .ConversationPopup .dropTarget {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    border-top: 1px solid #eee;
    display: none;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    z-index: 2; }
    .ConversationPopup .dropTarget p {
      color: #a2a2a2;
      font-size: 22px;
      text-align: center;
      margin: -11px 0 0 0;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0; }
    .ConversationPopup .dropTarget.visible {
      display: block;
      opacity: 0.9; }
  .ConversationPopup .inputWrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0; }
  .ConversationPopup .messagesContainer {
    bottom: 36px;
    left: 0;
    position: absolute;
    right: 0;
    top: 37px; }
    .ConversationPopup .messagesContainer .emailSentText {
      color: #8a8a8a;
      display: none;
      margin: 0 50px 10px;
      text-align: center; }
  .ConversationPopup .left {
    float: left; }
  .ConversationPopup .right {
    float: right; }
  .ConversationPopup .Field .content {
    background: #fff;
    border: none;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #d4d4d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    line-height: 16px;
    height: 37px;
    padding: 10px;
    resize: none; }
  .ConversationPopup .spinner {
    display: inline-block;
    opacity: 0.5;
    width: 16px;
    height: 16px;
    background: url('/webapp/style/app/common/images/spinner-small-1x.a3a89185.gif') 0px 0px no-repeat;
    display: none; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ConversationPopup .spinner {
        background-image: url('/webapp/style/app/common/images/spinner-small-2x.654fb1fe.gif');
        background-position: 0px 0px;
        background-size: 16px 16px; } }
    .ConversationPopup .spinner.visible {
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .ConversationPopup .joinButtonWrapper {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #d4d4d4;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    position: absolute;
    text-align: center; }
    .ConversationPopup .joinButtonWrapper .JoinButton {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis; }

.ConversationsListDropdown {
  background-color: #fff;
  width: 100%; }
  .ConversationsListDropdown.isEmptyState {
    border-radius: 6px; }
  .ConversationsListDropdown.withinSegmentedController .convosContent {
    background: #fff; }
  .ConversationsListDropdown.withinSegmentedController .subtitle {
    color: #333; }
  .ConversationsListDropdown .convosHeader {
    border-bottom: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    position: absolute;
    top: 17px;
    right: 10px;
    z-index: 3; }
  .ConversationsListDropdown .conversationGroupTokenizedWrapper {
    margin-top: 33px; }
  .ConversationsListDropdown .ConversationListItem {
    background: #f5f5f5; }
    .ConversationsListDropdown .ConversationListItem:hover {
      background: #eee; }
    .ConversationsListDropdown .ConversationListItem .right {
      margin-top: 1px; }
    .ConversationsListDropdown .ConversationListItem.unread {
      background: #fff; }
  .ConversationsListDropdown .convosTitle {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: left;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    height: 1.5em;
    max-width: 285px; }
  .ConversationsListDropdown .createConversation {
    height: 1em;
    float: right; }
  .ConversationsListDropdown .convosContent {
    bottom: 0;
    height: auto;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 84px;
    z-index: 2; }
  .ConversationsListDropdown .createConversationTab {
    border-bottom: 1px solid #ebebeb;
    color: #5f5f5f;
    font-weight: bold;
    height: 36px;
    vertical-align: middle;
    width: 100%; }
    .ConversationsListDropdown .createConversationTab:hover {
      background-color: #f1f1f1 !important;
      color: #333; }
    .ConversationsListDropdown .createConversationTab:active {
      color: #bd081c; }

.CreateConversationGroup {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
  width: 331px;
  z-index: 3; }
  .conversationsDropdown .CreateConversationGroup .ConversationsList {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    height: 348px; }
  .CreateConversationGroup .conversationGroupHeader .title {
    border-bottom: 1px solid #e7e7e7;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin: 0;
    padding: 10px; }
  .CreateConversationGroup .TokenizedInput {
    cursor: text;
    float: left;
    overflow-x: auto; }
    .CreateConversationGroup .TokenizedInput .tokenizedItem {
      margin: 0;
      vertical-align: middle; }
      .CreateConversationGroup .TokenizedInput .tokenizedItem.inputToken {
        margin: 1px 0 2px; }
        .CreateConversationGroup .TokenizedInput .tokenizedItem.inputToken .field {
          -webkit-transform: translateZ(0);
          line-height: 16px; }
      .CreateConversationGroup .TokenizedInput .tokenizedItem .ConversationHead {
        margin: 0 3px; }
  .CreateConversationGroup .tokenized {
    background: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    padding: 7px 0 3px; }
    .CreateConversationGroup .tokenized .placeholder {
      float: left;
      margin: 1px 3px 0 10px;
      line-height: 32px; }
  .CreateConversationGroup .ConversationsList {
    clear: both; }
  .CreateConversationGroup .ConversationListItem {
    background: #fff; }
    .CreateConversationGroup .ConversationListItem .title {
      font-size: 13px;
      font-weight: 700; }
  .CreateConversationGroup .content {
    background: #f8f8f8;
    border: none !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 46px;
    resize: none; }
    .CreateConversationGroup .content:focus {
      border: none !important;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .CreateConversationGroup .TypeaheadField.createConversationGroup {
    overflow-x: auto;
    position: static; }
  .CreateConversationGroup .cancelButton {
    color: #999; }
  .CreateConversationGroup .cancelButton, .CreateConversationGroup .sendToGroupButton {
    position: absolute;
    top: 11px;
    right: 10px;
    font-weight: bold;
    font-size: 14px; }
  .CreateConversationGroup .sendToGroupButton {
    color: #bd081c;
    display: none; }
    .CreateConversationGroup .sendToGroupButton.disabled {
      cursor: normal; }
  .CreateConversationGroup .Typeahead.createConversationGroup {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    background: #fff;
    border-radius: 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    top: 85px;
    width: 331px;
    z-index: 50; }
    .CreateConversationGroup .Typeahead.createConversationGroup .right {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      max-width: 250px; }
    .CreateConversationGroup .Typeahead.createConversationGroup .title {
      font-size: 13px;
      font-weight: 700;
      margin: 1px 0; }
    .CreateConversationGroup .Typeahead.createConversationGroup .subtitle {
      margin: 4px 0 0; }
    .CreateConversationGroup .Typeahead.createConversationGroup img, .CreateConversationGroup .Typeahead.createConversationGroup .icon {
      height: 33px;
      margin-top: 1px;
      width: 33px; }

.EmptyConversations {
  background: #fff; }
  .EmptyConversations .intro {
    color: #999;
    margin: 20px auto 24px;
    text-align: center;
    width: 210px;
    font-size: 13px; }
    .EmptyConversations .intro strong {
      color: #666;
      line-height: 20px;
      letter-spacing: 0.1px; }
  .EmptyConversations .icon {
    width: 280px;
    height: 238px;
    background: url('/webapp/style/app/common/images/messages-blank-combined-1x.8e70b86a.png') 0px 0px no-repeat;
    margin: 30px auto 0; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .EmptyConversations .icon {
        background-image: url('/webapp/style/app/common/images/messages-blank-combined-2x.62c60fd4.png');
        background-position: 0px 0px;
        background-size: 280px 238px; } }
  .EmptyConversations .headsContainer {
    margin-left: auto;
    margin-right: auto;
    width: 225px;
    padding: 25px; }
    .EmptyConversations .headsContainer:after {
      content: "";
      display: table;
      clear: both; }
    .EmptyConversations .headsContainer .ConversationHead {
      float: left;
      margin-right: 24px; }
      .EmptyConversations .headsContainer .ConversationHead:last-child {
        margin-right: 0; }

.CloseupRichPinContent .richPinSourceLink {
  color: #333;
  font-weight: normal; }
.CloseupRichPinContent .richPinNameLink {
  color: #333; }

.AddAPlace {
  background: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 61px;
  z-index: 50; }
  .AddAPlace .selectedPlace {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 7px;
    padding-top: 14px; }
  .AddAPlace .selected {
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 3px #cb2027;
    box-shadow: 0 0 0 3px #cb2027; }
    .AddAPlace .selected .pinWrapper:before {
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      background: rgba(255, 255, 255, 0.2);
      content: ' ';
      position: absolute;
      z-index: 10; }
    .AddAPlace .selected .hoverSelectedStateIconWrapper {
      background: rgba(189, 8, 28, 0.95);
      border-radius: 5px;
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
      height: 60px;
      left: 77px;
      margin-left: -30px;
      margin-top: -30px;
      position: absolute;
      text-align: center;
      top: 77px;
      visibility: visible;
      width: 60px;
      z-index: 20; }
      .AddAPlace .selected .hoverSelectedStateIconWrapper .icon {
        width: 26px;
        height: 26px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -365px -347px no-repeat;
        display: block;
        margin: 17px auto; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .AddAPlace .selected .hoverSelectedStateIconWrapper .icon {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -348px -339px;
            background-size: 415px 409px; } }
  .AddAPlace .placeName {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font-size: 16px;
    float: left;
    margin: 0 14px 2px;
    max-width: 332px;
    text-shadow: 0 1px 1px #fff; }
  .AddAPlace .wrongPlace {
    float: right;
    margin-right: 14px;
    position: relative;
    top: -3px; }
  .AddAPlace .street, .AddAPlace .categoryCity {
    clear: both;
    color: #9a9a9a;
    font-size: 13px;
    margin: 0 14px 2px;
    text-shadow: 0 1px 1px #fff; }
  .AddAPlace .bottomContentContainer {
    background: #f3f3f3;
    border-top: 1px solid #d4d4d4;
    bottom: 0;
    left: 0;
    margin-top: 11px;
    padding-top: 14px;
    position: absolute;
    width: 360px; }
  .AddAPlace .required {
    color: #bd081c;
    display: none;
    font-size: 13px;
    font-weight: normal;
    margin-top: 3px; }
    .AddAPlace .required.visible {
      display: block; }
  .AddAPlace .descriptionLabel.error {
    color: #bd081c; }
  .AddAPlace .descriptionContainer {
    float: left;
    padding-left: 23px;
    padding-right: 14px; }
  .AddAPlace .buttons {
    overflow: hidden;
    border-top: 1px solid #d5d5d5;
    clear: both;
    float: none !important;
    margin-top: 14px;
    padding: 14px 0; }
  .AddAPlace .cancel, .AddAPlace .repinSmall {
    float: right; }
  .AddAPlace .repinSmall {
    margin-left: 10px;
    margin-right: 14px; }
  .AddAPlace .labelWrapper {
    float: left;
    margin-left: 14px;
    width: 144px; }
    .AddAPlace .labelWrapper label {
      color: #444;
      font-size: 13px; }
  .AddAPlace .cancelButton {
    padding-bottom: 7px;
    padding-top: 8px; }
  .AddAPlace .bottomForm {
    overflow: hidden; }
  .AddAPlace .description {
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 13px;
    height: 52px;
    padding: 8px;
    resize: none;
    width: 300px; }
    .AddAPlace .description.hasError {
      background: #e4abad;
      border-color: #bd081c; }
  .AddAPlace .descriptionReminderGridWrapper {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    background: #fff;
    bottom: 161px;
    top: 88px;
    left: 0;
    right: 0;
    position: absolute; }
    .AddAPlace .descriptionReminderGridWrapper::-webkit-scrollbar {
      height: auto;
      width: 11px;
      -webkit-appearance: none; }
    .AddAPlace .descriptionReminderGridWrapper::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.5);
      border: 2px solid #fff;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
    .AddAPlace .descriptionReminderGridWrapper .Grid {
      left: 0;
      position: absolute;
      right: -15px; }
  .AddAPlace .GridItems.fixedHeightLayout {
    margin-left: 8px; }
    .AddAPlace .GridItems.fixedHeightLayout.hasScroll {
      margin-left: 0; }
    .AddAPlace .GridItems.fixedHeightLayout > .item {
      overflow: hidden;
      background: #eee;
      border-radius: 6px;
      -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset;
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset;
      height: 152px;
      width: 152px; }

.AddPinToMap {
  background: #f2f2f2;
  height: 100vh;
  width: 360px; }
  .AddPinToMap .header {
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    padding: 14px; }
    .AddPinToMap .header h2 {
      color: #bd081c;
      float: left;
      font-size: 17px;
      margin-top: 6px; }
    .AddPinToMap .header .closeButton {
      float: right; }
  .AddPinToMap .loading .field {
    background-position: 305px 10px !important;
    width: 100%; }
  .AddPinToMap .uploaderProgress {
    display: none; }
  .AddPinToMap .uploadPinForMap {
    background-color: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f0f0f0));
    background: -webkit-linear-gradient(#f3f3f3, #f0f0f0);
    background: linear-gradient(#f3f3f3, #f0f0f0);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    height: 150px;
    padding: 0;
    position: relative;
    width: 150px; }
    .AddPinToMap .uploadPinForMap.hasUploadedImage {
      background: transparent; }
      .AddPinToMap .uploadPinForMap.hasUploadedImage .btn {
        display: none; }
        .AddPinToMap .uploadPinForMap.hasUploadedImage .btn:hover {
          display: block; }
      .AddPinToMap .uploadPinForMap.hasUploadedImage:after {
        display: none; }
    .AddPinToMap .uploadPinForMap .uploadedImage:hover ~ .btn {
      display: block; }
    .AddPinToMap .uploadPinForMap:after {
      width: 71px;
      height: 53px;
      background: url('/webapp/style/app/common/images/add_pin_to_map_no_image-1x.5efb5162.png') 0px 0px no-repeat;
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
      content: '';
      height: 53px;
      left: 41px;
      position: absolute;
      top: 36px;
      width: 71px;
      z-index: 5; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .AddPinToMap .uploadPinForMap:after {
          background-image: url('/webapp/style/app/common/images/add_pin_to_map_no_image-2x.dea04f36.png');
          background-position: 0px 0px;
          background-size: 71px 53px; } }
    .AddPinToMap .uploadPinForMap .btn {
      top: 107px;
      margin: 0 auto;
      padding: 8px;
      width: 90%; }
  .AddPinToMap .pinSquareImageWrapper {
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    display: table;
    padding: 14px;
    width: 332px; }
    .AddPinToMap .pinSquareImageWrapper .pinSquareImage {
      border-radius: 6px;
      display: table-cell;
      float: left;
      height: 45px;
      margin-right: 7px;
      max-width: none;
      width: 45px; }
    .AddPinToMap .pinSquareImageWrapper .description {
      display: table-cell;
      font-size: 13px;
      margin: 0;
      vertical-align: middle;
      width: 100%; }
  .AddPinToMap .placeImage {
    border-radius: 3px;
    float: left;
    height: 30px;
    margin-right: 7px;
    width: 30px; }
  .AddPinToMap .header, .AddPinToMap .typeaheadWrapper {
    background: #fff; }
    .AddPinToMap .header .foursquareAttributionSpacer, .AddPinToMap .typeaheadWrapper .foursquareAttributionSpacer {
      background: #f2f2f2;
      border-bottom-right-radius: 6px;
      border-top: 1px solid #d4d4d4;
      bottom: 0;
      height: 34px;
      position: fixed;
      width: 100%;
      z-index: 50; }
  .AddPinToMap .PlaceSelector {
    border-bottom: 1px solid #e0e0e0;
    padding: 14px; }
    .AddPinToMap .PlaceSelector .field {
      background: #faf9f7;
      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);
      color: #999;
      font-size: 15px;
      padding: 5px 30px;
      width: 100%; }
      .AddPinToMap .PlaceSelector .field:focus {
        border-color: #aaa;
        outline: none; }
  .AddPinToMap.isEmpty .emptyState {
    display: block; }
  .AddPinToMap.isEmpty .noResultState {
    display: none; }
  .AddPinToMap .noResultState {
    display: none; }
  .AddPinToMap.hasNoResults .emptyState {
    display: none; }
  .AddPinToMap.hasNoResults .noResultState {
    display: block; }
  .AddPinToMap .exampleQuery {
    color: #555;
    cursor: pointer;
    font-style: normal;
    font-weight: bold; }
    .AddPinToMap .exampleQuery:hover {
      color: #919191; }
  .AddPinToMap .noResultState {
    margin-top: 80px;
    text-align: center; }
    .AddPinToMap .noResultState .noResults {
      color: #333;
      font-size: 14px;
      font-weight: 600;
      margin-left: auto;
      margin-right: auto;
      max-width: 300px; }
  .AddPinToMap .noResultHelperText {
    color: #999;
    font-size: 13px;
    line-height: 18px;
    margin-left: auto;
    margin-right: auto;
    width: 300px; }
  .AddPinToMap .break {
    background: #d4d4d4;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 129px; }
    .AddPinToMap .break.topBreak {
      margin-bottom: 20px; }
    .AddPinToMap .break.bottomBreak {
      margin-top: 20px; }
  .AddPinToMap .emptyState {
    display: none;
    text-align: center; }
    .AddPinToMap .emptyState .compassIcon {
      width: 60px;
      height: 80px;
      background: url('/webapp/style/app/common/images/compass-1x.62e983ef.png') 0px 0px no-repeat;
      margin: 80px auto 35px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .AddPinToMap .emptyState .compassIcon {
          background-image: url('/webapp/style/app/common/images/compass-2x.d0d44fb7.png');
          background-position: 0px 0px;
          background-size: 60px 80px; } }
    .AddPinToMap .emptyState .searchTipsHeader {
      font-size: 15px;
      margin-bottom: 26px; }
    .AddPinToMap .emptyState .searchTipsContainer {
      color: #919191;
      font-size: 13px;
      margin: 0 auto;
      max-width: 240px; }
      .AddPinToMap .emptyState .searchTipsContainer p {
        margin-top: 0;
        margin-bottom: 14px; }
        .AddPinToMap .emptyState .searchTipsContainer p:last-child {
          margin-bottom: 0; }
  .AddPinToMap .poweredByFoursquare {
    bottom: 10px;
    left: 14px;
    position: absolute;
    z-index: 51; }
  .AddPinToMap .poweredByFoursquareLink {
    color: rgba(0, 0, 0, 0.33);
    font-size: 12px;
    font-weight: normal; }
  .AddPinToMap.hasGeoFeatures .Typeahead.addPlaceToPinForm {
    top: 76px; }
  .AddPinToMap.hasGeoFeatures .PlaceSelector {
    padding-bottom: 0; }
  .AddPinToMap .Typeahead.addPlaceToPinForm {
    -webkit-transform: translateZ(0);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: -14px;
    top: 52px;
    -webkit-transition: top 0.22s ease-in-out;
    transition: top 0.22s ease-in-out;
    width: 360px; }

.GeoFeatureList .dropdownTarget {
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  padding: 4px 7px 0;
  position: relative;
  top: -2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.GeoFeatureList .flagIcon {
  float: left;
  margin-right: 7px;
  margin-top: -4px; }
.GeoFeatureList .featureName {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #000;
  font-weight: bold;
  margin: 0;
  max-width: 200px; }
.GeoFeatureList .dropdownIcon {
  width: 4px;
  height: 6px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -461px -339px no-repeat;
  position: absolute;
  right: 7px;
  top: 9px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .GeoFeatureList .dropdownIcon {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -410px -17px;
      background-size: 415px 409px; } }
.GeoFeatureList .label {
  float: left;
  margin: 4px 5px 0 0; }

.Map .mapbox, .Map .mapboxCloseup {
  background-image: url('/webapp/style/app/common/images/x_map_grid_bg.53887af8.png'); }
.Map .map-info-container {
  display: none; }
.Map .attribution {
  -webkit-transition-property: left, opacity;
  transition-property: left, opacity;
  -webkit-transition-duration: 0.25s, 0.3s;
  transition-duration: 0.25s, 0.3s;
  -webkit-transform: translateZ(0);
  bottom: 0;
  color: #666;
  font-size: 13pt;
  left: 531px;
  opacity: 1;
  padding: 0 5px 8px;
  position: fixed;
  z-index: 1; }
  .Map .attribution.fade {
    opacity: 0; }
.Map .leaflet-popup-tip-container {
  visibility: hidden; }
.Map .mapbox-control-info {
  display: none !important; }
.Map .attribution a {
  color: #666;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px; }
.Map .attribution em {
  width: 12px;
  height: 12px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -367px no-repeat;
  display: inline-block; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Map .attribution em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -401px -292px;
      background-size: 415px 409px; } }
.Map.inCloseup {
  border-top: 1px solid #e5e5e5;
  height: auto !important;
  position: relative !important;
  width: 100%; }
  .Map.inCloseup .leaflet-bottom {
    z-index: 1; }
  .Map.inCloseup .mapboxCloseup {
    height: 132px;
    position: relative; }
  .Map.inCloseup .leaflet-marker-icon {
    background: none; }
  .Map.inCloseup .leaflet-control-layers {
    top: 0; }
  .Map.inCloseup .attribution {
    bottom: -5px;
    left: 2px;
    position: absolute; }
.Map .markerCluster, .Map .leaflet-marker-icon {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -webkit-transition-duration: 0.4s, 0.3s;
  transition-duration: 0.4s, 0.3s; }
  .Map .markerCluster.fadeOut, .Map .leaflet-marker-icon.fadeOut {
    opacity: 0.2 !important; }
  .Map .markerCluster.notActionable, .Map .leaflet-marker-icon.notActionable {
    pointer-events: none; }
.Map .markerCluster {
  width: 52px;
  height: 70px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -253px -92px no-repeat;
  position: relative; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Map .markerCluster {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -252px -91px;
      background-size: 415px 409px; } }
  .Map .markerCluster.highlightedMarkerIcon, .Map .markerCluster:hover {
    width: 52px;
    height: 70px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -179px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Map .markerCluster.highlightedMarkerIcon, .Map .markerCluster:hover {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: 0px -177px;
        background-size: 415px 409px; } }
  .Map .markerCluster .imageContainerClustered {
    overflow: hidden;
    border-radius: 25px;
    height: 32px;
    left: 10px;
    overflow: hidden;
    position: relative;
    top: 15px;
    width: 32px; }
    .Map .markerCluster .imageContainerClustered img {
      height: 32px;
      width: 32px; }
  .Map .markerCluster .clusterChildCount {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #aa262a;
    border-radius: 50%;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    height: 19px;
    line-height: 20px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: 8px;
    width: 19px; }
.Map .addToMapToast {
  background: #fff;
  border-radius: 6px;
  padding: 10px; }
  .Map .addToMapToast .imageWrapper {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 8px; }
    .Map .addToMapToast .imageWrapper: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: 38px;
      left: 0;
      position: absolute;
      top: 0;
      width: 38px; }
    .Map .addToMapToast .imageWrapper img {
      border-radius: 3px;
      height: 38px;
      width: 38px; }
.Map .popupContentWrapper {
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
  display: block;
  padding: 10px 0; }
  .Map .popupContentWrapper p, .Map .popupContentWrapper .placeName, .Map .popupContentWrapper .heading {
    margin: 0; }
  .Map .popupContentWrapper .placeName {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    padding: 0 10px 10px; }
  .Map .popupContentWrapper .heading {
    margin-top: 10px;
    padding: 0 10px; }
  .Map .popupContentWrapper p {
    color: #999;
    line-height: 16px;
    padding: 0 10px; }
.Map .sourceLinkWrapper {
  border-top: 1px solid #ebebeb;
  margin-top: 10px;
  padding: 10px 10px 0; }
.Map .placeName + .sourceLinkWrapper {
  border-top: none;
  margin-top: -10px; }
.Map .sourceLink {
  display: block;
  text-align: center; }
.Map .popupProviderWrapper {
  overflow: hidden;
  clear: both;
  margin-bottom: 7px;
  padding-left: 10px; }
  .Map .popupProviderWrapper .popupProvider {
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 11px;
    margin: 0;
    padding-left: 0; }
.Map .popupProviderImage {
  border-radius: 2px;
  float: left;
  margin-right: 7px;
  width: 13px; }
.Map .leaflet-popup-content {
  margin: 0;
  width: 236px; }
.Map .leaflet-popup-content-wrapper {
  background: transparent;
  padding-top: 0; }
.Map .leaflet-control-layers {
  position: relative;
  top: 43px; }
.Map .fadeOutUp {
  -webkit-animation: fadeOutUp 0.3s;
  animation: fadeOutUp 0.3s; }
.Map .leaflet-popup-content {
  margin: 0; }
.Map .toastPlaceName {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #333;
  font-weight: bold;
  max-width: 157px; }
.Map .leaflet-popup-close-button {
  top: 15px !important; }
.Map .toastAddedToMap {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9a9a9a;
  font-weight: 500;
  margin: 0; }
.Map .leaflet-div-icon {
  background: transparent;
  border: none; }
.Map .topZIndex {
  z-index: 999999999 !important; }
.Map .markerIcon.pin {
  width: 52px;
  height: 65px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -144px -179px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Map .markerIcon.pin {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -195px -177px;
      background-size: 415px 409px; } }
  .Map .markerIcon.pin:hover, .Map .markerIcon.pin.highlightedMarkerIcon {
    width: 52px;
    height: 65px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -198px -179px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Map .markerIcon.pin:hover, .Map .markerIcon.pin.highlightedMarkerIcon {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -142px -177px;
        background-size: 415px 409px; } }
.Map .markerIcon .imageContainer {
  overflow: hidden;
  border-radius: 50%;
  height: 32px;
  left: 10px;
  position: relative;
  top: 10px;
  width: 32px; }
  .Map .markerIcon .imageContainer img {
    height: 32px;
    min-width: 32px; }
.Map .markerIcon.placeholder {
  width: 9px;
  height: 9px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -252px -235px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Map .markerIcon.placeholder {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -367px -241px;
      background-size: 415px 409px; } }
  .Map .markerIcon.placeholder.highlightedMarkerIcon:after {
    width: 52px;
    height: 65px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -198px -179px no-repeat;
    content: ' ';
    left: -22px;
    position: absolute;
    top: -59px;
    z-index: 1; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Map .markerIcon.placeholder.highlightedMarkerIcon:after {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -142px -177px;
        background-size: 415px 409px; } }
  .Map .markerIcon.placeholder .markerShadow {
    display: none; }
.Map .leaflet-control-layers {
  padding: 10px; }
.Map .leaflet-control-layers-toggle {
  width: 26px;
  height: 26px;
  background: url('/webapp/style/app/common/images/layers-1x.5b2ef6e3.png') 0px 0px no-repeat; }
.Map .popupImageWrapper {
  text-align: center; }
.Map .popupName {
  color: #333;
  clear: both;
  font-weight: bold;
  margin: 0;
  text-shadow: 0 1px 1px #fff; }
.Map .popupProvider {
  float: left; }

.PlaceBoardHeader.placeBoardV1Header {
  background-color: #fff;
  border-radius: 6px;
  padding-top: 32px;
  padding-bottom: 95px; }
  .PlaceBoardHeader.placeBoardV1Header .boardName {
    font-size: 27px;
    margin: 0 20px 7px;
    padding-top: 0; }
  .PlaceBoardHeader.placeBoardV1Header .description {
    font-size: 13px;
    margin: 0 auto;
    max-width: 354px; }
  .PlaceBoardHeader.placeBoardV1Header.bulkEditMode {
    padding-bottom: 121px;
    -webkit-transition: padding-bottom 0.3s ease-out;
    transition: padding-bottom 0.3s ease-out; }
.PlaceBoardHeader.placeBoardV2Header {
  border-radius: 6px; }
  .PlaceBoardHeader.placeBoardV2Header .divider {
    padding-left: 14px;
    padding-right: 14px; }
  .PlaceBoardHeader.placeBoardV2Header.collapsed {
    border-radius: 0;
    margin-left: 0; }
  .PlaceBoardHeader.placeBoardV2Header.bulkEditMode {
    padding-bottom: 90px;
    -webkit-transition: padding-bottom 0.3s ease-out;
    transition: padding-bottom 0.3s ease-out; }

.PlaceBoardInfoBar.placeBoardV1InfoBar {
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #e8e8e8;
  height: 64px;
  position: absolute;
  bottom: 0; }
  .PlaceBoardInfoBar.placeBoardV1InfoBar .BoardCollaborators {
    float: left; }
  .PlaceBoardInfoBar.placeBoardV1InfoBar .boardAddCollaboratorsButton {
    margin-left: 2px;
    margin-right: 7px; }
  .PlaceBoardInfoBar.placeBoardV1InfoBar .boardButtons {
    margin-top: 16px;
    margin-right: 16px; }
  .PlaceBoardInfoBar.placeBoardV1InfoBar.boardHeaderBackground {
    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; }
  .PlaceBoardInfoBar.placeBoardV1InfoBar .collaborators {
    float: left;
    margin-left: 14px;
    margin-top: 16px; }
  .PlaceBoardInfoBar.placeBoardV1InfoBar .smallBoardName, .PlaceBoardInfoBar.placeBoardV1InfoBar .pinsAndFollowerCount {
    display: none; }
  .PlaceBoardInfoBar.placeBoardV1InfoBar.fixedHeader {
    -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);
    width: 487px; }
.PlaceBoardInfoBar.placeBoardV2InfoBar {
  border-radius: 0 0 6px 6px; }
  .PlaceBoardInfoBar.placeBoardV2InfoBar .boardButtons {
    margin-right: 14px; }
  .PlaceBoardInfoBar.placeBoardV2InfoBar .collaborators {
    margin-left: 14px; }
  .PlaceBoardInfoBar.placeBoardV2InfoBar.collapsed {
    border-radius: 0;
    visibility: visible; }
    .PlaceBoardInfoBar.placeBoardV2InfoBar.collapsed .boardButtons {
      margin-right: 0; }
    .PlaceBoardInfoBar.placeBoardV2InfoBar.collapsed .collaborators {
      margin-left: 0; }

.PlaceSelector .addPlaceToPinForm {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative; }
  .PlaceSelector .addPlaceToPinForm.loading {
    min-height: 0; }
  .PlaceSelector .addPlaceToPinForm.Typeahead {
    border-radius: 3px; }
  .PlaceSelector .addPlaceToPinForm.hidden {
    display: none; }
  .PlaceSelector .addPlaceToPinForm.loading .field {
    display: inline-block;
    opacity: 0.5;
    width: 16px;
    height: 16px;
    background: url('/webapp/style/app/common/images/spinner-small-1x.a3a89185.gif') 0px 0px no-repeat;
    background-position: 300px 8px !important;
    height: 100%;
    opacity: 1;
    width: 100%; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PlaceSelector .addPlaceToPinForm.loading .field {
        background-image: url('/webapp/style/app/common/images/spinner-small-2x.654fb1fe.gif');
        background-position: 0px 0px;
        background-size: 16px 16px; } }
  .PlaceSelector .addPlaceToPinForm .removePlace {
    display: none; }
  .PlaceSelector .addPlaceToPinForm.hasPlaceTags .removePlace {
    display: inline-block; }
.PlaceSelector .placeFieldWrapper {
  position: relative; }
.PlaceSelector .searchIcon {
  display: inline-block;
  left: 10px;
  position: absolute;
  top: 10px;
  z-index: 49;
  vertical-align: middle; }
.PlaceSelector .searchIcon {
  width: 16px;
  height: 17px;
  background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -71px -237px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .PlaceSelector .searchIcon {
      background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
      background-position: -32px -194px;
      background-size: 229px 211px; } }
.PlaceSelector .GeoFeatureList {
  margin-left: -14px;
  margin-right: -14px;
  margin-top: 8px;
  padding-bottom: 4px; }
  .PlaceSelector .GeoFeatureList .labelWrapper {
    margin-left: 14px;
    margin-right: 14px; }
.PlaceSelector .typeaheadCaret {
  left: 23px;
  bottom: -7.5px;
  z-index: 51; }
.PlaceSelector .Typeahead {
  background: #fff;
  position: absolute;
  top: 43px;
  z-index: 50; }
  .PlaceSelector .Typeahead.placeField {
    border-radius: 3px; }
  .PlaceSelector .Typeahead img {
    border-radius: 3px;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px; }
  .PlaceSelector .Typeahead .content h4, .PlaceSelector .Typeahead .content p {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%; }
  .PlaceSelector .Typeahead .content.hasImage h4, .PlaceSelector .Typeahead .content.hasImage p {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 230px; }
  .PlaceSelector .Typeahead .bullet {
    font-size: 10px; }
  .PlaceSelector .Typeahead.addPlaceToPinFormField li:first-child a:hover {
    border-radius: 3px 3px 0 0; }
  .PlaceSelector .Typeahead.addPlaceToPinFormField li:last-child a:hover {
    border-radius: 0 0 3px 3px; }
  .PlaceSelector .Typeahead.addPlaceToPinFormField li a {
    padding: 12px; }
  .PlaceSelector .Typeahead.addPlaceToPinFormField li .typeaheadResultEmphasized {
    color: #333; }
  .PlaceSelector .Typeahead.addPlaceToPinFormField li .typeaheadResultMetaData {
    color: #a5a5a5;
    font-size: 13px;
    font-weight: normal;
    margin-top: 1px; }
  .PlaceSelector .Typeahead.addPlaceToPinFormField li .searchInSpecificCity .typeaheadResultEmphasized {
    color: #333;
    font-weight: normal;
    font-size: 15px; }
  .PlaceSelector .Typeahead.addPlaceToPinFormField li .searchInSpecificCity .category {
    color: #999;
    font-size: 15px;
    font-weight: normal; }
.PlaceSelector .searchAroundWorld {
  background: #f0f0f0;
  border-top: 1px solid #ccc;
  padding-bottom: 7px;
  padding-top: 7px; }
  .PlaceSelector .searchAroundWorld:hover {
    background: #fafafa; }
.PlaceSelector .addPlaceToPinForm {
  margin-left: 0; }
  .PlaceSelector .addPlaceToPinForm .field {
    padding: 9px 30px 9px 30px; }

.RecipeFeedPage .ingredientName {
  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;
  font-size: 40px;
  margin-bottom: 10px;
  margin-top: 20px; }

.RelatedRecipe .relatedRecipeWrapper {
  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;
  cursor: pointer;
  padding: 10px;
  width: 216px; }
.RelatedRecipe .relatedRecipeLinkWrapper {
  display: block; }
.RelatedRecipe .relatedRecipeName {
  color: #555;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 8px 0 1px;
  padding: 2px 0;
  position: relative; }
.RelatedRecipe .relatedRecipeSubtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8e8e8e;
  font-size: 12px;
  margin-left: 3px; }
.RelatedRecipe .relatedRecipeRow:after {
  content: "";
  display: table;
  clear: both; }

.RichPinDebugger 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; }
.RichPinDebugger .standardForm {
  margin-bottom: 15px;
  width: 900px; }
  .RichPinDebugger .standardForm input {
    width: 800px; }
.RichPinDebugger .content {
  margin: 0 auto;
  width: 900px; }
  .RichPinDebugger .content .menu {
    margin-bottom: 16px;
    overflow: hidden;
    width: 100%; }
    .RichPinDebugger .content .menu li {
      font-size: 16px;
      width: auto; }
  .RichPinDebugger .content li {
    float: left;
    font-weight: normal;
    margin-bottom: 3px;
    margin-right: 20px;
    width: 100%; }
    .RichPinDebugger .content li .selected {
      font-weight: bold;
      text-decoration: underline; }
  .RichPinDebugger .content h3 {
    display: inline;
    font-size: 14px; }
  .RichPinDebugger .content .level0 h3 {
    font-size: 16px;
    margin-right: 6px; }
  .RichPinDebugger .content .level2 {
    font-size: 13px; }
  .RichPinDebugger .content .section li.level0 {
    margin-bottom: 8px; }
  .RichPinDebugger .content .subsection .RichPinDebuggerItem {
    border-top: 1px solid #d6d3ce; }
  .RichPinDebugger .content .value {
    font-size: 13px; }

.RichPinDebuggerItem {
  float: left;
  padding: 10px;
  width: 100%; }

.SendInvitationEmail .sendInvitationEmail {
  cursor: pointer; }
  .SendInvitationEmail .sendInvitationEmail a {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #ccc; }
  .SendInvitationEmail .sendInvitationEmail a.unclickable {
    cursor: default; }
  .SendInvitationEmail .sendInvitationEmail a:hover {
    background-color: #eeeeee; }
  .SendInvitationEmail .sendInvitationEmail p {
    margin: 0; }
  .SendInvitationEmail .sendInvitationEmail .leftBlock {
    float: left;
    margin-right: 10px; }
    .SendInvitationEmail .sendInvitationEmail .leftBlock .icon {
      font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
      background-color: #999;
      border-radius: 50%;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      height: 33px;
      line-height: 33px;
      margin-top: 1px;
      text-align: center;
      width: 33px; }
      .SendInvitationEmail .sendInvitationEmail .leftBlock .icon.typingEmail em {
        width: 33px;
        height: 33px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -307px -129px no-repeat;
        display: block; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SendInvitationEmail .sendInvitationEmail .leftBlock .icon.typingEmail em {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -343px 0px;
            background-size: 415px 409px; } }
  .SendInvitationEmail .sendInvitationEmail .title {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font-weight: bold;
    margin: 1px 0; }
  .SendInvitationEmail .sendInvitationEmail .subtitle {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #b7b7b7;
    font-weight: normal;
    margin: 2px 0 0; }

.SendObjectBase {
  overflow-y: hidden;
  width: 320px; }
  .isEmpty .SendObjectBase .ConversationsList {
    overflow: visible; }
  .SendObjectBase li:first-child {
    padding-top: 0; }
  .SendObjectBase li:last-child {
    padding-bottom: 0; }
  .SendObjectBase .convosTitle {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    height: 1em;
    margin-top: -0.5em;
    padding-left: 4px;
    position: absolute;
    top: 50%;
    max-width: 285px; }
  .SendObjectBase textarea, .SendObjectBase input {
    background: #f8f8f8;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    font-size: 13px;
    margin-top: 0;
    padding: 10px;
    width: 100%; }
    .SendObjectBase textarea:focus, .SendObjectBase input:focus {
      background: #fff;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .SendObjectBase .message {
    height: 32px;
    resize: none;
    width: 300px; }
  .SendObjectBase .searchBox {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow-y: auto;
    width: 100%; }
    .SendObjectBase .searchBox input {
      border-bottom: 1px solid #ddd; }
  .SendObjectBase .sendObjectFilter {
    border-radius: 3px;
    overflow: hidden;
    position: relative; }
    .SendObjectBase .sendObjectFilter li:first-child {
      padding-top: 0; }
    .SendObjectBase .sendObjectFilter li:last-child {
      padding-bottom: 0; }
  .SendObjectBase .spinner {
    display: inline-block;
    opacity: 0.5;
    width: 16px;
    height: 16px;
    background: url('/webapp/style/app/common/images/spinner-small-1x.a3a89185.gif') 0px 0px no-repeat;
    display: none;
    right: 10px;
    top: 64px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .SendObjectBase .spinner {
        background-image: url('/webapp/style/app/common/images/spinner-small-2x.654fb1fe.gif');
        background-position: 0px 0px;
        background-size: 16px 16px; } }
    .SendObjectBase .spinner.visible {
      display: block;
      position: absolute; }
  .SendObjectBase .Typeahead {
    -webkit-animation: none;
    animation: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 288px; }
  .SendObjectBase .ConversationsList {
    background-color: #fff;
    height: 288px;
    overflow-y: auto; }
  .SendObjectBase .title {
    font-size: 13px;
    font-weight: 700; }

.Consumer .editConsumerButton {
  color: #aaa; }
.Consumer .consumerSecretText {
  cursor: pointer; }

.ConsumerManagePage {
  background: #fff;
  font-size: 14px;
  min-height: 500px; }
  .ConsumerManagePage .consumerContainer {
    width: 600px; }
    .ConsumerManagePage .consumerContainer .consumerList {
      margin-top: 30px;
      width: 500px; }
      .ConsumerManagePage .consumerContainer .consumerList tr {
        height: 50px; }
        .ConsumerManagePage .consumerContainer .consumerList tr .consumerEdit {
          text-align: right;
          padding-right: 15px; }
        .ConsumerManagePage .consumerContainer .consumerList tr .consumerName {
          width: 250px; }
        .ConsumerManagePage .consumerContainer .consumerList tr td {
          border-bottom: 1px solid #e3e3e3; }
        .ConsumerManagePage .consumerContainer .consumerList tr th {
          border-bottom: 2px solid #e3e3e3;
          font-family: sans-serif;
          font-size: 20px;
          font-weight: normal;
          text-align: left; }
    .ConsumerManagePage .consumerContainer .newConsumerButton {
      color: #079ddb;
      font-weight: bold;
      margin-top: 30px; }
  .ConsumerManagePage .note {
    color: #666;
    font-size: 20px;
    margin-top: 15px; }

.ConsumerNewDialog {
  width: 580px; }

.OAuthAuthorizationPage {
  margin: auto; }
  .OAuthAuthorizationPage .formHeader {
    padding: 15px;
    border-bottom: 1px solid #e7e7e7; }
  .OAuthAuthorizationPage .logo {
    width: 104px;
    height: 26px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -155px -388px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    display: block;
    margin: auto; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .OAuthAuthorizationPage .logo {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -243px -339px;
        background-size: 415px 409px; } }
  .OAuthAuthorizationPage .errorMessage {
    border: 1px solid #bd081c;
    background: #ffebe8;
    font-size: 16px;
    margin-top: 20px;
    padding-top: 0; }

.OAuthDialog {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  margin: 100px auto 0;
  position: relative;
  max-width: 640px;
  z-index: 682; }

.OAuthPageBase {
  color: #777;
  font-size: 13px; }
  .OAuthPageBase h1.authorizeHeading {
    color: #000;
    font-size: 24px;
    padding: 20px; }
  .OAuthPageBase h2.loginHeading {
    color: #000;
    font-size: 23px; }
  .OAuthPageBase .mainContent {
    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; }
    .OAuthPageBase .mainContent .standardForm {
      padding: 0; }
      .OAuthPageBase .mainContent .standardForm ul {
        padding: 0; }
        .OAuthPageBase .mainContent .standardForm ul li {
          padding: 5px 20px; }
        .OAuthPageBase .mainContent .standardForm ul input.hasError {
          background: transparent !important; }
        .OAuthPageBase .mainContent .standardForm ul .formErrorMessage {
          right: 34px;
          position: absolute;
          top: 16px; }
    .OAuthPageBase .mainContent .loginError {
      color: #bd081c;
      display: none;
      font-size: 12px; }
    .OAuthPageBase .mainContent .authorize {
      background-color: #f0f0f0; }
      .OAuthPageBase .mainContent .authorize a {
        font-weight: bold; }
    .OAuthPageBase .mainContent .consumerScopes img {
      margin-right: 5px; }
    .OAuthPageBase .mainContent .consumerScopes .scopeHeading, .OAuthPageBase .mainContent .consumerScopes strong {
      font-weight: bold; }
    .OAuthPageBase .mainContent .consumerScopes .moreInfo {
      margin-bottom: 10px; }
  .OAuthPageBase .finePrint {
    font-size: 12px;
    line-height: 1.5em;
    margin: 20px; }
    .OAuthPageBase .finePrint a {
      font-weight: bold; }
  .OAuthPageBase .loading {
    display: none; }
    .OAuthPageBase .loading .spinner {
      width: 48px;
      height: 48px;
      background: url('/webapp/style/app/common/images/spinning_pin-1x.0aa9b7f6.gif') 0px 0px no-repeat;
      display: block;
      margin: 40px auto 0;
      opacity: 0.1; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .OAuthPageBase .loading .spinner {
          background-image: url('/webapp/style/app/common/images/spinning_pin-2x.a74938c4.gif');
          background-position: 0px 0px;
          background-size: 48px 48px; } }
    .OAuthPageBase .loading h2 {
      text-align: center; }

.AppInstallModal {
  height: 420px;
  overflow: hidden;
  position: relative;
  width: 560px; }
  .AppInstallModal .appUpsell .instructions {
    background-image: url('/webapp/style/app/common/images/app_install_modal_bg.cf309d39.jpg');
    background-size: cover; }
  .AppInstallModal .phonePicker {
    display: none; }
  .AppInstallModal .leftArrowPadding {
    left: 5px; }
    .AppInstallModal .leftArrowPadding .leftArrow {
      width: 10px;
      height: 13px;
      background: url('/webapp/style/app/common/images/app_install_modal/arrow-left-1x.aa875169.png') 0px 0px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .AppInstallModal .leftArrowPadding .leftArrow {
          background-image: url('/webapp/style/app/common/images/app_install_modal/arrow-left-2x.cddc0ff4.png');
          background-position: 0px 0px;
          background-size: 10px 13px; } }
  .AppInstallModal .rightArrowPadding {
    right: 5px; }
    .AppInstallModal .rightArrowPadding .rightArrow {
      width: 10px;
      height: 13px;
      background: url('/webapp/style/app/common/images/app_install_modal/arrow-right-1x.5939a6e1.png') 0px 0px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .AppInstallModal .rightArrowPadding .rightArrow {
          background-image: url('/webapp/style/app/common/images/app_install_modal/arrow-right-2x.f120629a.png');
          background-position: 0px 0px;
          background-size: 10px 13px; } }
  .AppInstallModal .leftArrowPadding, .AppInstallModal .rightArrowPadding {
    cursor: pointer;
    padding: 20px;
    position: absolute;
    top: 43%;
    z-index: 1; }
  .AppInstallModal .container {
    height: 420px;
    width: 1680px; }
    .AppInstallModal .container .left {
      left: 0; }
      .AppInstallModal .container .left .playStoreScreenshot {
        width: 447px;
        height: 200px;
        background: url('/webapp/style/app/common/images/app_install_modal/googleplay-1x.95e11d19.png') 0px 0px no-repeat;
        margin: 0 auto; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .AppInstallModal .container .left .playStoreScreenshot {
            background-image: url('/webapp/style/app/common/images/app_install_modal/googleplay-2x.07b9ea5e.png');
            background-position: 0px 0px;
            background-size: 447px 200px; } }
    .AppInstallModal .container .right {
      right: 0; }
      .AppInstallModal .container .right .appStoreScreenshot {
        width: 446px;
        height: 200px;
        background: url('/webapp/style/app/common/images/app_install_modal/itunes-1x.a40536c6.png') 0px 0px no-repeat;
        margin: 0 auto; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .AppInstallModal .container .right .appStoreScreenshot {
            background-image: url('/webapp/style/app/common/images/app_install_modal/itunes-2x.cc0124ca.png');
            background-position: 0px 0px;
            background-size: 446px 200px; } }
    .AppInstallModal .container .middle {
      left: 560px; }
      .AppInstallModal .container .middle .leftHalf {
        float: left; }
        .AppInstallModal .container .middle .leftHalf .android {
          width: 132px;
          height: 260px;
          background: url('/webapp/style/app/common/images/app_install_modal/android-1x.950eb302.png') 0px 0px no-repeat; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .AppInstallModal .container .middle .leftHalf .android {
              background-image: url('/webapp/style/app/common/images/app_install_modal/android-2x.ca1ab4ae.png');
              background-position: 0px 0px;
              background-size: 132px 260px; } }
      .AppInstallModal .container .middle .rightHalf {
        display: inline-block; }
        .AppInstallModal .container .middle .rightHalf .iPhone {
          width: 130px;
          height: 260px;
          background: url('/webapp/style/app/common/images/app_install_modal/iphone-1x.ebd188cf.png') 0px 0px no-repeat; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .AppInstallModal .container .middle .rightHalf .iPhone {
              background-image: url('/webapp/style/app/common/images/app_install_modal/iphone-2x.36228763.png');
              background-position: 0px 0px;
              background-size: 130px 260px; } }
      .AppInstallModal .container .middle .leftHalf, .AppInstallModal .container .middle .rightHalf {
        cursor: pointer;
        height: 300px;
        position: relative;
        width: 50%; }
      .AppInstallModal .container .middle .footer {
        cursor: pointer; }
        .AppInstallModal .container .middle .footer .leftFooter {
          float: left; }
        .AppInstallModal .container .middle .footer .rightFooter {
          float: right; }
        .AppInstallModal .container .middle .footer .leftFooter, .AppInstallModal .container .middle .footer .rightFooter {
          height: 50px;
          position: relative;
          text-align: center;
          vertical-align: middle;
          width: 50%; }
    .AppInstallModal .container .left, .AppInstallModal .container .right, .AppInstallModal .container .middle {
      height: 420px;
      position: absolute;
      width: 560px; }
  .AppInstallModal .header {
    border-bottom: 1px solid #e0e0e0;
    height: 66px;
    text-align: center; }
    .AppInstallModal .header .title {
      font-size: 18px;
      font-weight: bold;
      padding-top: 22px; }
  .AppInstallModal .instructions {
    height: 302px; }
    .AppInstallModal .instructions .text {
      font-size: 18px;
      padding: 29px 0;
      text-align: center; }
  .AppInstallModal .footer {
    background-color: #f0f0f0;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e0e0e0;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    position: relative; }
  .AppInstallModal .completedPanel {
    background-color: #fff;
    border-radius: 6px;
    display: none;
    position: absolute;
    width: 560px;
    z-index: 2; }
    .AppInstallModal .completedPanel .bothDevices {
      width: 302px;
      height: 200px;
      background: url('/webapp/style/app/common/images/app_install_modal/iphone_android-1x.a6b4cf7a.png') 0px 0px no-repeat;
      margin: 0 auto; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .AppInstallModal .completedPanel .bothDevices {
          background-image: url('/webapp/style/app/common/images/app_install_modal/iphone_android-2x.8a79b391.png');
          background-position: 0px 0px;
          background-size: 302px 200px; } }
  .AppInstallModal .center, .AppInstallModal .GplusConnectButton {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.AppInterstitial {
  min-height: 300px;
  min-width: 300px;
  font-size: 12px;
  position: fixed; }
  @media screen and (orientation: portrait) and (min-height: 600px), screen and (orientation: landscape) and (min-width: 600px) {
    .AppInterstitial {
      font-size: 14px; } }
  .AppInterstitial .tall-img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    width: 100%; }
  .AppInterstitial .wide-img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    height: 100%; }
  .AppInterstitial .defaultBackground {
    background-image: url('/webapp/style/app/common/images/interstitial/default_background.1c62dede.jpg');
    background-size: cover;
    display: none;
    height: 150px;
    position: absolute;
    width: 100%;
    z-index: -2; }
  .AppInterstitial .background {
    -webkit-filter: blur(18px);
    filter: blur(18px);
    position: absolute;
    z-index: -2; }
  .AppInterstitial .backgroundOverlay {
    background-color: #fff;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    width: 100%;
    z-index: -1; }
  .AppInterstitial .pinImgContainer {
    display: none;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 140px; }
  .AppInterstitial .pinImg {
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    width: 140px; }
  .AppInterstitial .imgBottom {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    height: 150px; }
  .AppInterstitial .pinDescription {
    color: #333;
    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: 150px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 180px;
    position: absolute;
    vertical-align: middle; }
  .AppInterstitial .pinTitle {
    font-size: 1.1em;
    font-weight: bold; }
  .AppInterstitial .overlay {
    background-color: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.2);
    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;
    left: 0;
    padding-bottom: 50px;
    position: absolute;
    right: 0;
    top: 150px; }
  .AppInterstitial .overlayTop {
    background-color: #fff; }
  .AppInterstitial .overlayTop, .AppInterstitial .buttonContainer {
    padding: 20px; }
  .AppInterstitial .overlayTitle {
    font-size: 2.5em;
    font-weight: bold;
    padding-bottom: 15px; }
  .AppInterstitial .appInfoText {
    color: #999;
    display: inline-block;
    line-height: 17px;
    margin: 5px 5px;
    vertical-align: top; }
    .AppInterstitial .appInfoText .title {
      font-weight: bold; }
  .AppInterstitial .stars {
    width: 66px;
    height: 10px;
    background: url('/webapp/style/app/common/images/interstitial/stars-1x.0f480b2a.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .AppInterstitial .stars {
        background-image: url('/webapp/style/app/common/images/interstitial/stars-2x.75a36cdc.png');
        background-position: 0px 0px;
        background-size: 66px 10px; } }
  .AppInterstitial .icon {
    display: inline-block; }
    .AppInterstitial .icon.iOS {
      width: 55px;
      height: 55px;
      background: url('/webapp/style/app/common/images/interstitial/ios-icon-1x.ac60a564.jpg') 0px 0px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .AppInterstitial .icon.iOS {
          background-image: url('/webapp/style/app/common/images/interstitial/ios-icon-2x.fead5729.jpg');
          background-position: 0px 0px;
          background-size: 55px 55px; } }
    .AppInterstitial .icon.android {
      width: 55px;
      height: 55px;
      background: url('/webapp/style/app/common/images/interstitial/android-icon-1x.8bc7655a.jpg') 0px 0px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .AppInterstitial .icon.android {
          background-image: url('/webapp/style/app/common/images/interstitial/android-icon-2x.006f9309.jpg');
          background-position: 0px 0px;
          background-size: 55px 55px; } }
  .AppInterstitial .buttonInnerContainer {
    vertical-align: middle; }
  .AppInterstitial .Button {
    background: #bc232c;
    border-radius: 8px !important;
    border: none;
    color: #fff;
    height: 45px;
    margin: 0 auto;
    text-shadow: none;
    width: 100%; }
  .AppInterstitial .stayInBrowserLink {
    color: #999;
    margin-top: 20px;
    text-align: center; }
  @media screen and (orientation: portrait) {
    .AppInterstitial .overlayContainer {
      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; }
    .AppInterstitial .buttonContainer {
      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;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (orientation: landscape) {
    .AppInterstitial .pinDescription {
      height: 80px; }
    .AppInterstitial .overlay {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      top: 80px; }
    .AppInterstitial .overlayTop, .AppInterstitial .buttonContainer {
      width: 50%; }
    .AppInterstitial .overlayTitle {
      font-size: 1.8em; }
    .AppInterstitial .buttonContainer {
      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;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .AppInterstitial.iPad, .AppInterstitial.androidTablet {
    font-size: 14px; }
    .AppInterstitial.iPad img.background, .AppInterstitial.androidTablet img.background {
      max-width: none; }
    .AppInterstitial.iPad .defaultBackground, .AppInterstitial.androidTablet .defaultBackground {
      background-image: url('/webapp/style/app/common/images/interstitial/tablet_default_background.84491477.jpg');
      height: 100%; }
    .AppInterstitial.iPad .pinImgContainer, .AppInterstitial.androidTablet .pinImgContainer {
      height: 300px;
      left: 50px;
      overflow: hidden;
      padding: 2px;
      top: 50px;
      width: 225px; }
    .AppInterstitial.iPad .pinImg, .AppInterstitial.androidTablet .pinImg {
      width: 225px; }
    .AppInterstitial.iPad .pinTitle, .AppInterstitial.androidTablet .pinTitle {
      font-size: 1.2em; }
    .AppInterstitial.iPad .pinDescription, .AppInterstitial.androidTablet .pinDescription {
      height: 240px;
      left: 300px; }
    .AppInterstitial.iPad .overlayTop, .AppInterstitial.iPad .buttonContainer, .AppInterstitial.androidTablet .overlayTop, .AppInterstitial.androidTablet .buttonContainer {
      padding: 45px; }
    .AppInterstitial.iPad .overlayTitle, .AppInterstitial.androidTablet .overlayTitle {
      font-size: 4em; }
    .AppInterstitial.iPad .appInfoText, .AppInterstitial.androidTablet .appInfoText {
      line-height: 20px; }
      .AppInterstitial.iPad .appInfoText .title, .AppInterstitial.androidTablet .appInfoText .title {
        font-size: 1.3em; }
    .AppInterstitial.iPad .Button, .AppInterstitial.androidTablet .Button {
      display: block;
      font-size: 1.6em;
      height: 60px;
      margin: 0 auto;
      max-width: 500px; }
    .AppInterstitial.iPad .buttonContainer, .AppInterstitial.androidTablet .buttonContainer {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .AppInterstitial.iPad .stayInBrowserLink, .AppInterstitial.androidTablet .stayInBrowserLink {
      color: #333;
      font-size: 1.2em;
      font-weight: bold;
      margin-top: 30px; }
  .AppInterstitial.iPad .pinDescription {
    height: 240px; }
  .AppInterstitial.iPad .overlay {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 240px; }
  .AppInterstitial.iPad .overlayTop {
    -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2); }
  .AppInterstitial.iPad .overlayTop, .AppInterstitial.iPad .buttonContainer {
    width: auto; }
  @media screen and (orientation: portrait) {
    .AppInterstitial.iPad .overlayTop {
      padding: 100px 45px; } }
  .AppInterstitial.androidTablet .pinDescription {
    height: 190px; }
  .AppInterstitial.androidTablet .overlay {
    top: 190px;
    padding-bottom: 100px; }
  .AppInterstitial.androidTablet .overlayTitle {
    font-size: 3em; }
  @media screen and (orientation: portrait) and (max-device-height: 480px) {
    .AppInterstitial .appInfo {
      display: none; } }
  .AppInterstitial .appStoreScreenshotContainer {
    display: none; }
  @media screen and (orientation: portrait) and (min-device-height: 500px) {
    .AppInterstitial.appStoreTest .overlayTitle {
      display: none; }
    .AppInterstitial.appStoreTest .overlay {
      top: 0; }
    .AppInterstitial .appStoreScreenshots {
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 100%; }
      .AppInterstitial .appStoreScreenshots.default {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/default.381e7e63.png'); }
      .AppInterstitial .appStoreScreenshots.board_pin_food {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/board_pin_food.43213764.png'); }
      .AppInterstitial .appStoreScreenshots.board_pin_travel {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/board_pin_travel.910cf6ab.png'); }
      .AppInterstitial .appStoreScreenshots.boardsearch_board_food {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/boardsearch_board_food.1893d973.png'); }
      .AppInterstitial .appStoreScreenshots.boardsearch_board_travel {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/boardsearch_board_travel.90d31db9.png'); }
      .AppInterstitial .appStoreScreenshots.category_pin_food {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/category_pin_food.6d0fad13.png'); }
      .AppInterstitial .appStoreScreenshots.category_pin_travel {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/category_pin_travel.1ab58f69.png'); }
      .AppInterstitial .appStoreScreenshots.pinsearch_pin_food {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/pinsearch_pin_food.1930c372.png'); }
      .AppInterstitial .appStoreScreenshots.pinsearch_pin_travel {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/pinsearch_pin_travel.16cce027.png'); }
      .AppInterstitial .appStoreScreenshots.profile_boards {
        background-image: url('/webapp/style/app/common/images/interstitial/app_screenshots/profile_boards.b0214133.png'); }
    .AppInterstitial .appStoreScreenshotContainer {
      display: block;
      height: 80%;
      padding: 10px 20px; } }
  .AppInterstitial .countdownTimerWrapper {
    float: left;
    margin-top: -4px; }

.BlueAppBanner {
  background-color: #0084ff;
  height: 50px;
  position: relative;
  width: 100%;
  z-index: 500; }
  .BlueAppBanner .bannerText {
    color: #80c2ff;
    display: inline-block;
    font-size: 14px;
    padding-top: 8px;
    vertical-align: top; }
    .BlueAppBanner .bannerText .bannerTitle {
      font-weight: bold;
      color: #fff; }
  .BlueAppBanner .androidIcon {
    width: 41px;
    height: 41px;
    background: url('/webapp/style/app/common/images/mweb_banners/android-icon-1x.48907389.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BlueAppBanner .androidIcon {
        background-image: url('/webapp/style/app/common/images/mweb_banners/android-icon-2x.1d9850ef.png');
        background-position: 0px 0px;
        background-size: 41px 41px; } }
  .BlueAppBanner .iPhoneIcon {
    width: 42px;
    height: 42px;
    background: url('/webapp/style/app/common/images/mweb_banners/ios-icon-1x.52a92989.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BlueAppBanner .iPhoneIcon {
        background-image: url('/webapp/style/app/common/images/mweb_banners/ios-icon-2x.e4b42e36.png');
        background-position: 0px 0px;
        background-size: 42px 42px; } }
  .BlueAppBanner .androidIcon, .BlueAppBanner .iPhoneIcon {
    display: inline-block;
    margin: 5px; }
  .BlueAppBanner .androidGetButton {
    width: 107px;
    height: 30px;
    background: url('/webapp/style/app/common/images/mweb_banners/install-1x.c76c7674.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BlueAppBanner .androidGetButton {
        background-image: url('/webapp/style/app/common/images/mweb_banners/install-2x.2bd1dbed.png');
        background-position: 0px 0px;
        background-size: 107px 30px; } }
  .BlueAppBanner .iPhoneGetButton {
    width: 55px;
    height: 30px;
    background: url('/webapp/style/app/common/images/mweb_banners/get-1x.5104545f.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BlueAppBanner .iPhoneGetButton {
        background-image: url('/webapp/style/app/common/images/mweb_banners/get-2x.a9117bf5.png');
        background-position: 0px 0px;
        background-size: 55px 30px; } }
  .BlueAppBanner .androidGetButton, .BlueAppBanner .iPhoneGetButton {
    position: absolute;
    right: 10px;
    top: 10px; }
  .BlueAppBanner.bottom {
    bottom: 0;
    position: fixed; }

.LogoutAppUpsell .getPinterestVideo {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: #000;
  background-size: cover;
  background-image: url('/webapp/style/app/common/images/get_pinterest_mobile.c21e59cd.jpg');
  position: fixed;
  overflow: hidden; }
  .LogoutAppUpsell .getPinterestVideo video, .LogoutAppUpsell .getPinterestVideo img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    object-position: top 75%; }
  @media screen and (min-aspect-ratio: 16/9) {
    .LogoutAppUpsell .getPinterestVideo video, .LogoutAppUpsell .getPinterestVideo img {
      height: auto;
      width: 100% !important; } }
.LogoutAppUpsell .contents {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  margin: 100px auto 0;
  position: relative;
  max-width: 470px;
  z-index: 682;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  min-width: 650px;
  margin-top: 0;
  text-align: left;
  white-space: nowrap; }
  .LogoutAppUpsell .contents .logoContainer {
    width: 100%;
    text-align: center; }
  .LogoutAppUpsell .contents .logo {
    width: 251px;
    height: 85px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -92px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    margin-top: 50px;
    margin-bottom: 132px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .LogoutAppUpsell .contents .logo {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: 0px -91px;
        background-size: 415px 409px; } }
  .LogoutAppUpsell .contents .title {
    font-size: 52px;
    font-weight: bold;
    margin-bottom: 35px; }
  .LogoutAppUpsell .contents .subtitle, .LogoutAppUpsell .contents .dialogSuccess {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px; }
  .LogoutAppUpsell .contents .footer {
    margin-top: 20px;
    font-size: 14px; }
  .LogoutAppUpsell .contents .footerLink {
    text-decoration: underline;
    color: #fff; }
  .LogoutAppUpsell .contents .standardForm {
    margin: 0; }
  .LogoutAppUpsell .contents .getAppDialog {
    -webkit-transition: all 1s;
    transition: all 1s; }
    .LogoutAppUpsell .contents .getAppDialog .dialogSuccess {
      display: none; }
  .LogoutAppUpsell .contents .emailOrPhoneNumber {
    font-size: 21px;
    padding-left: 10px;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 360px; }
  .LogoutAppUpsell .contents .sendAppButton {
    margin-left: 15px;
    font-size: 21px;
    padding-top: 11px;
    padding-bottom: 11px;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .LogoutAppUpsell .contents .formErrorMessage {
    color: #ffdfdf; }
.LogoutAppUpsell .header {
  font-size: 15px;
  font-weight: bold; }
.LogoutAppUpsell .message {
  color: #555;
  line-height: 15px;
  margin-bottom: 20px;
  margin-top: 5px; }
.App.full .LogoutAppUpsell .contents {
  z-index: 1; }

.MobileLandingPage {
  background-color: #fff;
  font-family: sans-serif; }
  .MobileLandingPage .topBackground {
    background-image: url('/webapp/style/app/common/images/mobile_landing_page/background.89814e92.jpg');
    background-size: cover; }
    .MobileLandingPage .topBackground .topContainer {
      color: #fff; }
      .MobileLandingPage .topBackground .topContainer .logo {
        width: 99px;
        height: 26px;
        background: url('/webapp/style/app/common/images/mobile_landing_page/white-pinterest-logo-1x.e2bfeb78.png') 0px 0px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .MobileLandingPage .topBackground .topContainer .logo {
            background-image: url('/webapp/style/app/common/images/mobile_landing_page/white-pinterest-logo-2x.b3322f73.png');
            background-position: 0px 0px;
            background-size: 99px 26px; } }
  .MobileLandingPage .androidButton {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/EN-1x.6822e643.png') 0px 0px no-repeat;
    display: inline-block; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/EN-2x.b2a18712.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/EN-1x.9f8de2c0.png') 0px 0px no-repeat;
    display: inline-block; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/EN-2x.e9a47602.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.CS {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/CS-1x.b41bdc11.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.CS {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/CS-2x.13752dcd.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.CS {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/CS-1x.db6bb037.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.CS {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/CS-2x.fb2a99ca.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.DA {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/DA-1x.1f815fa1.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.DA {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/DA-2x.1decf425.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.DA {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/DA-1x.30ec53d6.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.DA {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/DA-2x.6cfbbab3.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.DE {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/DE-1x.0f5945a1.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.DE {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/DE-2x.75fd7745.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.DE {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/DE-1x.5ea65d91.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.DE {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/DE-2x.6b71a612.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.EL {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/EL-1x.6a61fa69.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.EL {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/EL-2x.767ab0cb.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.EL {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/EL-1x.f7a024b5.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.EL {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/EL-2x.05ab9190.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.EN {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/EN-1x.6822e643.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.EN {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/EN-2x.b2a18712.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.EN {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/EN-1x.9f8de2c0.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.EN {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/EN-2x.e9a47602.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.ES {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/ES-1x.64810d1a.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.ES {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/ES-2x.60d20c1c.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.ES {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/ES-1x.29f03e20.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.ES {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/ES-2x.a782b21a.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.FI {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/FI-1x.c7552ce9.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.FI {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/FI-2x.0f277a14.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.FI {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/FI-1x.529adfd5.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.FI {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/FI-2x.c00bb808.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.FR {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/FR-1x.45dfaccb.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.FR {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/FR-2x.e82b6877.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.FR {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/FR-1x.1b9aa422.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.FR {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/FR-2x.ea8c02a7.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.HU {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/HU-1x.11c338a3.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.HU {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/HU-2x.99c0265d.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.HU {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/HU-1x.b94ee292.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.HU {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/HU-2x.ac9df9d2.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.ID {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/ID-1x.d3bf9f06.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.ID {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/ID-2x.3400059c.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.ID {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/ID-1x.a04cb140.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.ID {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/ID-2x.957d98ef.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.IT {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/IT-1x.721d2fec.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.IT {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/IT-2x.9d139c2e.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.IT {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/IT-1x.d9fa9428.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.IT {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/IT-2x.c1835163.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.JA {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/JA-1x.35f083dd.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.JA {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/JA-2x.fdd65498.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.JA {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/JA-1x.1c1f0583.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.JA {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/JA-2x.81c2eedb.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.KO {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/KO-1x.f082ead7.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.KO {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/KO-2x.dc7c8cc9.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.KO {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/KO-1x.8082565f.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.KO {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/KO-2x.f18a399d.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.ML {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/ML-1x.9b3e9ff8.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.ML {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/ML-2x.daa337ca.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.ML {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/ML-1x.8e705444.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.ML {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/ML-2x.b27120c1.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.NL {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/NL-1x.adcc1aa6.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.NL {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/NL-2x.9e3d9a34.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.NL {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/NL-1x.060d8eec.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.NL {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/NL-2x.516272c3.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.NN {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/NN-1x.fa48f742.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.NN {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/NN-2x.7fb98496.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.NN {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/NN-1x.a76ed820.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.NN {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/NN-2x.821c3fcb.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.PL {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/PL-1x.26da869d.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.PL {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/PL-2x.9e2c4eb0.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.PL {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/PL-1x.c7232023.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.PL {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/PL-2x.d3fb28f5.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.PT {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/PT-1x.db6dd259.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.PT {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/PT-2x.a2b21220.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.PT {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/PT-1x.a12ee450.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.PT {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/PT-2x.50fe44ea.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.RO {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/RO-1x.a22de341.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.RO {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/RO-2x.26b2c909.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.RO {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/RO-1x.73c129f5.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.RO {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/RO-2x.15d57109.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.RU {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/RU-1x.d6c855cf.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.RU {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/RU-2x.05692527.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.RU {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/RU-1x.03017042.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.RU {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/RU-2x.a1dc3999.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.SK {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/SK-1x.72c69b77.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.SK {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/SK-2x.d42790b6.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.SK {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/SK-1x.f7cba545.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.SK {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/SK-2x.629e5b8d.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.SV {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/SV-1x.dd712505.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.SV {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/SV-2x.3b520848.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.SV {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/SV-1x.6bb3fd86.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.SV {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/SV-2x.52ad0a93.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.TH {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/TH-1x.8923a753.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.TH {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/TH-2x.8f4c4c68.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.TH {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/TH-1x.0c5f5b19.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.TH {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/TH-2x.337112ab.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.TL {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/TL-1x.c73f4bfd.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.TL {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/TL-2x.78cf9b40.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.TL {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/TL-1x.fd5b512e.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.TL {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/TL-2x.480555a8.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.TR {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/TR-1x.1be3e0ba.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.TR {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/TR-2x.8020837d.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.TR {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/TR-1x.9f8de2c0.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.TR {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/TR-2x.e9a47602.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.UK {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/UK-1x.f0254bc3.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.UK {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/UK-2x.fff0b100.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.UK {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/UK-1x.9f8de2c0.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.UK {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/UK-2x.e9a47602.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .androidButton.VI {
    width: 152px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/android/VI-1x.5488f56f.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .androidButton.VI {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/android/VI-2x.57e6f6b5.png');
        background-position: 0px 0px;
        background-size: 152px 50px; } }
  .MobileLandingPage .iosButton.VI {
    width: 167px;
    height: 50px;
    background: url('/webapp/style/app/common/images/app_store_buttons/ios/VI-1x.f83c8530.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPage .iosButton.VI {
        background-image: url('/webapp/style/app/common/images/app_store_buttons/ios/VI-2x.05667f1e.png');
        background-position: 0px 0px;
        background-size: 167px 50px; } }
  .MobileLandingPage .bottom .textSection {
    color: #333; }
    .MobileLandingPage .bottom .textSection .sectionTitle {
      font-size: 24px;
      line-height: 1.125; }
    .MobileLandingPage .bottom .textSection .sectionContent {
      font-size: 14px;
      line-height: 1.5; }
  .MobileLandingPage .bottomNav {
    border-top: 1px solid #e3e3e3;
    font-size: 14px; }
    .MobileLandingPage .bottomNav .bottomLink a {
      font-weight: normal; }
    .MobileLandingPage .bottomNav .bottomLink .badge {
      width: 21px;
      height: 21px;
      background: url('/webapp/style/app/common/images/mobile_landing_page/badge-1x.cf64427e.png') 0px 0px no-repeat;
      display: inline-block;
      padding-bottom: 4px;
      vertical-align: middle; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .MobileLandingPage .bottomNav .bottomLink .badge {
          background-image: url('/webapp/style/app/common/images/mobile_landing_page/badge-2x.c19f7879.png');
          background-position: 0px 0px;
          background-size: 21px 21px; } }

.FacebookConnectLink {
  display: inline-block;
  cursor: pointer; }
  .FacebookConnectLink .facebookIcon {
    width: 16px;
    height: 16px;
    background: url('/webapp/style/app/common/images/widget_landing/fb-icon-1x.a965a899.png') 0px 0px no-repeat;
    display: inline-block;
    vertical-align: bottom; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .FacebookConnectLink .facebookIcon {
        background-image: url('/webapp/style/app/common/images/widget_landing/fb-icon-2x.750bc668.png');
        background-position: 0px 0px;
        background-size: 16px 16px; } }
  .FacebookConnectLink .facebookText {
    color: #3b5998;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle; }
    .FacebookConnectLink .facebookText:hover {
      color: #466bb7; }

.FacebookContact {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  padding: 10px 10px 10px 15px;
  position: relative; }
  .FacebookContact .facebookWrapper {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: left;
    height: 20px;
    width: 306px;
    margin-left: 5px;
    margin-top: 6px; }
  .FacebookContact .name {
    font-size: 15px; }
  .FacebookContact .image {
    display: inline-block;
    float: left;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
    width: 30px; }

.EmailContact {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  padding: 20px;
  position: relative; }
  .EmailContact .check {
    position: absolute;
    right: 20px;
    top: 25px; }
  .EmailContact .email {
    color: gray;
    font-size: 12px;
    margin-left: 5px; }
  .EmailContact .emailWrapper {
    height: 20px;
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .EmailContact .name {
    font-size: 15px; }
  .EmailContact.disabled {
    opacity: 0.4; }

.EmailVerificationError h1, .EmailVerificationError p {
  text-align: center; }
.EmailVerificationError p {
  font-size: 18px; }

.FastFollow {
  background-color: #e9e9e9;
  width: 1046px; }
  @media (min-width: 481px) and (max-width: 768px) {
    .FastFollow {
      width: 546px; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .FastFollow {
      width: 796px; } }
  .FastFollow.inModal {
    border-radius: 6px; }
  .FastFollow .fastFollowContent {
    padding-left: 20px;
    position: relative; }
  .FastFollow .searchBoxWrapper {
    border-top-radius: 6px;
    -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);
    background: #fff;
    margin: 14px 7px 0;
    width: 236px;
    position: absolute; }
  .FastFollow .SearchForm {
    width: auto;
    padding: 10px; }
    .FastFollow .SearchForm .TypeaheadField {
      width: 100%;
      float: none; }
    .FastFollow .SearchForm .submit {
      right: 19px;
      top: 17px; }
  .FastFollow .FastFollowSidebar {
    position: absolute; }
  .FastFollow .FastFollowSidebar.withSearchBox {
    border-top-radius: 0;
    max-height: 75%;
    margin-top: 63px; }
  .FastFollow .fastFollowGridContainer {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    height: 100%;
    margin-left: 250px; }
    .FastFollow .fastFollowGridContainer::-webkit-scrollbar {
      height: auto;
      width: 11px;
      -webkit-appearance: none; }
    .FastFollow .fastFollowGridContainer::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.5);
      border: 2px solid #fff;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
    .FastFollow .fastFollowGridContainer .heading {
      font-weight: normal;
      margin: 16px 0 6px 16px; }
      .FastFollow .fastFollowGridContainer .heading .categoryOrQuery {
        font-weight: bold; }
    .FastFollow .fastFollowGridContainer .searchHeading {
      display: none; }
  .FastFollow .wholeBoardMask {
    display: none;
    position: absolute;
    z-index: 1000; }
    .FastFollow .wholeBoardMask.followedBoard {
      display: block; }
    .FastFollow .wholeBoardMask .check {
      width: 88px;
      height: 66px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -54px -179px no-repeat;
      background-repeat: no-repeat;
      margin: 70px 80px;
      position: absolute;
      z-index: 1000; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .FastFollow .wholeBoardMask .check {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -53px -177px;
          background-size: 415px 409px; } }
    .FastFollow .wholeBoardMask .mask {
      background-color: #fff;
      border-radius: 6px;
      height: 305px;
      opacity: 0.8;
      position: absolute;
      top: 0;
      width: 236px; }
    .FastFollow .wholeBoardMask .message {
      float: left;
      padding: 160px 0 0 54px;
      position: relative;
      z-index: 1001; }
      .FastFollow .wholeBoardMask .message h4 {
        color: #222;
        font-size: 15px;
        font-weight: bold;
        margin-left: 20px; }
      .FastFollow .wholeBoardMask .message span {
        color: #555;
        float: left;
        font-size: 13px;
        line-height: 1.4em;
        margin-top: 8px;
        text-align: center; }
  .FastFollow .FollowButton {
    z-index: 1001; }

.FastFollowHeader {
  background-color: #f7f7f7;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: -webkit-linear-gradient(#fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  border-top-radius: 3px;
  overflow: hidden;
  border-bottom: solid 1px #bebebe;
  padding: 30px 33px 30px 30px; }
  .FastFollowHeader .title {
    color: #666;
    float: left;
    font-size: 20px;
    font-weight: normal;
    max-width: 800px; }
    @media only screen and (min-width: 481px) and (max-width: 1024px) {
      .FastFollowHeader .title {
        padding-bottom: 10px; } }
    .FastFollowHeader .title strong {
      color: #000;
      font-size: 28px; }
      @media (min-width: 481px) and (max-width: 768px) {
        .FastFollowHeader .title strong {
          display: block; } }
    .FastFollowHeader .title .info {
      font-size: 16px;
      margin-top: 4px; }
    .FastFollowHeader .title .large {
      display: inline;
      font-size: 22px; }
    .FastFollowHeader .title .long {
      display: block; }
  .FastFollowHeader .followPageSidebarNavigate, .FastFollowHeader .Progress {
    float: right; }
  .FastFollowHeader .Progress {
    margin-top: 2px; }

.fastFollowContainer .closeModal {
  right: 10px;
  top: 10px; }

.FastFollowSidebar {
  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;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  margin: 14px 7px 0;
  padding-bottom: 10px;
  top: 0;
  width: 236px;
  max-height: 100%; }
  .FastFollowSidebar::-webkit-scrollbar {
    height: auto;
    width: 11px;
    -webkit-appearance: none; }
  .FastFollowSidebar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  @media (min-width: 481px) and (max-width: 1024px) {
    .FastFollowSidebar {
      max-height: 90%; } }
  .FastFollowSidebar.expand {
    bottom: 14px; }
    .FastFollowSidebar.expand:before {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .FastFollowSidebar .followPageSidebarList {
    padding: 10px 10px 0; }
  .FastFollowSidebar .followPageSidebarCategory {
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    background: transparent;
    border-radius: 6px;
    border: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin-top: 2px;
    padding: 6px 0 5px 9px;
    text-align: left;
    /* Buttons aren't taking 100% width even if display block. */
    width: 100%; }
    .noTouch .FastFollowSidebar .followPageSidebarCategory: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; }
    .FastFollowSidebar .followPageSidebarCategory.selected {
      background-color: #c71e26;
      background: -webkit-gradient(linear, left top, left bottom, from(#e3262e), to(#ab171e));
      background: -webkit-linear-gradient(#e3262e, #ab171e);
      background: linear-gradient(#e3262e, #ab171e);
      -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;
      color: #fff; }
  .FastFollowSidebar .showMoreCategories, .FastFollowSidebar .showLessCategories {
    color: #b8b8b8;
    font-weight: bold;
    padding: 10px 18px 0;
    position: relative;
    text-align: left;
    width: 100%; }
    .FastFollowSidebar .showMoreCategories em, .FastFollowSidebar .showLessCategories em {
      position: absolute;
      right: 14px;
      top: 14px; }
  .FastFollowSidebar.expand .showMoreCategories, .FastFollowSidebar .showLessCategories {
    display: none; }
  .FastFollowSidebar .showMoreCategories, .FastFollowSidebar.expand .showLessCategories {
    display: block; }
  .FastFollowSidebar .moreCategoriesWrapper {
    border-top: 1px solid #e7e7e7;
    margin-top: 10px; }
  .FastFollowSidebar.expand .moreCategories {
    display: block; }
  .FastFollowSidebar .moreCategories {
    display: none; }

.FindFriendsContent .connectNetwork {
  color: #333;
  text-align: center;
  margin: 99px auto 0;
  width: 500px; }
  .FindFriendsContent .connectNetwork p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    margin: 0 0 1em; }
  .FindFriendsContent .connectNetwork .bold {
    font-weight: bold; }
.FindFriendsContent .facebookNotConnected, .FindFriendsContent .twitterNotConnected {
  margin: 0 auto 18px; }
.FindFriendsContent .facebookNotConnected {
  width: 81px;
  height: 81px;
  background: url('/webapp/style/app/common/images/empty_find_friends_facebook_logo-1x.9f00b312.png') 0px 0px no-repeat; }
.FindFriendsContent .twitterNotConnected {
  width: 81px;
  height: 81px;
  background: url('/webapp/style/app/common/images/empty_find_friends_twitter_logo-1x.b36d7a53.png') 0px 0px no-repeat; }

.FindFriendsNotConnected .nullStateAsset {
  width: 625px;
  height: 140px;
  background: url('/webapp/style/app/common/images/friend-center-null-state-asset-1x.a06137d3.png') 0px 0px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .FindFriendsNotConnected .nullStateAsset {
      background-image: url('/webapp/style/app/common/images/friend-center-null-state-asset-2x.6dc41595.png');
      background-position: 0px 0px;
      background-size: 625px 140px; } }
.FindFriendsNotConnected .panelBase .panelBody {
  padding: 0; }

.FindFriendsRep {
  background: rgba(0, 0, 0, 0.03);
  border: 2px dashed #bbb;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  width: 236px;
  height: 210px; }
  .FindFriendsRep i {
    background: #ececec;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    bottom: 50%;
    -webkit-box-shadow: 0 0 2px #fff inset;
    box-shadow: 0 0 2px #fff inset;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    margin-bottom: -8px;
    position: absolute;
    width: 44px; }
    .FindFriendsRep i:after {
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      color: #b5b5b5;
      content: '+';
      display: block;
      font-family: sans-serif;
      font-size: 31px;
      line-height: 31px;
      font-style: normal;
      position: absolute;
      top: 6px;
      text-align: center; }
  .FindFriendsRep span {
    left: 0;
    margin-top: 18px;
    position: absolute;
    right: 0;
    top: 50%; }
  .FindFriendsRep:hover {
    background: rgba(0, 0, 0, 0.07);
    border-color: #888;
    color: #5f5f5f;
    text-shadow: none; }
    .FindFriendsRep:hover i:after {
      color: #b0b0b0; }
  .FindFriendsRep:active {
    background: rgba(0, 0, 0, 0.09);
    border-color: #888;
    color: #4d4d4d;
    text-shadow: none; }
    .FindFriendsRep:active i:after {
      color: #adadad; }

.FindFriendsWhosHere .panelBase .panelBody {
  padding: 22px 0 22px 9px; }

.FriendCenter {
  overflow: hidden; }
  .FriendCenter h1 {
    font-size: 47px;
    margin: 22px 0;
    text-align: center; }
  .FriendCenter .panelBase .panelHeading {
    padding-bottom: 26px;
    padding-top: 12px; }
    .FriendCenter .panelBase .panelHeading .panelTitle {
      font-size: 21px; }
  .FriendCenter .panelBase .panelBody {
    border-top: 1px solid #ccc; }
    .FriendCenter .panelBase .panelBody .GridItems {
      overflow: visible; }

.FriendsToFollow {
  background: #fff;
  width: 236px; }
  .FriendsToFollow .List {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0; }
  .FriendsToFollow .memoTitleOld {
    padding: 12px 0 11px 14px; }
  .FriendsToFollow .arrow {
    width: 9px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -157px no-repeat;
    float: right;
    margin: 3px 0 0;
    margin-right: 12px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .FriendsToFollow .arrow {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -198px -84px;
        background-size: 214px 199px; } }
  .FriendsToFollow .buttonHolder {
    border-top: 1px solid #e0e0e0;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center; }
  .FriendsToFollow h2, .FriendsToFollow .memoTitle, .FriendsToFollow .memoFooter {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top: 1px solid #e0e0e0;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 700; }
    .FriendsToFollow h2 a, .FriendsToFollow .memoTitle a, .FriendsToFollow .memoFooter a {
      color: inherit;
      display: block;
      padding: 11px 0 12px 14px; }
    .FriendsToFollow h2:hover, .FriendsToFollow .memoTitle:hover, .FriendsToFollow .memoFooter:hover {
      background: #f3f3f3;
      color: #555; }
  .FriendsToFollow .memoTitle {
    border-top: none; }
  .FriendsToFollow .memoFooter {
    border-bottom: 0; }
    .FriendsToFollow .memoFooter .arrow {
      float: right; }
    .FriendsToFollow .memoFooter a:hover {
      color: #bd081c; }

.FillHomeFeed .fillHomeFeedHeroWrapper {
  overflow: hidden;
  background: #d8d4d7 url('/webapp/style/app/common/images/empty_following_feed_tile_bg.a5ad6192.png') repeat; }
.FillHomeFeed .fillHomeFeedHero {
  -webkit-box-shadow: 0 1px 3px #999;
  box-shadow: 0 1px 3px #999;
  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: 4px;
  overflow: hidden;
  margin: 42px auto;
  position: relative;
  width: 708px; }
.FillHomeFeed .fillHomeHeroStartButton {
  bottom: 26px;
  position: absolute; }
.FillHomeFeed .fillHomeFeedTeaser {
  background-image: url('/webapp/style/app/common/images/unauth_home_empty_feed_hero.5c445294.png');
  background-size: cover;
  float: left;
  height: 220px;
  margin-right: 36px;
  width: 234px; }
.FillHomeFeed .fillHomeFeedHeroHeading {
  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;
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 4px;
  text-align: left; }
.FillHomeFeed .fillHomeFeedHeroText {
  left: 270px;
  margin-right: 30px;
  position: absolute;
  top: 35px; }
.FillHomeFeed .fillHomeFeedHeroDescription {
  color: #444;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 16px;
  line-height: 1.4em; }

.HeroBasic.heroWithBackground .heroBasicContainer {
  background-size: cover; }
.HeroBasic .heroBasicBackgroundImg {
  position: absolute;
  left: 0;
  height: 100%;
  min-width: 100%; }
.HeroBasic .heroContent.heroBasicContent {
  padding-bottom: 0; }
.HeroBasic .heroContent.heroBasicContent.twoPinsWide {
  width: 486px; }
.HeroBasic .heroContent.heroBasicContent.threePinsWide {
  width: 736px; }
.HeroBasic .message.heroMessage.heroBasicMessage {
  float: left;
  width: 454px;
  padding-bottom: 3.5px; }
.HeroBasic .heroSeparator.heroBasicSeparator {
  position: relative;
  left: -23px;
  height: 1px;
  width: 500px;
  background-color: #e7e7e7; }
.HeroBasic .heroImg.heroBasicImg {
  border-radius: 4px 0 0 4px;
  float: left;
  height: 100%;
  width: 236px; }
.HeroBasic .buttonsContainer.heroButtonsContainer.heroBasicButtonsContainer {
  padding-bottom: 9px;
  padding-right: 3.5px;
  padding-top: 13px; }
.HeroBasic .heroButtonsContainer.heroBasicButtonsContainer.heroBasicButtonsContainerBesideImg {
  padding-top: 15px; }

.HeroHelperBase {
  -webkit-transition: scale 1s ease-in-out;
  transition: scale 1s ease-in-out; }
  .HeroHelperBase .heroContainer {
    background-color: #d8d8d8;
    -webkit-box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.66);
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.66);
    padding-bottom: 14px;
    padding-top: 14px; }
  .HeroHelperBase .heroContent {
    -webkit-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
    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: 4px;
    overflow: hidden;
    margin: 0 auto;
    min-height: 40px;
    padding-bottom: 9px;
    position: relative;
    width: 500px; }
  .HeroHelperBase .heroMessage {
    padding: 23px; }
  .HeroHelperBase .nagClose {
    width: 8px;
    height: 8px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -36px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .HeroHelperBase .nagClose {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -77px;
        background-size: 229px 211px; } }
  .HeroHelperBase.heroWithBackground .heroContainer {
    height: 240px;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center; }
    .HeroHelperBase.heroWithBackground .heroContainer:after {
      display: inline-block;
      content: "";
      height: 240px;
      vertical-align: middle; }
  .HeroHelperBase.heroWithBackground .heroContent {
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
  .HeroHelperBase.heroWithBackground .heroMessage {
    padding-bottom: 9px; }
    .HeroHelperBase.heroWithBackground .heroMessage .heroHeader {
      color: #333;
      font-size: 18px;
      line-height: 1.2;
      margin-bottom: 7px; }
  .HeroHelperBase.heroWithBackground .heroSubtitle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 15px; }
    .HeroHelperBase.heroWithBackground .heroSubtitle .heroSeperator {
      position: absolute;
      bottom: 0;
      left: -23px;
      height: 1px;
      width: 500px;
      background-color: #e7e7e7; }
  .HeroHelperBase.heroWithBackground .heroButtonsContainer {
    overflow: hidden;
    padding-top: 15px; }
    .HeroHelperBase.heroWithBackground .heroButtonsContainer .heroButtonsLeft {
      float: left; }
    .HeroHelperBase.heroWithBackground .heroButtonsContainer .heroButtonsRight {
      float: right; }
      .HeroHelperBase.heroWithBackground .heroButtonsContainer .heroButtonsRight button:last-child {
        margin-left: 8px; }
  .HeroHelperBase.heroPushDown {
    padding-top: 66px; }

.HeroInstallApp {
  font-size: 0; }
  .HeroInstallApp .standardForm select {
    float: left;
    font-size: 12px;
    height: 32px;
    margin-right: 5px;
    width: 80px; }
  .HeroInstallApp .formErrorMessage {
    color: #bd081c;
    display: inline; }
  .HeroInstallApp .heroButtonsContainer {
    margin-top: 14px; }
  .HeroInstallApp .heroButton {
    margin-right: 7px; }
  .HeroInstallApp .heroButtonText {
    height: 32px;
    margin-left: 5px;
    padding-top: 6px; }
  .HeroInstallApp .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px; }
  .HeroInstallApp .heroHeader {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 7px; }
  .HeroInstallApp .heroImage, .HeroInstallApp .heroMessage {
    display: inline-block;
    vertical-align: middle; }
  .HeroInstallApp .heroImage {
    width: 236px;
    height: 160px;
    background: url('/webapp/style/app/common/images/install_app-1x.85eed42f.png') 0px 0px no-repeat;
    border-radius: 6px 0 0 6px;
    margin-right: 20px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .HeroInstallApp .heroImage {
        background-image: url('/webapp/style/app/common/images/install_app-2x.f4640307.png');
        background-position: 0px 0px;
        background-size: 236px 160px; } }
  .HeroInstallApp .heroMessage {
    padding: 0;
    width: 480px; }
  .HeroInstallApp .heroSubtitle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
    font-size: 16px;
    font-weight: normal;
    width: 340px; }
  .HeroInstallApp .standardForm .heroPhoneNumberInput {
    width: 180px; }
  .HeroInstallApp .standardForm input.hasError {
    -webkit-box-shadow: 0 0 6px rgba(255, 0, 0, 0.35);
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.35);
    background: #fefefe;
    border-color: #bd081c; }
  .HeroInstallApp .standardForm {
    margin: 0;
    max-width: auto; }

.HeroLanguagePicker {
  font-size: 0; }
  .HeroLanguagePicker .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px; }
  .HeroLanguagePicker .heroHeader {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 7px; }
  .HeroLanguagePicker .heroSubtitle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px; }
  .HeroLanguagePicker .heroImage, .HeroLanguagePicker .heroMessage {
    display: inline-block;
    vertical-align: middle; }
  .HeroLanguagePicker .heroImage {
    width: 250px;
    height: 160px;
    background: url('/webapp/style/app/common/images/hero_language-1x.e2adf00a.png') 0px 0px no-repeat;
    border-radius: 6px 0 0 6px;
    margin-right: 20px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .HeroLanguagePicker .heroImage {
        background-image: url('/webapp/style/app/common/images/hero_language-2x.34dd1eed.png');
        background-position: 0px 0px;
        background-size: 250px 160px; } }
    .ja .HeroLanguagePicker .heroImage {
      width: 250px;
      height: 160px;
      background: url('/webapp/style/app/common/images/hero_japan-1x.b359e2cd.png') 0px 0px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .ja .HeroLanguagePicker .heroImage {
          background-image: url('/webapp/style/app/common/images/hero_japan-2x.c7c0bc25.png');
          background-position: 0px 0px;
          background-size: 250px 160px; } }
  .HeroLanguagePicker .heroMessage {
    font-size: 13px;
    padding: 0;
    width: 446px; }
  .HeroLanguagePicker .showEnglish {
    cursor: pointer;
    float: right;
    font-weight: normal;
    line-height: 37px; }

.HeroPinItButton {
  font-size: 0; }
  body[data-pinterest-extension-installed="true"] .HeroPinItButton {
    display: none; }
  .HeroPinItButton .heroButtonsContainer {
    margin-top: 21px; }
  .HeroPinItButton .heroButton {
    margin-right: 7px; }
  .HeroPinItButton .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px; }
  .HeroPinItButton .heroHeader {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 7px; }
  .HeroPinItButton .heroImage {
    width: 253px;
    height: 160px;
    background: url('/webapp/style/app/common/images/extension_graphic-1x.c63ff7ea.jpg') 0px 0px no-repeat;
    border-radius: 6px 0 0 6px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .HeroPinItButton .heroImage {
        background-image: url('/webapp/style/app/common/images/extension_graphic-2x.114dd5ca.jpg');
        background-position: 0px 0px;
        background-size: 253px 160px; } }
  .HeroPinItButton .heroMessage {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    width: 463px; }
  .HeroPinItButton .heroSubtitle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
    font-size: 16px;
    font-weight: normal; }

.HeroPinItWeb {
  font-size: 0; }
  .HeroPinItWeb .heroButtonsContainer {
    margin-top: 40px;
    text-align: right;
    padding-right: 12px; }
  .HeroPinItWeb .heroButton {
    margin-right: 7px; }
  .HeroPinItWeb .heroContent {
    height: 160px;
    padding-bottom: 0;
    width: 736px; }
  .HeroPinItWeb .heroHeader {
    color: #333;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 7px; }
  .HeroPinItWeb .heroImage {
    width: 248px;
    height: 160px;
    background: url('/webapp/style/app/common/images/pin-it-web-1x.3a2bfaae.png') 0px 0px no-repeat;
    border-radius: 6px 0 0 6px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .HeroPinItWeb .heroImage {
        background-image: url('/webapp/style/app/common/images/pin-it-web-2x.a15a7a81.png');
        background-position: 0px 0px;
        background-size: 248px 160px; } }
  .HeroPinItWeb .heroMessage {
    display: inline-block;
    margin-top: -10px;
    padding: 0;
    vertical-align: middle;
    width: 468px; }
  .HeroPinItWeb .heroSubtitle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    padding-right: 15px; }

.HeroPinvitationalInvite .confettiBg {
  background: url('/webapp/style/app/common/images/pinvitational/confetti-bg.bc954175.png') no-repeat center center;
  background-color: #FFF;
  height: 100%;
  position: absolute;
  width: 100%; }
.HeroPinvitationalInvite .heroContent.heroBasicContent {
  height: 170px;
  width: 425px !important; }
.HeroPinvitationalInvite .heroSeparator.heroBasicSeparator {
  display: none; }
.HeroPinvitationalInvite .message.heroMessage.heroBasicMessage {
  width: auto; }
  .HeroPinvitationalInvite .message.heroMessage.heroBasicMessage .heroHeader {
    color: #211922;
    font-size: 30px;
    text-align: center; }
  .HeroPinvitationalInvite .message.heroMessage.heroBasicMessage .heroSubtitle {
    display: none; }
.HeroPinvitationalInvite .buttonsContainer.heroButtonsContainer.heroBasicButtonsContainer {
  width: 100%; }
  .HeroPinvitationalInvite .buttonsContainer.heroButtonsContainer.heroBasicButtonsContainer .heroButtonsRight {
    text-align: center;
    width: 100%; }
    .HeroPinvitationalInvite .buttonsContainer.heroButtonsContainer.heroBasicButtonsContainer .heroButtonsRight .dismissButton {
      margin-right: 8px; }
    .HeroPinvitationalInvite .buttonsContainer.heroButtonsContainer.heroBasicButtonsContainer .heroButtonsRight .completeButton {
      margin-left: 0; }

.HeroPlacePinsExamples {
  position: relative;
  z-index: 101; }

.HeroVerifyWebsite .heroButton {
  margin-top: 25px; }
.HeroVerifyWebsite .heroButtonsContainer {
  float: left;
  margin-bottom: 14px; }
.HeroVerifyWebsite .heroHeader {
  color: #211922;
  font-size: 24px;
  line-height: 1.35;
  margin-bottom: 4px; }
.HeroVerifyWebsite .heroSubtitle {
  color: #211922;
  font-size: 16px;
  font-weight: normal;
  margin-top: 10px; }

.HeroWeekInviter .heroContent.heroBasicContent {
  width: 425px !important; }
.HeroWeekInviter .heroSeparator.heroBasicSeparator {
  display: none; }
.HeroWeekInviter .message.heroMessage.heroBasicMessage {
  padding-bottom: 12px;
  width: auto; }
  .HeroWeekInviter .message.heroMessage.heroBasicMessage .heroHeader {
    color: #211922;
    font-size: 30px;
    text-align: center; }
  .HeroWeekInviter .message.heroMessage.heroBasicMessage .heroSubtitle {
    display: none; }
.HeroWeekInviter .buttonsContainer.heroButtonsContainer.heroBasicButtonsContainer {
  width: 100%; }
  .HeroWeekInviter .buttonsContainer.heroButtonsContainer.heroBasicButtonsContainer .heroButtonsRight {
    text-align: center;
    width: 100%; }
    .HeroWeekInviter .buttonsContainer.heroButtonsContainer.heroBasicButtonsContainer .heroButtonsRight .completeButton {
      margin-left: 0; }

.InternationalSubdomains 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: 34px auto 34px; }
.InternationalSubdomains a {
  font-size: 12px;
  line-height: 24px; }
.InternationalSubdomains .table {
  margin: 28px 7px;
  display: table;
  width: 1200px; }
.InternationalSubdomains .table__row {
  display: table-row; }
.InternationalSubdomains .table__cell {
  width: 350px;
  display: table-cell; }
.InternationalSubdomains .itemDirectory {
  margin-top: 14px;
  max-width: 1250px;
  min-width: 750px; }
.InternationalSubdomains .GridFooter {
  display: block; }

.LanguageDropdown li {
  overflow: hidden;
  color: #777;
  display: block;
  font-size: 12px; }
  .LanguageDropdown li:first-child {
    padding-top: 5px; }
  .LanguageDropdown li:last-child {
    padding-bottom: 5px; }
  .LanguageDropdown li a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
    color: #777;
    cursor: pointer;
    display: block;
    padding: 9px 14px; }
    .LanguageDropdown li a:hover {
      background: #f1f1f1;
      color: #333; }
    .LanguageDropdown li a:active {
      background: #eaeaea; }

.InviteLanding .contents {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  margin: 100px auto 0;
  position: relative;
  max-width: 640px;
  z-index: 682; }

.InviteListBase .inviteToolbar {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ccc;
  height: 50px; }
  .InviteListBase .inviteToolbar input[type="text"] {
    border-radius: 4px;
    border: 1px solid #dadada;
    font-size: 15px;
    margin-bottom: 14px;
    margin-top: 2px;
    padding: 4px 6px;
    width: 100%; }
    .InviteListBase .inviteToolbar input[type="text"]:focus {
      border-color: #ccc; }
  .InviteListBase .inviteToolbar .searchWrapper {
    width: 200px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    position: relative; }
    .InviteListBase .inviteToolbar .searchWrapper .searchIcon {
      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;
      position: absolute;
      right: -8px;
      top: 7px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .InviteListBase .inviteToolbar .searchWrapper .searchIcon {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -32px -194px;
          background-size: 229px 211px; } }
  .InviteListBase .inviteToolbar .inviteAll {
    float: right;
    margin-right: 20px;
    margin-top: 15px; }
  .InviteListBase .inviteToolbar .inviteAllLabel {
    cursor: pointer;
    margin-right: 10px;
    font-size: 15px;
    vertical-align: middle; }
.InviteListBase .inviteButton {
  float: right; }
.InviteListBase .inviteContent {
  clear: both;
  height: 400px;
  overflow: auto; }
.InviteListBase .inviteFooter {
  background-color: #f5f5f5;
  border-top: 1px solid #ccc;
  overflow: auto;
  padding: 10px; }
.InviteListBase .inviteLegalFooter {
  color: gray; }
.InviteListBase .emptyResultsFooterContainer {
  display: none; }

.InviteListEmail .emptyResultsFooterContainer .emptyResults {
  border-bottom: 1px solid #ccc;
  cursor: default;
  display: block;
  padding: 20px; }

.InviteListFacebook .inviteToolbar .searchWrapper {
  width: 400px; }
.InviteListFacebook .FacebookContact {
  overflow: auto; }
  .InviteListFacebook .FacebookContact .facebookWrapper {
    width: auto; }
  .InviteListFacebook .FacebookContact .inviteFacebookButton {
    float: right;
    margin-right: 5px; }
.InviteListFacebook .emptyResultsFooterContainer .emptyResults {
  border-bottom: 1px solid #ccc;
  cursor: default;
  display: block;
  padding: 20px; }

.InviteModal {
  max-width: 596px; }
  .InviteModal .avatar img {
    border: 1px solid #345d79;
    border-radius: 50%;
    height: 75px;
    width: 75px; }
  .InviteModal .inviterHeader {
    background-color: #49a7d3;
    background-image: url('/webapp/style/app/common/images/inviter_blue_bg.c6d571f4.png');
    background-position: center;
    background-size: cover;
    margin-bottom: 55px;
    padding: 10px 0 50px;
    position: relative;
    text-align: center;
    z-index: 670; }
  .InviteModal .mailIcon {
    width: 127px;
    height: 95px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px 0px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    bottom: -40px;
    left: 50%;
    margin-left: -64px;
    position: absolute; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .InviteModal .mailIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: 0px 0px;
        background-size: 229px 211px; } }
  .InviteModal .text {
    color: #fff;
    display: table;
    font-size: 24px;
    text-shadow: 0 1px 0 #000; }
    .InviteModal .text span {
      display: table-cell;
      padding: 0 15px;
      vertical-align: middle; }
  .InviteModal .buttonsView {
    padding-bottom: 30px;
    text-align: center; }

.MultiInviter .panelBody {
  position: relative; }
.MultiInviter .inviteConfirm {
  width: 225px;
  height: 150px;
  background: url('/webapp/style/app/common/images/confirm-bg-1x.f007652c.png') 0px 0px no-repeat;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  position: absolute;
  margin: auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .MultiInviter .inviteConfirm {
      background-image: url('/webapp/style/app/common/images/confirm-bg-2x.09867747.png');
      background-position: 0px 0px;
      background-size: 225px 150px; } }
  .MultiInviter .inviteConfirm div {
    color: white;
    font-size: 18px;
    margin-top: 100px;
    text-align: center; }
.MultiInviter.inModal {
  width: 450px; }
  .MultiInviter.inModal .panelBody {
    padding: 0; }

.MultiInviterEmail.loading {
  height: 380px; }
.MultiInviterEmail .standardForm.emailInviteForm {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0; }
  .MultiInviterEmail .standardForm.emailInviteForm .formErrorMessage {
    display: none; }
  .MultiInviterEmail .standardForm.emailInviteForm input[type="text"].emailInput {
    height: 40px;
    margin-left: 15px;
    width: 320px; }
    .MultiInviterEmail .standardForm.emailInviteForm input[type="text"].emailInput.hasError {
      background: #fefefe;
      border: 1px solid #d6d3ce; }
.MultiInviterEmail .inviteEmail {
  padding-bottom: 20px;
  padding-top: 20px; }
  .MultiInviterEmail .inviteEmail .Button {
    height: 40px;
    margin-left: -7px;
    margin-top: 1px; }
.MultiInviterEmail .inviteConfirm {
  width: 225px;
  height: 150px;
  background: url('/webapp/style/app/common/images/confirm-bg-1x.f007652c.png') 0px 0px no-repeat;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  position: absolute;
  margin: auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .MultiInviterEmail .inviteConfirm {
      background-image: url('/webapp/style/app/common/images/confirm-bg-2x.09867747.png');
      background-position: 0px 0px;
      background-size: 225px 150px; } }
  .MultiInviterEmail .inviteConfirm.fadeOut {
    -webkit-animation: fadeOut 0.3s;
    animation: fadeOut 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .MultiInviterEmail .inviteConfirm div {
    color: white;
    font-size: 18px;
    margin-top: 100px;
    text-align: center; }
.MultiInviterEmail .inviteEmailImage {
  text-align: center; }
.MultiInviterEmail .mailIcon {
  width: 127px;
  height: 95px;
  background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px 0px no-repeat;
  display: inline-block;
  font: 0 / 0 serif;
  text-shadow: none;
  color: transparent;
  margin-top: 10px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .MultiInviterEmail .mailIcon {
      background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
      background-position: 0px 0px;
      background-size: 229px 211px; } }
.MultiInviterEmail .emailInvite {
  padding: 10px; }
.MultiInviterEmail .networkConnect {
  border-top: 1px solid #ccc;
  padding: 15px;
  position: relative; }
  .MultiInviterEmail .networkConnect em {
    vertical-align: middle; }
  .MultiInviterEmail .networkConnect .Button {
    position: absolute;
    right: 15px;
    top: 15px; }
  .MultiInviterEmail .networkConnect .networkName {
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px; }
.MultiInviterEmail .gmailConnect em {
  width: 38px;
  height: 38px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -345px -219px 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) {
    .MultiInviterEmail .gmailConnect em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -264px -299px;
      background-size: 415px 409px; } }
.MultiInviterEmail .yahooConnect em {
  width: 38px;
  height: 38px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -315px -303px 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) {
    .MultiInviterEmail .yahooConnect em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -303px -299px;
      background-size: 415px 409px; } }
.MultiInviterEmail .microsoftConnect em {
  width: 38px;
  height: 38px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -275px -303px 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) {
    .MultiInviterEmail .microsoftConnect em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -225px -299px;
      background-size: 415px 409px; } }

.MultiInviterFacebook.loading {
  height: 400px; }
.MultiInviterFacebook .disconnected {
  text-align: center;
  padding: 50px; }
  .MultiInviterFacebook .disconnected .facebookIcon {
    width: 90px;
    height: 90px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px 0px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    margin-bottom: 10px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MultiInviterFacebook .disconnected .facebookIcon {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: 0px 0px;
        background-size: 415px 409px; } }

.UserContact {
  font-size: 11px;
  line-height: 1.2em;
  padding: 5px 14px;
  position: relative; }
  .UserContact:after {
    content: "";
    display: table;
    clear: both; }
  .UserContact.loading {
    min-height: 0; }
  .UserContact:hover {
    background: #f3f3f3; }
  .UserContact .thumbImageWrapper {
    position: relative;
    float: left;
    height: 30px;
    width: 30px; }
    .UserContact .thumbImageWrapper:after {
      border-radius: 50%;
      -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; }
    .UserContact .thumbImageWrapper img {
      border-radius: 50%;
      height: 30px;
      width: 30px; }
    .UserContact .thumbImageWrapper img {
      border-radius: 50%;
      height: 30px;
      width: 30px; }
  .UserContact .contactUser {
    margin-left: 35px; }
  .UserContact .contactUsername {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #717171;
    font-weight: 700; }
  .UserContact:hover .dismiss {
    width: 9px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -87px -443px no-repeat;
    cursor: pointer;
    margin-right: 14px;
    position: absolute;
    right: 0;
    top: 40%; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UserContact:hover .dismiss {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -367px -230px;
        background-size: 415px 409px; } }
  .UserContact .contactConfirmation {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: #ffa;
    bottom: 0;
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0; }
  .UserContact.contactConfirmed .contactConfirmation {
    display: block; }
  .UserContact .contactAction {
    color: #bd081c; }
    .UserContact .contactAction:hover {
      text-decoration: underline; }
  .UserContact .contactWrapper {
    cursor: pointer;
    height: 30px;
    width: 90%; }

.KLPBar {
  display: none; }
  .KLPBar .klpBarContainer {
    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;
    height: 44px; }
    .KLPBar .klpBarContainer .moreToExploreLabel {
      display: inline-block;
      font-size: 12px;
      margin: 15px 7px; }
    .KLPBar .klpBarContainer .interest {
      display: inline-block;
      color: #5f5f5f;
      float: none;
      margin-left: 5px;
      padding: 4px 10px 5px;
      position: relative; }
      .KLPBar .klpBarContainer .interest h2 {
        font-size: 12px; }
    .KLPBar .klpBarContainer .interest:first-child {
      margin-left: 0; }
    .KLPBar .klpBarContainer .interest:hover {
      color: #bd081c;
      text-decoration: none; }
    .KLPBar .klpBarContainer .interest.active, .KLPBar .klpBarContainer .interest.active:hover {
      color: #333; }

.LoginBase .socialLogin {
  border-radius: 6px 6px 0 0;
  padding: 15px 40px; }
  .LoginBase .socialLogin:after {
    content: "";
    display: table;
    clear: both; }
.LoginBase .standardForm {
  margin-bottom: 0; }
  .LoginBase .standardForm.popupStyle {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .LoginBase .standardForm.popupStyle .socialLogin .unAuthFacebookConnect, .LoginBase .standardForm.popupStyle .socialLogin .unAuthFacebookConnect:hover {
      background-clip: padding-box;
      border: none;
      height: 42px; }
      .LoginBase .standardForm.popupStyle .socialLogin .unAuthFacebookConnect span, .LoginBase .standardForm.popupStyle .socialLogin .unAuthFacebookConnect:hover span {
        color: #fff;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.25); }
.LoginBase .unAuthFacebookConnect, .LoginBase .unAuthGplusConnect, .LoginBase .unAuthRakutenConnect, .LoginBase .unAuthTwitterConnect {
  float: right;
  margin-bottom: 10px;
  margin-right: 0;
  text-align: left;
  width: 100%; }
.LoginBase .businessHint {
  margin-bottom: 14px; }
.LoginBase .loginError {
  color: #333;
  margin: 0 40px 14px;
  border: 1px solid #bd081c;
  background-color: #ffebe9;
  display: none;
  padding: 5px; }
.LoginBase .loginPassword {
  padding-top: 5px;
  border: none; }
.LoginBase .userLogin {
  border-top: 1px solid #dfdfdf;
  margin-bottom: 10px;
  padding-top: 15px; }

.Login.compact {
  display: inline-block;
  width: auto; }
  .Login.compact .socialLogin {
    padding: 0; }
  .Login.compact .formFooter {
    background: none;
    border: none;
    padding: 0; }
  .Login.compact .standardForm, .Login.compact .socialLogin {
    position: relative;
    display: inline-block;
    width: auto; }
  .Login.compact .socialLogin .btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    text-align: left;
    margin-bottom: 9px;
    display: block;
    float: none; }
  .Login.compact .socialLogin .facebookTooltip {
    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: rgba(0, 0, 0, 0.7);
    display: none;
    font-weight: bolder;
    left: 282px;
    bottom: 11px;
    padding: 8px 14px;
    position: absolute;
    width: 215px; }
  .Login.compact .socialLogin .facebookTooltip:after {
    border-style: solid;
    border-color: transparent #fff;
    border-width: 8px 10px 8px 0;
    content: '';
    display: block;
    right: 100%;
    margin: -8px -1px 0 0;
    position: absolute;
    z-index: 1;
    top: 17px;
    width: 0; }
  .Login.compact .standardForm {
    padding: 0; }
  .Login.compact .compactViewLogin {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    margin: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); }
    .Login.compact .compactViewLogin a {
      margin-top: 0;
      vertical-align: inherit;
      color: #fff;
      font-weight: bold; }
      .Login.compact .compactViewLogin a:hover {
        color: #fff;
        text-decoration: underline; }
  .Login.compact.lite .compactViewLogin, .Login.compact.darkText .compactViewLogin {
    color: #000;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2); }
    .Login.compact.lite .compactViewLogin a, .Login.compact.darkText .compactViewLogin a {
      color: #000; }
      .Login.compact.lite .compactViewLogin a:hover, .Login.compact.darkText .compactViewLogin a:hover {
        color: #000; }
  .Login.compact.darkText .standardForm {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .Login.compact.inspiredWallLogin.hasRakuten {
    display: block; }
    .Login.compact.inspiredWallLogin.hasRakuten .standardForm, .Login.compact.inspiredWallLogin.hasRakuten .socialLogin {
      display: block; }

.LoginPage {
  overflow: hidden;
  padding: 10px; }
  .LoginPage .contents {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    margin: 100px auto 0;
    position: relative;
    max-width: 470px;
    z-index: 682;
    max-width: 380px; }
  .App.full .LoginPage .contents {
    z-index: 1; }

@-webkit-keyframes greetingSlideDown {

  75% {
    -webkit-transform: translateY(0) scale(1.1);
    transform: translateY(0) scale(1.1); }

  100% {
    -webkit-transform: translateY(828px) scale(1.1);
    transform: translateY(828px) scale(1.1); } }

@keyframes greetingSlideDown {

  75% {
    -webkit-transform: translateY(0) scale(1.1);
    transform: translateY(0) scale(1.1); }

  100% {
    -webkit-transform: translateY(828px) scale(1.1);
    transform: translateY(828px) scale(1.1); } }

@-webkit-keyframes farewellSlideDown {
  0% {
    -webkit-transform: translateY(-414px);
    transform: translateY(-414px); }

  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes farewellSlideDown {
  0% {
    -webkit-transform: translateY(-414px);
    transform: translateY(-414px); }

  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes dropDown {
  0% {
    -webkit-transform: translateY(-414px);
    transform: translateY(-414px);
    visibility: visible; }

  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  85% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    -webkit-transform: translateY(414px);
    transform: translateY(414px); } }

@keyframes dropDown {
  0% {
    -webkit-transform: translateY(-414px);
    transform: translateY(-414px);
    visibility: visible; }

  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  85% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    -webkit-transform: translateY(414px);
    transform: translateY(414px); } }

@-webkit-keyframes rotate22 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

  100% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg); } }

@keyframes rotate22 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

  100% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg); } }

@-webkit-keyframes rotate45 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); } }

@keyframes rotate45 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); } }

.NewYearsAnimation {
  background-image: url('/webapp/style/app/common/images/new_years_video/bg.aa634aed.jpg');
  background-size: cover;
  color: #fff;
  height: 414px;
  overflow: hidden;
  position: relative;
  width: 736px; }
  @media screen and (max-device-width: 800px) {
    .NewYearsAnimation video {
      display: none; } }
  .NewYearsAnimation video {
    border-radius: 6px 6px 0 0;
    position: absolute;
    width: 100%;
    visibility: hidden; }
  .NewYearsAnimation .play {
    width: 245px;
    height: 142px;
    background: url('/webapp/style/app/common/images/new_years_video/playbutton-1x.d09ee965.png') 0px 0px no-repeat;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    z-index: 100; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewYearsAnimation .play {
        background-image: url('/webapp/style/app/common/images/new_years_video/playbutton-2x.bf0b9eb3.png');
        background-position: 0px 0px;
        background-size: 245px 142px; } }
  .NewYearsAnimation.animate .greeting {
    -webkit-animation: greetingSlideDown 4s 0s ease-out 1;
    animation: greetingSlideDown 4s 0s ease-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .farewell {
    -webkit-animation: farewellSlideDown 4s 42s linear 1;
    animation: farewellSlideDown 4s 42s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(1), .NewYearsAnimation.animate .itemContainer:nth-child(1) {
    -webkit-animation: dropDown 4.5s 3s ease-in-out 1;
    animation: dropDown 4.5s 3s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(2), .NewYearsAnimation.animate .itemContainer:nth-child(2) {
    -webkit-animation: dropDown 4.5s 6.9s ease-in-out 1;
    animation: dropDown 4.5s 6.9s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(3), .NewYearsAnimation.animate .itemContainer:nth-child(3) {
    -webkit-animation: dropDown 4.5s 10.8s ease-in-out 1;
    animation: dropDown 4.5s 10.8s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(4), .NewYearsAnimation.animate .itemContainer:nth-child(4) {
    -webkit-animation: dropDown 4.5s 14.7s ease-in-out 1;
    animation: dropDown 4.5s 14.7s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(5), .NewYearsAnimation.animate .itemContainer:nth-child(5) {
    -webkit-animation: dropDown 4.5s 18.6s ease-in-out 1;
    animation: dropDown 4.5s 18.6s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(6), .NewYearsAnimation.animate .itemContainer:nth-child(6) {
    -webkit-animation: dropDown 4.5s 22.5s ease-in-out 1;
    animation: dropDown 4.5s 22.5s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(7), .NewYearsAnimation.animate .itemContainer:nth-child(7) {
    -webkit-animation: dropDown 4.5s 26.4s ease-in-out 1;
    animation: dropDown 4.5s 26.4s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(8), .NewYearsAnimation.animate .itemContainer:nth-child(8) {
    -webkit-animation: dropDown 4.5s 30.3s ease-in-out 1;
    animation: dropDown 4.5s 30.3s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(9), .NewYearsAnimation.animate .itemContainer:nth-child(9) {
    -webkit-animation: dropDown 4.5s 34.2s ease-in-out 1;
    animation: dropDown 4.5s 34.2s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .numberContainer:nth-child(10), .NewYearsAnimation.animate .itemContainer:nth-child(10) {
    -webkit-animation: dropDown 4.5s 38.1s ease-in-out 1;
    animation: dropDown 4.5s 38.1s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .middleSwatch {
    -webkit-animation: rotate22 0.5s 15.7s ease-in 1;
    animation: rotate22 0.5s 15.7s ease-in 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .bottomSwatch {
    -webkit-animation: rotate45 0.5s 15.7s ease-in 1;
    animation: rotate45 0.5s 15.7s ease-in 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .NewYearsAnimation.animate .mask {
    pointer-events: none !important; }
  .NewYearsAnimation .title {
    font-size: 34px; }
  .NewYearsAnimation .subtitle {
    font-size: 20px; }
  .NewYearsAnimation .mask {
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1000; }
  .NewYearsAnimation .greeting {
    position: absolute;
    text-shadow: 0 0 8px #000;
    width: 100%; }
    .NewYearsAnimation .greeting.closeUp {
      top: 12%; }
      .NewYearsAnimation .greeting.closeUp .profilePic {
        margin: 60px auto; }
    .NewYearsAnimation .greeting.modal {
      top: 12%; }
      .NewYearsAnimation .greeting.modal .profilePic {
        margin: 40px auto; }
    .NewYearsAnimation .greeting * {
      text-align: center; }
  .NewYearsAnimation .farewell {
    position: absolute;
    -webkit-transform: translateY(-414px);
    -ms-transform: translateY(-414px);
    transform: translateY(-414px);
    width: 100%; }
    .NewYearsAnimation .farewell.modal {
      top: 15%; }
      .NewYearsAnimation .farewell.modal .arrow {
        width: 169px;
        height: 169px;
        background: url('/webapp/style/app/common/images/new_years_video/arrow-1x.b8c801b4.png') 0px 0px no-repeat;
        margin: 0 auto;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewYearsAnimation .farewell.modal .arrow {
            background-image: url('/webapp/style/app/common/images/new_years_video/arrow-2x.9f147e86.png');
            background-position: 0px 0px;
            background-size: 169px 169px; } }
      .NewYearsAnimation .farewell.modal .title, .NewYearsAnimation .farewell.modal .subtitle {
        margin-bottom: 2%; }
    .NewYearsAnimation .farewell.closeUp {
      top: 10%; }
      .NewYearsAnimation .farewell.closeUp .badge {
        width: 197px;
        height: 197px;
        background: url('/webapp/style/app/common/images/new_years_video/badge-1x.e3745b8b.png') 0px 0px no-repeat;
        margin: 0 auto 20px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewYearsAnimation .farewell.closeUp .badge {
            background-image: url('/webapp/style/app/common/images/new_years_video/badge-2x.6140f7b3.png');
            background-position: 0px 0px;
            background-size: 197px 197px; } }
    .NewYearsAnimation .farewell * {
      text-align: center; }
  .NewYearsAnimation .numbers .numberContainer {
    position: absolute;
    text-align: center;
    bottom: 35%;
    -webkit-transform: translateY(-414px);
    -ms-transform: translateY(-414px);
    transform: translateY(-414px);
    visibility: hidden;
    width: 50%; }
    .NewYearsAnimation .numbers .numberContainer .number {
      font-size: 100px;
      line-height: 100px; }
    .NewYearsAnimation .numbers .numberContainer .subtitle {
      font-size: 18px; }
  .NewYearsAnimation .numbers .right {
    right: 0; }
  .NewYearsAnimation .items .itemContainer {
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(-414px);
    -ms-transform: translateY(-414px);
    transform: translateY(-414px);
    visibility: hidden;
    width: 50%; }
    .NewYearsAnimation .items .itemContainer:nth-child(3), .NewYearsAnimation .items .itemContainer:nth-child(4), .NewYearsAnimation .items .itemContainer:nth-child(5) {
      width: 60%; }
    .NewYearsAnimation .items .itemContainer .item {
      position: relative;
      height: 100%; }
      .NewYearsAnimation .items .itemContainer .item.scaleToFit {
        -webkit-transform: translate(1000px, 1000px);
        -ms-transform: translate(1000px, 1000px);
        transform: translate(1000px, 1000px); }
      .NewYearsAnimation .items .itemContainer .item > * {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .NewYearsAnimation .items .itemContainer .item .pinWrapper {
        width: auto; }
      .NewYearsAnimation .items .itemContainer .item .favoritePinner {
        width: 100%; }
        .NewYearsAnimation .items .itemContainer .item .favoritePinner .favoritePinnerPic {
          text-align: center;
          margin-bottom: 17px; }
        .NewYearsAnimation .items .itemContainer .item .favoritePinner .favoritePinnerText {
          font-size: 35px;
          text-align: center; }
      .NewYearsAnimation .items .itemContainer .item .swatchesContainer {
        height: 300px;
        width: 250px; }
        .NewYearsAnimation .items .itemContainer .item .swatchesContainer .swatch {
          background-color: #fff;
          border-radius: 5px;
          -webkit-box-shadow: 0 0 2px 0 #000;
          box-shadow: 0 0 2px 0 #000;
          height: 300px;
          position: absolute;
          -webkit-transform-origin: 96% 1%;
          -ms-transform-origin: 96% 1%;
          transform-origin: 96% 1%;
          width: 100px; }
          .NewYearsAnimation .items .itemContainer .item .swatchesContainer .swatch .swatchColor {
            border-radius: 5px 5px 0 0;
            height: 80%;
            overflow: hidden;
            width: 100%; }
            .NewYearsAnimation .items .itemContainer .item .swatchesContainer .swatch .swatchColor .texture {
              width: 100px;
              height: 400px;
              background: url('/webapp/style/app/common/images/new_years_video/swatchtexture-1x.24d1f7d7.png') 0px 0px no-repeat;
              opacity: 0.4; }
              @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
                .NewYearsAnimation .items .itemContainer .item .swatchesContainer .swatch .swatchColor .texture {
                  background-image: url('/webapp/style/app/common/images/new_years_video/swatchtexture-2x.b56424fe.png');
                  background-position: 0px 0px;
                  background-size: 100px 400px; } }
          .NewYearsAnimation .items .itemContainer .item .swatchesContainer .swatch.middleSwatch {
            height: 281px; }
          .NewYearsAnimation .items .itemContainer .item .swatchesContainer .swatch.bottomSwatch {
            height: 260px; }
      .NewYearsAnimation .items .itemContainer .item .word {
        background-color: #fff;
        border-radius: 5px;
        clear: left;
        color: #ae3844;
        display: inline-block;
        float: left;
        font-size: 30px;
        font-style: italic;
        margin-bottom: 10px;
        padding: 10px 18px 10px 10px;
        text-align: center;
        vertical-align: middle; }
      .NewYearsAnimation .items .itemContainer .item .siteUrl {
        color: #ae3844;
        font-size: 18px;
        font-weight: bold;
        left: 7%;
        top: 34%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 100; }
      .NewYearsAnimation .items .itemContainer .item .browserImage {
        width: 413px;
        height: 330px;
        background: url('/webapp/style/app/common/images/new_years_video/browser-1x.5b766bee.png') 0px 0px no-repeat;
        bottom: 3%;
        left: auto;
        position: absolute;
        right: -52px;
        top: auto;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewYearsAnimation .items .itemContainer .item .browserImage {
            background-image: url('/webapp/style/app/common/images/new_years_video/browser-2x.f50f0877.png');
            background-position: 0px 0px;
            background-size: 413px 330px; } }
      .NewYearsAnimation .items .itemContainer .item.season {
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        transform: scale(0.65); }
      .NewYearsAnimation .items .itemContainer .item .spring {
        width: 293px;
        height: 407px;
        background: url('/webapp/style/app/common/images/new_years_video/spring-1x.e5275d68.png') 0px 0px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewYearsAnimation .items .itemContainer .item .spring {
            background-image: url('/webapp/style/app/common/images/new_years_video/spring-2x.2d848a84.png');
            background-position: 0px 0px;
            background-size: 293px 407px; } }
      .NewYearsAnimation .items .itemContainer .item .autumn {
        width: 289px;
        height: 407px;
        background: url('/webapp/style/app/common/images/new_years_video/autumn-1x.eddd6769.png') 0px 0px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewYearsAnimation .items .itemContainer .item .autumn {
            background-image: url('/webapp/style/app/common/images/new_years_video/autumn-2x.a2a7f1e9.png');
            background-position: 0px 0px;
            background-size: 289px 407px; } }
      .NewYearsAnimation .items .itemContainer .item .summer {
        width: 291px;
        height: 408px;
        background: url('/webapp/style/app/common/images/new_years_video/summer-1x.fbc4e02b.png') 0px 0px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewYearsAnimation .items .itemContainer .item .summer {
            background-image: url('/webapp/style/app/common/images/new_years_video/summer-2x.a66b34fe.png');
            background-position: 0px 0px;
            background-size: 291px 408px; } }
      .NewYearsAnimation .items .itemContainer .item .winter {
        width: 299px;
        height: 414px;
        background: url('/webapp/style/app/common/images/new_years_video/winter-1x.b514a2ea.png') 0px 0px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewYearsAnimation .items .itemContainer .item .winter {
            background-image: url('/webapp/style/app/common/images/new_years_video/winter-2x.dc4fdd6f.png');
            background-position: 0px 0px;
            background-size: 299px 414px; } }
      .NewYearsAnimation .items .itemContainer .item .seasonText {
        color: #ae3844;
        font-size: 27px;
        font-style: italic;
        top: 80%; }
      .NewYearsAnimation .items .itemContainer .item .calendar .calendarImage {
        width: 325px;
        height: 300px;
        background: url('/webapp/style/app/common/images/new_years_video/calendar-1x.3916dca5.png') 0px 0px no-repeat;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8); }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewYearsAnimation .items .itemContainer .item .calendar .calendarImage {
            background-image: url('/webapp/style/app/common/images/new_years_video/calendar-2x.21fde021.png');
            background-position: 0px 0px;
            background-size: 325px 300px; } }
      .NewYearsAnimation .items .itemContainer .item .calendar .calendarText {
        color: #ae3844;
        font-family: "HelveticaNeue";
        font-weight: bold;
        font-size: 60px;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        top: 54%; }
      .NewYearsAnimation .items .itemContainer .item.interest {
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        transform: scale(1.7); }
  .NewYearsAnimation .items .right {
    right: 0; }
  .NewYearsAnimation a {
    color: #fff; }

.NetworkNotificationItems .networkNotifDateHeader {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  color: #9a9a9a;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: uppercase; }
  .NetworkNotificationItems .networkNotifDateHeader.unseenHeader {
    background-color: #fff;
    color: #666; }
  .NetworkNotificationItems .networkNotifDateHeader.todayHeader {
    border-top: none !important; }
.NetworkNotificationItems .networkNotifItem {
  overflow: hidden;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
  color: #666;
  cursor: pointer;
  position: relative; }
  .NetworkNotificationItems .networkNotifItem.unseen {
    background-color: #fff; }
    .NetworkNotificationItems .networkNotifItem.unseen:hover {
      background-color: #f1f1f1 !important; }
  .NetworkNotificationItems .networkNotifItem:hover {
    background-color: #f1f1f1 !important; }
.NetworkNotificationItems .mainActorImageWrapper {
  float: left;
  margin: 10px;
  vertical-align: top;
  width: 50px; }
.NetworkNotificationItems .mainActorImage {
  display: block; }
  .NetworkNotificationItems .mainActorImage img {
    height: 50px;
    width: 50px; }
  .NetworkNotificationItems .mainActorImage span {
    display: block;
    position: relative; }
    .NetworkNotificationItems .mainActorImage span:after {
      border-radius: 50%;
      -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: 50px;
      left: 0;
      position: absolute;
      top: 0;
      width: 50px; }
    .NetworkNotificationItems .mainActorImage span img {
      border-radius: 50%;
      height: 50px;
      width: 50px; }
.NetworkNotificationItems .networkNotifMessageWrapper {
  color: #666;
  font-size: 12px;
  line-height: 15px;
  margin: 10px;
  margin-left: 12px;
  margin-right: 12px;
  overflow: hidden; }
.NetworkNotificationItems .notifMessage {
  display: block;
  margin: 0;
  width: 100%; }
  .NetworkNotificationItems .notifMessage span {
    margin: 0; }
  .NetworkNotificationItems .notifMessage .actorText {
    font-weight: bold; }
.NetworkNotificationItems .notifActorImages {
  display: block;
  margin-top: 7px; }
.NetworkNotificationItems .actorImage {
  display: inline-block;
  height: 50px;
  margin-right: 4px;
  vertical-align: top;
  width: 50px; }
  .NetworkNotificationItems .actorImage div {
    height: 50px;
    width: 50px; }
  .NetworkNotificationItems .actorImage img {
    height: 50px;
    width: 50px; }
  .NetworkNotificationItems .actorImage span.pinActor, .NetworkNotificationItems .actorImage span.boardActor {
    display: block;
    position: relative; }
    .NetworkNotificationItems .actorImage span.pinActor:after, .NetworkNotificationItems .actorImage span.boardActor: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: 50px;
      left: 0;
      position: absolute;
      top: 0;
      width: 50px; }
    .NetworkNotificationItems .actorImage span.pinActor img, .NetworkNotificationItems .actorImage span.boardActor img {
      border-radius: 3px;
      height: 50px;
      width: 50px; }
  .NetworkNotificationItems .actorImage span.userActor {
    display: block;
    position: relative; }
    .NetworkNotificationItems .actorImage span.userActor:after {
      border-radius: 50%;
      -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: 50px;
      left: 0;
      position: absolute;
      top: 0;
      width: 50px; }
    .NetworkNotificationItems .actorImage span.userActor img {
      border-radius: 50%;
      height: 50px;
      width: 50px; }
.NetworkNotificationItems .pinMoreBox, .NetworkNotificationItems .boardMoreBox {
  background: white;
  width: 50px;
  height: 50px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -52px -251px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .NetworkNotificationItems .pinMoreBox, .NetworkNotificationItems .boardMoreBox {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: 0px -248px;
      background-size: 415px 409px; } }
.NetworkNotificationItems .userMoreBox {
  background: white;
  width: 50px;
  height: 50px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -251px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .NetworkNotificationItems .userMoreBox {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -248px -177px;
      background-size: 415px 409px; } }

.NetworkNotifications {
  background-color: #f5f5f5;
  border-radius: 3px 3px 0 0;
  width: 100%; }
  .NetworkNotifications.withinSegmentedController {
    border-radius: 0 0 3px 3px;
    height: 402px; }
    .NetworkNotifications.withinSegmentedController .networkNotifContent {
      bottom: 0; }
  .NetworkNotifications .networkNotifContent {
    height: 402px;
    border-radius: 0 0 3px 3px;
    overflow: auto; }
  .NetworkNotifications .empty {
    color: #999;
    font-size: 14px;
    padding: 30px 20px;
    text-align: center; }

.NetworkStoryActorInfoOverride {
  line-height: 30px;
  overflow: hidden; }
  .NetworkStoryActorInfoOverride .thumbImageWrapper {
    position: relative;
    margin-right: 8px;
    float: left;
    display: inline-block;
    height: 30px;
    width: 30px; }
    .NetworkStoryActorInfoOverride .thumbImageWrapper:after {
      border-radius: 50%;
      -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; }
    .NetworkStoryActorInfoOverride .thumbImageWrapper img {
      border-radius: 50%;
      height: 30px;
      width: 30px; }
    .NetworkStoryActorInfoOverride .thumbImageWrapper img {
      vertical-align: top; }
  .NetworkStoryActorInfoOverride .fullname {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 13px;
    color: #444;
    margin-bottom: 1px;
    margin-top: 1px;
    font-weight: bold; }

.NetworkStoryInfoBar.newBoardHeaderStyle {
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  height: 44px;
  line-height: 44px;
  margin-top: 12px;
  padding: 5px 0;
  position: relative;
  text-align: left; }
  .NetworkStoryInfoBar.newBoardHeaderStyle.boardHeaderBackground {
    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; }
  .NetworkStoryInfoBar.newBoardHeaderStyle .mainActorName {
    color: #444;
    font-weight: normal;
    margin-left: 14px;
    position: absolute; }
    .NetworkStoryInfoBar.newBoardHeaderStyle .mainActorName .User {
      text-align: left;
      width: 300px; }
      .NetworkStoryInfoBar.newBoardHeaderStyle .mainActorName .User .fullname {
        color: #777;
        line-height: 30px;
        font-size: 13px; }
        .NetworkStoryInfoBar.newBoardHeaderStyle .mainActorName .User .fullname:hover {
          color: #444; }
  .NetworkStoryInfoBar.newBoardHeaderStyle .mainAction {
    font-size: 13px;
    position: absolute;
    right: 20px;
    color: #9a9a9a; }

.NotificationItemBalanced {
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
  cursor: pointer; }
  .NotificationItemBalanced:last-child {
    border-bottom: none; }
  .NotificationItemBalanced:hover {
    background: #f1f1f1; }
  .NotificationItemBalanced .leftObjectWrapper, .NotificationItemBalanced .rightObjectWrapper, .NotificationItemBalanced .messageBodyWrapper {
    display: inline-block;
    vertical-align: top; }
  .NotificationItemBalanced .leftObjectWrapper {
    margin: 10px;
    vertical-align: middle; }
  .NotificationItemBalanced .messageBodyWrapper {
    color: #333;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 60%; }
    .NotificationItemBalanced .messageBodyWrapper a {
      color: #333; }
      .NotificationItemBalanced .messageBodyWrapper a:hover {
        color: #666; }
  .NotificationItemBalanced .rightImageWrapper {
    border-radius: 3px;
    height: 45px;
    margin-top: 10px;
    width: 45px; }
  .NotificationItemBalanced .timeSince {
    color: #acacac;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal; }
  .NotificationItemBalanced .notificationComment {
    font-size: 10px;
    margin: 0 auto;
    padding-left: 10px;
    width: 60%; }

.Notifications {
  border-radius: 3px 3px 0 0;
  background-color: #f5f5f5;
  width: 100%; }
  .Notifications.withinSegmentedController {
    border-radius: 0 0 3px 3px;
    height: 402px; }
    .Notifications.withinSegmentedController .notifFooter {
      display: none; }
    .Notifications.withinSegmentedController .notifContent {
      bottom: 0;
      top: 38px;
      position: static;
      height: 402px; }
  .Notifications .notifFooter {
    background-color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 3; }
  .Notifications .notifContent {
    bottom: 20px;
    height: auto;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 36px;
    z-index: 2; }
  .Notifications .notifFooter {
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 -2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 -2px 3px rgba(0, 0, 0, 0.05);
    bottom: 0;
    height: 20px; }
  .Notifications .empty {
    color: #999;
    font-size: 14px;
    padding: 30px 20px;
    text-align: center; }

.NotificationsConversationsButton {
  position: relative; }
  .NotificationsConversationsButton .buttonBadge {
    background: transparent;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 6px; }
  .NotificationsConversationsButton.merged .Button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }

.NotificationsConversationsDropdown {
  height: 100%;
  width: 100%; }
  .NotificationsConversationsDropdown .header .right {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    padding: 10px; }
  .NotificationsConversationsDropdown .convosContent {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #d1d1d1; }
  .NotificationsConversationsDropdown .SegmentedController > .content {
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    height: 401px;
    overflow: hidden; }
  .NotificationsConversationsDropdown .conversationsContent, .NotificationsConversationsDropdown .notificationsContent {
    right: 10px;
    position: absolute; }
  .NotificationsConversationsDropdown .conversationsContent {
    display: none; }
  .NotificationsConversationsDropdown.conversationsShowing .notificationsContent {
    display: none; }
  .NotificationsConversationsDropdown.conversationsShowing .conversationsContent {
    display: block; }
  .NotificationsConversationsDropdown .SegmentedController {
    width: 331px;
    clear: both; }
  .NotificationsConversationsDropdown .CreateConversationGroup {
    bottom: 0;
    position: absolute;
    top: 0;
    z-index: 3; }
    .NotificationsConversationsDropdown .CreateConversationGroup .ConversationsList {
      height: 366px;
      overflow-x: hidden;
      overflow-y: auto; }

.NotificationSettings .notificationHeadingDetails {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-bottom: 15px;
  padding-left: 30px; }
.NotificationSettings .emailDisabled > li {
  display: none; }
.NotificationSettings .emailDisabled .sectionTitle, .NotificationSettings .emailDisabled .emailGlobalToggle {
  display: block; }
.NotificationSettings label {
  vertical-align: middle; }
.NotificationSettings ul.formSection > li.formItem > h3 {
  float: none;
  margin-bottom: 15px;
  margin-left: 226px; }
.NotificationSettings ul.formSection > li.formItem.emailFrequency {
  padding-bottom: 5px; }
  .NotificationSettings ul.formSection > li.formItem.emailFrequency h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #555;
    display: inline;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0; }
  .NotificationSettings ul.formSection > li.formItem.emailFrequency .fieldsetWrapper {
    display: inline; }
  .NotificationSettings ul.formSection > li.formItem.emailFrequency .formInlineCheckedSet {
    display: inline;
    padding-left: 15px;
    padding-top: 0; }
    .NotificationSettings ul.formSection > li.formItem.emailFrequency .formInlineCheckedSet label > span {
      font-size: 13px;
      font-weight: normal; }
.NotificationSettings ul.formSection > li.formItem.emailGlobalToggle > h3 {
  float: left;
  margin: 0; }
.NotificationSettings ul.formSection > li.formItem.headlessSection {
  padding-top: 0; }
  .NotificationSettings ul.formSection > li.formItem.headlessSection > h3 {
    margin-top: 0; }
.NotificationSettings .formSection > li:first-child {
  border-top: 1px solid #dfdfdf; }

.PushNotificationSettings.modal {
  width: 480px; }
.PushNotificationSettings .pushNotifSettings h2 {
  background: #fafafa;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #f0f0f0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  font-size: 15px;
  padding: 10px 20px; }
.PushNotificationSettings .pushNotifSettings ul {
  padding: 5px 20px 15px; }
.PushNotificationSettings .pushNotifSettings .pushSetting {
  padding: 8px 0; }
  .PushNotificationSettings .pushNotifSettings .pushSetting label {
    font-weight: bold; }
  .PushNotificationSettings .pushNotifSettings .pushSetting input {
    float: right;
    margin-top: 8px; }
  .PushNotificationSettings .pushNotifSettings .pushSetting .helpText {
    color: #777;
    font-size: 11px;
    padding-top: 2px; }
  .PushNotificationSettings .pushNotifSettings .pushSetting:last-of-type {
    border: none; }

.UserBoardInvites {
  background: #fff; }
  .UserBoardInvites .PagedGrid .GridItems {
    margin: 0;
    padding-bottom: 0; }
    .UserBoardInvites .PagedGrid .GridItems .item {
      width: 100%; }
  .UserBoardInvites .PagedGrid .moreItems {
    background: #fff;
    border-top: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    margin-top: 0; }
  .UserBoardInvites .PagedGrid .moreItems:hover, .UserBoardInvites .PagedGrid .moreItems:active {
    border-radius: 0;
    background: #f8f8f8;
    border-left: 0;
    border-right: 0;
    color: #555; }

.UserNews {
  width: 236px; }
  .UserNews.split .topItem, .UserNews.split .bottomItem {
    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;
    overflow: hidden; }
  .UserNews.split .bottomItem {
    margin-top: 13px; }
  .UserNews .flexibleSetup {
    width: 236px;
    height: 229px;
    background: url('/webapp/style/app/common/images/flexible-setup-home-feed-1x.5597ff06.png') 0px 0px no-repeat;
    position: relative;
    text-align: center; }
    .UserNews .flexibleSetup span {
      bottom: 5px;
      color: #fff;
      font-size: 16px;
      left: 0;
      margin-bottom: 8px;
      position: absolute;
      right: 0; }
  .UserNews .launchFlexibleSetupButton {
    font-size: 14px;
    width: 90%; }
  .UserNews.nonSplit {
    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;
    overflow: hidden; }
  .UserNews .buttonHolder {
    border-top: 1px solid #e0e0e0;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center; }

.NuxProgress {
  background-color: #f2f2f2;
  -webkit-box-shadow: -2px 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 0 0 2px rgba(0, 0, 0, 0.1);
  left: auto;
  margin: 0;
  padding: 12px 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100% !important;
  z-index: auto; }
  .NuxProgress .headerMain {
    float: left;
    position: relative;
    width: 100%; }
  .NuxProgress .headerContent {
    background-color: inherit;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    height: 135px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 736px; }
    .NuxProgress .headerContent .headerTitle1, .NuxProgress .headerContent .headerTitle2 {
      line-height: 1.4em; }
    .NuxProgress .headerContent .headerTitle1 {
      font-size: 28px;
      margin-top: 30px;
      padding: 0 6px 0 20px; }
    .NuxProgress .headerContent .headerTitle2 {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 18px;
      font-weight: normal;
      padding: 4px 6px 0 20px; }
  .NuxProgress .progressFooterWrapper {
    background-color: #fff;
    bottom: 0;
    height: 69px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 150; }
    .NuxProgress .progressFooterWrapper .progressFooter {
      display: inline-block;
      width: 678px; }
      .NuxProgress .progressFooterWrapper .progressFooter .progressIndicator {
        height: 10px; }
        .NuxProgress .progressFooterWrapper .progressFooter .progressIndicator .Progress {
          margin: 0;
          width: 678px; }
      .NuxProgress .progressFooterWrapper .progressFooter .progress {
        background-color: #f2f2f2;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        height: 59px; }
        .NuxProgress .progressFooterWrapper .progressFooter .progress .contextualProgress {
          float: left;
          font-size: 12px;
          margin: 24px 0 0 45px; }
        .NuxProgress .progressFooterWrapper .progressFooter .progress .footerButtons {
          float: right;
          height: 25px;
          margin: 14px 50px 0 0; }
          .NuxProgress .progressFooterWrapper .progressFooter .progress .footerButtons .progressButton {
            float: right; }
          .NuxProgress .progressFooterWrapper .progressFooter .progress .footerButtons .skip {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #A9A9A9;
            float: right;
            font-size: 12px;
            font-weight: bold;
            margin: 9px 14px 0 0; }
            .NuxProgress .progressFooterWrapper .progressFooter .progress .footerButtons .skip:hover {
              color: #666;
              cursor: pointer; }
  .NuxProgress .nextStep {
    float: left; }
  .NuxProgress .Progress {
    float: left;
    margin: 12px 3px; }
  @media screen and (min-width: 1300px) {
    .NuxProgress.fixedPosition {
      left: 50%;
      margin-left: 450px;
      width: 280px; } }

.NuxProgressMweb {
  background-color: #d8d8d8;
  left: auto;
  margin: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  z-index: auto; }
  .NuxProgressMweb .nuxProgress {
    display: none; }
  .NuxProgressMweb .headerMain {
    float: left;
    position: relative;
    width: 100%; }
  .NuxProgressMweb .headerContent {
    color: #333;
    height: 130px;
    margin: 0 auto;
    position: relative;
    width: 100%; }
    .NuxProgressMweb .headerContent .headerTitle1, .NuxProgressMweb .headerContent .headerTitle2 {
      line-height: 1.4em;
      text-align: center; }
    .NuxProgressMweb .headerContent .headerTitle1 {
      font-size: 20px;
      padding: 44px 20px 0 20px; }
    .NuxProgressMweb .headerContent .headerTitle2 {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      font-weight: normal;
      padding: 4px 20px 0 20px; }
  .NuxProgressMweb .progressFooterWrapper {
    background-color: #fff;
    bottom: 0;
    display: none;
    height: 69px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 150; }
    .NuxProgressMweb .progressFooterWrapper .progressFooter {
      display: inline-block;
      width: 100%; }
      .NuxProgressMweb .progressFooterWrapper .progressFooter .progress {
        background-color: #f2f2f2;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        height: 69px; }
        .NuxProgressMweb .progressFooterWrapper .progressFooter .progress .footerButtons {
          height: 25px; }
          .NuxProgressMweb .progressFooterWrapper .progressFooter .progress .footerButtons .progressButton {
            margin: 0 auto;
            width: 100%; }
  .NuxProgressMweb .interestFollowButton {
    border-radius: 5px;
    height: 35px;
    margin-top: 15px;
    width: 300px; }
  .NuxProgressMweb .nextStep {
    float: left; }
  .NuxProgressMweb .Progress {
    float: left;
    margin: 12px 3px; }
  @media screen and (min-width: 1300px) {
    .NuxProgressMweb.fixedPosition {
      left: 50%;
      margin-left: 450px;
      width: 280px; } }

.NuxTutorial .BuildingHomeFeedSpinner {
  background-color: #e9e9e9;
  bottom: 0;
  left: 0;
  padding-top: 60px;
  position: fixed;
  right: 0;
  top: 161px; }

.PinPicksDetail p {
  margin: 0; }
.PinPicksDetail .banner {
  padding: 71px 0; }
  .PinPicksDetail .banner .title {
    font-size: 61px;
    font-weight: bold;
    margin-bottom: 10px; }
  .PinPicksDetail .banner .pinpicksTitle, .PinPicksDetail .banner .preTitle, .PinPicksDetail .banner .title {
    color: #eee;
    line-height: 110%;
    margin-bottom: 10px;
    text-align: center; }
.PinPicksDetail .pinpicksTitle {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 5px; }
.PinPicksDetail .preTitle {
  font-size: 24px;
  padding-top: 10px; }
.PinPicksDetail .boardSet, .PinPicksDetail .middleImageOverlay {
  max-width: 1000px;
  margin: auto; }
  .PinPicksDetail .boardSet > .User, .PinPicksDetail .boardSet > .Board, .PinPicksDetail .middleImageOverlay > .User, .PinPicksDetail .middleImageOverlay > .Board {
    display: inline-block;
    margin: 5px; }
.PinPicksDetail .pinnerGrid, .PinPicksDetail .boardGrid {
  margin: -7px; }
.PinPicksDetail .sectionText {
  padding: 10px; }
.PinPicksDetail .header {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  padding: 0 8px; }
.PinPicksDetail .details {
  color: #777;
  font-size: 16px;
  line-height: 22px;
  padding: 6px 8px; }
.PinPicksDetail .bodyWrapper {
  padding: 20px 0 30px; }
.PinPicksDetail .banner {
  background-position: right;
  background-size: cover;
  position: relative; }
.PinPicksDetail .featuredPinnerBackground {
  background: #fff; }
.PinPicksDetail .divider {
  background-color: #e9e9e9;
  height: 1px;
  margin: 14px 0; }
.PinPicksDetail .lightText .header, .PinPicksDetail .lightText .details {
  color: #eee; }
.PinPicksDetail .middleImage {
  background-position: right;
  background-size: cover; }
.PinPicksDetail .nextPinPick {
  background-position: 50%;
  margin-top: 20px; }

@-webkit-keyframes scrollConfetti {
  from {
    -webkit-transform: translateY(-700px);
    transform: translateY(-700px); }

  to {
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px); } }

@keyframes scrollConfetti {
  from {
    -webkit-transform: translateY(-700px);
    transform: translateY(-700px); }

  to {
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px); } }

.PinvitationalInviteHomefeedModal {
  border-radius: 10px;
  height: 500px;
  width: 430px; }
  .PinvitationalInviteHomefeedModal .dismissButton {
    display: none; }
    .PinvitationalInviteHomefeedModal .dismissButton .closeModal {
      z-index: 1; }
  .PinvitationalInviteHomefeedModal .mainContent .logo {
    -webkit-transform: translate(-30px, -30px);
    -ms-transform: translate(-30px, -30px);
    transform: translate(-30px, -30px);
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out; }
  .PinvitationalInviteHomefeedModal .mainContent .shiftedLogo {
    -webkit-transform: translate(-30px, 122px);
    -ms-transform: translate(-30px, 122px);
    transform: translate(-30px, 122px); }
  .PinvitationalInviteHomefeedModal .mainContent .logo, .PinvitationalInviteHomefeedModal .mainContent .shiftedLogo {
    width: 60px;
    height: 60px;
    background: url('/webapp/style/app/common/images/pinvitational/small-logo-circle-on-white-1x.5f68ef37.png') 0px 0px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    left: 50%;
    position: absolute;
    z-index: 1; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PinvitationalInviteHomefeedModal .mainContent .logo, .PinvitationalInviteHomefeedModal .mainContent .shiftedLogo {
        background-image: url('/webapp/style/app/common/images/pinvitational/small-logo-circle-on-white-2x.08ef83e6.png');
        background-position: 0px 0px;
        background-size: 60px 60px; } }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .title {
    color: #211922;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0 em;
    line-height: 36pt;
    padding-top: 40px; }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .message {
    font-size: 16px;
    line-height: 17pt;
    margin: 140px auto 0;
    width: 280px; }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .remindMessage {
    cursor: pointer;
    font-size: 12px;
    line-height: 22pt;
    margin-top: 60px;
    opacity: 0.5; }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .message, .PinvitationalInviteHomefeedModal .mainContent .greatTaste .remindMeMessage {
    color: #818181;
    letter-spacing: 0 em; }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .title, .PinvitationalInviteHomefeedModal .mainContent .greatTaste .message, .PinvitationalInviteHomefeedModal .mainContent .greatTaste .remindMessage {
    font: "Helvetica Neue", Sans-Serif;
    text-align: center; }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .Grid {
    overflow: hidden; }
    .PinvitationalInviteHomefeedModal .mainContent .greatTaste .Grid .padItems > .item {
      margin: 8px 4px 0 4px; }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .Grid, .PinvitationalInviteHomefeedModal .mainContent .greatTaste .GridItems {
    height: 300px;
    width: 343px; }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .modalBottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(65%, #ffffff), color-stop(75%, rgba(255, 255, 255, 0.7)), color-stop(85%, rgba(255, 255, 255, 0.5)), color-stop(90%, rgba(255, 255, 255, 0.3)), color-stop(95%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(bottom, #ffffff, #ffffff 65%, rgba(255, 255, 255, 0.7) 75%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0.1) 95%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to top, #ffffff, #ffffff 65%, rgba(255, 255, 255, 0.7) 75%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0.1) 95%, rgba(255, 255, 255, 0) 100%);
    border-radius: 5px;
    bottom: 0;
    height: 295px;
    position: absolute;
    width: 430px; }
  .PinvitationalInviteHomefeedModal .mainContent .greatTaste .unlockInviteButton {
    bottom: 56px;
    left: 50%;
    padding-top: 8px;
    position: absolute;
    -webkit-transform: translateX(-69px);
    -ms-transform: translateX(-69px);
    transform: translateX(-69px);
    width: 138px; }
  .PinvitationalInviteHomefeedModal .mainContent .inviteUnlocked {
    border-radius: 12px;
    display: none;
    height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 0; }
    .PinvitationalInviteHomefeedModal .mainContent .inviteUnlocked .confettiBg {
      -webkit-animation: scrollConfetti 30s linear;
      animation: scrollConfetti 30s linear;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      background-image: url('/webapp/style/app/common/images/pinvitational/confetti-bg-1x.fc67de9e.jpg');
      height: 1199px;
      overflow: hidden;
      position: relative;
      -webkit-transform: translateY(-700px);
      -ms-transform: translateY(-700px);
      transform: translateY(-700px);
      width: 100%;
      z-index: -1; }
    .PinvitationalInviteHomefeedModal .mainContent .inviteUnlocked .unlockMessage {
      color: #211922;
      font: bold 30px "Helvetica Neue", Sans-Serif;
      left: 50%;
      letter-spacing: 0 em;
      line-height: 36pt;
      margin: 0 auto;
      position: absolute;
      text-align: center;
      top: 195px;
      -webkit-transform: translateX(-150px);
      -ms-transform: translateX(-150px);
      transform: translateX(-150px);
      width: 300px; }
  .PinvitationalInviteHomefeedModal .inviter {
    display: none; }

.PinvitationalInviteListEmail .inviteToolbar .searchWrapper {
  width: 385px; }
.PinvitationalInviteListEmail .inviteAll {
  display: none; }
.PinvitationalInviteListEmail .inviteFooter {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

@keyframes scrollConfetti {
  from {
    -webkit-transform: translateY(-700px);
    transform: translateY(-700px); }

  to {
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px); } }

.PinvitationalInviter .inviter .panelHeading {
  padding: 15px 20px 10px !important; }
  .PinvitationalInviter .inviter .panelHeading .panelTitle {
    color: #211922;
    font: bold 28px "Helvetica Neue", Sans-Serif;
    line-height: 28px; }
    .PinvitationalInviter .inviter .panelHeading .panelTitle .newLine {
      display: block; }
    .PinvitationalInviter .inviter .panelHeading .panelTitle .redFont {
      color: #BD081C; }
.PinvitationalInviter .inviter .panelBody {
  position: relative; }
  .PinvitationalInviter .inviter .panelBody .tabName.active {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F4F4F4));
    background: -webkit-linear-gradient(#FFF, #F4F4F4);
    background: linear-gradient(#FFF, #F4F4F4);
    background-color: #F9F9F9;
    border-top: 1px solid #CCC;
    cursor: auto; }
.PinvitationalInviter .confirmation {
  border-radius: 12px;
  display: none;
  height: 500px;
  overflow: hidden;
  position: relative;
  z-index: 0; }
  .PinvitationalInviter .confirmation .confettiBg {
    -webkit-animation: scrollConfetti 30s linear;
    animation: scrollConfetti 30s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-image: url('/webapp/style/app/common/images/pinvitational/confetti-bg-1x.fc67de9e.jpg');
    height: 1199px;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    transform: translateY(-700px);
    width: 100%;
    z-index: -1; }
  .PinvitationalInviter .confirmation .checkmark {
    width: 75px;
    height: 75px;
    background: url('/webapp/style/app/common/images/pinvitational/checkmark-1x.b5dffd9e.png') 0px 0px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-37.5px, 106px);
    -ms-transform: translate(-37.5px, 106px);
    transform: translate(-37.5px, 106px); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PinvitationalInviter .confirmation .checkmark {
        background-image: url('/webapp/style/app/common/images/pinvitational/checkmark-2x.69432824.png');
        background-position: 0px 0px;
        background-size: 75px 75px; } }
  .PinvitationalInviter .confirmation .invitedText {
    padding-top: 210px; }
  .PinvitationalInviter .confirmation .invitedText, .PinvitationalInviter .confirmation .arrivedText {
    color: #818181;
    font: 16px "Helvetica Neue", Sans-Serif;
    line-height: 22px;
    text-align: center; }
  .PinvitationalInviter .confirmation .invitedEmails {
    left: 50%;
    margin: 20px 0;
    position: relative;
    -webkit-transform: translateX(-185px);
    -ms-transform: translateX(-185px);
    transform: translateX(-185px);
    width: 370px; }
    .PinvitationalInviter .confirmation .invitedEmails .singleEmail {
      color: #211922;
      display: block;
      font: bold 25px "Helvetica Neue", Sans-Serif;
      overflow: hidden;
      text-align: center;
      text-overflow: ellipsis; }
.PinvitationalInviter .inviteConfirm {
  width: 225px;
  height: 150px;
  background: url('/webapp/style/app/common/images/confirm-bg-1x.f007652c.png') 0px 0px no-repeat;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  position: absolute;
  margin: auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .PinvitationalInviter .inviteConfirm {
      background-image: url('/webapp/style/app/common/images/confirm-bg-2x.09867747.png');
      background-position: 0px 0px;
      background-size: 225px 150px; } }
  .PinvitationalInviter .inviteConfirm div {
    color: white;
    font-size: 18px;
    margin-top: 100px;
    text-align: center; }
.PinvitationalInviter.inModal .inviteEmail {
  padding-top: 16px; }
.PinvitationalInviter.inModal .inviteContent {
  height: 260px; }
.PinvitationalInviter.inModal .inviteEmailButton {
  position: absolute;
  right: 15px; }
.PinvitationalInviter.inModal input[type="text"].emailInput {
  margin-top: 1px; }
.PinvitationalInviter.inModal .panelBody {
  padding: 0; }

.PinvitationalInviterWrapper {
  border-radius: 10px;
  height: 500px;
  width: 430px; }

.PinvitationalRedemptionFlow {
  z-index: 681; }
  .PinvitationalRedemptionFlow .redeemContentWrapper {
    color: #444;
    margin: auto;
    text-align: center; }
    .PinvitationalRedemptionFlow .redeemContentWrapper .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;
      bottom: 50%;
      left: 50%;
      position: absolute; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PinvitationalRedemptionFlow .redeemContentWrapper .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; } }
    .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep {
      position: absolute; }
      .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep .socialLogin .unAuthFacebookConnect, .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep .socialLogin .unAuthFacebookConnect:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 35px;
        padding-top: 8px;
        width: 270px; }
        .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep .socialLogin .unAuthFacebookConnect em, .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep .socialLogin .unAuthFacebookConnect:hover em {
          height: 35px;
          margin-top: -4px; }
      .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep .outerTermsOfServiceFooter a {
        color: #A9A9A9; }

.PinvitationalRequestButtons {
  margin: 0 auto;
  max-width: 350px;
  padding-bottom: 10px;
  text-align: center !important; }
  .PinvitationalRequestButtons .Button.btn.requestInviteButton {
    height: 40px;
    margin-bottom: 10px;
    width: 268px; }
  .PinvitationalRequestButtons .compactLogin {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 14px;
    margin: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); }
    .PinvitationalRequestButtons .compactLogin a {
      color: #fff;
      font-weight: bold;
      margin-top: 0;
      vertical-align: inherit; }
      .PinvitationalRequestButtons .compactLogin a:hover {
        color: #fff;
        text-decoration: underline; }
  .PinvitationalRequestButtons .darkTextCompactLogin {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    font-size: 14px; }
    .PinvitationalRequestButtons .darkTextCompactLogin a {
      margin-top: 0;
      vertical-align: inherit;
      color: #000;
      font-weight: bold; }
      .PinvitationalRequestButtons .darkTextCompactLogin a:hover {
        color: #000;
        text-decoration: underline; }
  .PinvitationalRequestButtons .emptySeparator {
    margin: 20px auto 12px auto;
    width: 180px; }
  .PinvitationalRequestButtons .lineSeparator {
    border-bottom: #dedede 1px solid;
    margin: 20px auto;
    width: 180px; }
  .PinvitationalRequestButtons .loginButton {
    width: 268px; }

.PinvitationalRequestFlow {
  z-index: 681; }
  .PinvitationalRequestFlow .waitlistContentWrapper {
    color: #444;
    margin: auto;
    text-align: center; }
    .PinvitationalRequestFlow .waitlistContentWrapper .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;
      left: 50%;
      position: absolute; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PinvitationalRequestFlow .waitlistContentWrapper .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; } }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .emailInputGroup input {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-color: #f2f2f2;
      background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f5f5f5));
      background: -webkit-linear-gradient(#f0f0f0, #f5f5f5);
      background: linear-gradient(#f0f0f0, #f5f5f5);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      border-radius: 3px;
      border: 1px solid #d6d3ce;
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset;
      color: #333;
      font-size: 14px;
      padding: 7px; }
      .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .emailInputGroup input:focus {
        background: #fff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) inset; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .emailInputGroup input[placeholder] {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 15px;
      font-weight: bold;
      text-align: center; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .emailInputGroup .formErrorMessage {
      display: none; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .submitEmailButton {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .PinvitationalRequestFlow .waitlistContentWrapper .confirmStep {
      display: none; }
      .PinvitationalRequestFlow .waitlistContentWrapper .confirmStep .subtitle .emailText {
        color: #BA291F;
        overflow: hidden;
        text-overflow: ellipsis; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep, .PinvitationalRequestFlow .waitlistContentWrapper .confirmStep {
      margin-bottom: 20px;
      position: absolute; }
      .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .title, .PinvitationalRequestFlow .waitlistContentWrapper .confirmStep .title {
        font-weight: bold; }

.PinvitationalRequestModal {
  background-color: #eee;
  border-radius: 6px;
  text-align: center !important;
  max-width: 350px; }
  .PinvitationalRequestModal .logoWrapper {
    background-color: #fff;
    border-radius: 6px 6px 0 0; }
    .PinvitationalRequestModal .logoWrapper .logoSmall {
      width: 87px;
      height: 21px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -420px no-repeat;
      display: inline-block;
      font: 0 / 0 serif;
      text-shadow: none;
      color: transparent;
      margin: 20px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PinvitationalRequestModal .logoWrapper .logoSmall {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -25px -370px;
          background-size: 415px 409px; } }
  .PinvitationalRequestModal .signupWrapper {
    border-top: solid 1px #ccc;
    padding: 20px 10px; }
    .PinvitationalRequestModal .signupWrapper .title {
      margin: 0 20px 25px; }
      .PinvitationalRequestModal .signupWrapper .title h3 {
        font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -1px; }
      .PinvitationalRequestModal .signupWrapper .title h4 {
        font-size: 14px;
        font-weight: normal;
        margin-top: 10px; }
    .PinvitationalRequestModal .signupWrapper .separator {
      border-bottom: #dedede 1px solid;
      width: 180px;
      margin: 20px auto; }
    .PinvitationalRequestModal .signupWrapper .loginButton {
      margin-bottom: 5px;
      width: 268px; }
    .PinvitationalRequestModal .signupWrapper .Button.btn.requestInviteButton {
      height: 40px;
      width: 268px; }

.InitiatePasswordReset .contents {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  margin: 100px auto 0;
  position: relative;
  max-width: 470px;
  z-index: 682; }
.InitiatePasswordReset .title {
  color: #525252;
  font-size: 23px;
  margin: 10px 40px 0;
  padding: 20px 0 10px; }
.InitiatePasswordReset .standardForm {
  max-width: 100%; }
  .InitiatePasswordReset .standardForm input[type="email"] {
    border-radius: 6px;
    padding: 15px; }
.InitiatePasswordReset .emailWrapper, .InitiatePasswordReset .messageText, .InitiatePasswordReset .helperText {
  margin: 0;
  padding: 5px 40px; }
.InitiatePasswordReset .formFooter {
  margin-top: 10px; }
.InitiatePasswordReset .successButton {
  display: block; }
.InitiatePasswordReset .hidden {
  display: none; }

.PasswordResetOneClick h1 {
  font-size: 21px; }
.PasswordResetOneClick h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6em;
  margin-top: 20px; }
.PasswordResetOneClick .successMessage {
  display: none; }
.PasswordResetOneClick .wrapper {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  margin: 100px auto 0;
  position: relative;
  max-width: 380px;
  z-index: 682;
  min-height: auto !important; }
.PasswordResetOneClick .content {
  color: #525252;
  padding: 20px; }
.PasswordResetOneClick .messageContent {
  border-top: 1px solid #dadada;
  padding: 20px; }
  .PasswordResetOneClick .messageContent h3 {
    margin: 0; }
.PasswordResetOneClick .oneClickPasswordResetForm {
  margin-bottom: 0; }
.PasswordResetOneClick .formFooter {
  text-align: right; }

.ResetPasswordPage .invalidLink {
  font-size: 16px; }

.UserChangePassword {
  width: 530px; }
  .UserChangePassword .forgotPassword {
    display: none;
    color: #bd081c;
    display: block;
    font-size: 11px; }

.CloseupSignupModal {
  height: 446px;
  width: 688px;
  /**
     * csLeftContent holds the pin image or related pins slideshow
     */
  /**
     * csRightContent holds the csSignupWall, csSignupOptions and csSignupForm
     */ }
  .CloseupSignupModal .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: 464px;
    width: 100%;
    z-index: -1; }
    .CloseupSignupModal .homeUnauthNumbers .left, .CloseupSignupModal .homeUnauthNumbers .right {
      display: inline-block;
      float: none;
      text-align: center; }
    .CloseupSignupModal .homeUnauthNumbers .left {
      border-right: 2px solid #fff;
      padding-left: 15px;
      padding-right: 20px; }
      .CloseupSignupModal .homeUnauthNumbers .left .numbersWrapper {
        text-align: right; }
    .CloseupSignupModal .homeUnauthNumbers .right {
      padding-left: 20px;
      padding-right: 15px; }
      .CloseupSignupModal .homeUnauthNumbers .right .numbersWrapper {
        text-align: left; }
    .CloseupSignupModal .homeUnauthNumbers .numbersTitle {
      font-family: Helvetica;
      font-size: 35px;
      font-weight: bold;
      display: inline-block; }
    .CloseupSignupModal .homeUnauthNumbers .numbersSubtitle {
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      line-height: 120%;
      padding-left: 4px;
      padding-top: 3px;
      text-align: left; }
  .CloseupSignupModal .csLeftContent {
    border-radius: 6px 0 0 6px;
    float: left;
    height: 446px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
    width: 344px; }
    .CloseupSignupModal .csLeftContent.pinType .csContent, .CloseupSignupModal .csLeftContent.pinType .csItem, .CloseupSignupModal .csLeftContent.pinnableType .csContent, .CloseupSignupModal .csLeftContent.pinnableType .csItem {
      height: 446px;
      position: relative;
      width: 344px; }
    .CloseupSignupModal .csLeftContent.pinType .csItem, .CloseupSignupModal .csLeftContent.pinnableType .csItem {
      margin: 0; }
  .CloseupSignupModal .csRightContent {
    background: #fff;
    border-radius: 0 6px 6px 0;
    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;
    float: right;
    height: 446px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 29px;
    overflow: visible;
    position: relative;
    width: auto; }
    .CloseupSignupModal .csRightContent .csContent {
      text-align: center; }
      .CloseupSignupModal .csRightContent .csContent .csSignupWall {
        margin: 0;
        width: 284px; }
        .CloseupSignupModal .csRightContent .csContent .csSignupWall > h3 {
          font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
          font-size: 24px;
          font-weight: bold;
          line-height: 28px;
          margin: 0 0 18px; }
        .CloseupSignupModal .csRightContent .csContent .csSignupWall .loginLine {
          margin: 2px 0 8px; }
          .CloseupSignupModal .csRightContent .csContent .csSignupWall .loginLine a {
            color: #000; }
        .CloseupSignupModal .csRightContent .csContent .csSignupWall .logo {
          margin: 0 auto; }
  .CloseupSignupModal .separator {
    border-bottom: #dedede 1px solid;
    margin: 15px auto;
    width: 180px; }

.FlatSignupForm .belowForm {
  height: 25px;
  margin: 0 auto;
  width: 440px;
  position: relative; }
.FlatSignupForm .FlatSignupUserRegister {
  padding-bottom: 22px; }
.FlatSignupForm .tosAndPrivacy, .FlatSignupForm .FacebookConnectLink {
  position: absolute;
  top: 50%; }
.FlatSignupForm .tosAndPrivacy {
  color: #666;
  font-size: 12px;
  left: 48%;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%); }
.FlatSignupForm .divider {
  background-color: #000;
  height: 100%;
  left: 50%;
  opacity: 0.3;
  position: absolute;
  width: 1px; }
.FlatSignupForm .FacebookConnectLink {
  left: 52%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.FlatSignupUserRegister {
  height: 56px; }
  .FlatSignupUserRegister input, .FlatSignupUserRegister .genderContainer {
    height: 56px; }
  .FlatSignupUserRegister input.email, .FlatSignupUserRegister input.password, .FlatSignupUserRegister input.name, .FlatSignupUserRegister .genderContainer, .FlatSignupUserRegister input.age {
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    font-size: 16px;
    margin-right: 10px;
    outline: 0;
    padding: 0 15px; }
    .FlatSignupUserRegister input.email.hasError, .FlatSignupUserRegister input.password.hasError, .FlatSignupUserRegister input.name.hasError, .FlatSignupUserRegister .genderContainer.hasError, .FlatSignupUserRegister input.age.hasError {
      background-color: #fce8e8;
      border-color: #cb2027; }
  .FlatSignupUserRegister input.email, .FlatSignupUserRegister input.password {
    width: 270px; }
  .FlatSignupUserRegister input.name {
    width: 200px; }
  .FlatSignupUserRegister .genderContainer {
    background-color: #fff;
    display: inline-block;
    position: relative;
    padding: 0 0 0 8px;
    width: 150px; }
  .FlatSignupUserRegister .genderFormWrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .FlatSignupUserRegister input.age {
    width: 30px; }
  .FlatSignupUserRegister .nameGenderAgeStep {
    display: none; }
  .FlatSignupUserRegister .nextButton {
    background: #bc232c;
    border: none;
    border-radius: 8px !important;
    color: #fff;
    font-size: 15px;
    height: 58px;
    text-shadow: none; }
    .FlatSignupUserRegister .nextButton:hover {
      background: #ce2b34; }
  .FlatSignupUserRegister .emailStep, .FlatSignupUserRegister .nameGenderAgeStep {
    text-align: center; }
  .FlatSignupUserRegister .formErrorMessage {
    display: none; }
  .FlatSignupUserRegister .inputContainer, .FlatSignupUserRegister button {
    display: inline-block;
    position: relative;
    vertical-align: top; }
  .FlatSignupUserRegister .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: 50%;
    top: 63px;
    line-height: 150%;
    padding: 8px 14px;
    position: absolute;
    text-align: left;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 215px;
    z-index: 1000; }
    .FlatSignupUserRegister .errorTooltip.passwordError {
      top: 44px; }
  .FlatSignupUserRegister .errorTooltip:before, .FlatSignupUserRegister .errorTooltip:after {
    border-style: solid;
    border-width: 0 8px 10px;
    content: '';
    display: block;
    left: 50%;
    right: 100%;
    margin-top: 0;
    position: absolute;
    top: -9px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 0; }
  .FlatSignupUserRegister .errorTooltip:before {
    border-color: rgba(0, 0, 0, 0.48) transparent; }
  .FlatSignupUserRegister .errorTooltip:after {
    border-color: #FFF transparent; }
  .FlatSignupUserRegister .errorIcon {
    width: 14px;
    height: 14px;
    background: url('/webapp/style/app/common/images/widget_landing/error-1x.eacbb408.png') 0px 0px no-repeat;
    margin-top: 2px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .FlatSignupUserRegister .errorIcon {
        background-image: url('/webapp/style/app/common/images/widget_landing/error-2x.274e8bb9.png');
        background-position: 0px 0px;
        background-size: 14px 14px; } }
  .FlatSignupUserRegister .errorText {
    margin-left: 10px;
    width: 85%; }
  .FlatSignupUserRegister .errorIcon, .FlatSignupUserRegister .errorText {
    display: inline-block;
    vertical-align: top; }
  .FlatSignupUserRegister .formInlineCheckedSet {
    padding: 0; }
    .FlatSignupUserRegister .formInlineCheckedSet input[type='radio'] {
      display: none; }
    .FlatSignupUserRegister .formInlineCheckedSet li {
      margin-right: 0; }
    .FlatSignupUserRegister .formInlineCheckedSet .gender {
      background-color: #f1f1f1;
      border-radius: 2px;
      font-size: 16px;
      padding: 11px; }
    .FlatSignupUserRegister .formInlineCheckedSet input[type="radio"]:checked + .gender {
      background-color: #666;
      color: #fff; }

.InlineSignup {
  border-radius: 6px;
  -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); }
  .InlineSignup .outerTermsOfServiceFooter {
    font-size: 11px; }
  .InlineSignup .loginLine .separator {
    margin-bottom: 10px; }

.PinItLandingSignup {
  margin: auto;
  text-align: center;
  width: 340px; }
  .PinItLandingSignup.smallHeader .savePinDialog .signupForm {
    padding: 15px; }
  .PinItLandingSignup.smallHeader .savePinDialog .homeUnauthLogoWrapper {
    padding-bottom: 20px; }
    .PinItLandingSignup.smallHeader .savePinDialog .homeUnauthLogoWrapper .homeUnauthLogo {
      width: 87px;
      height: 21px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -420px 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) {
        .PinItLandingSignup.smallHeader .savePinDialog .homeUnauthLogoWrapper .homeUnauthLogo {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -25px -370px;
          background-size: 415px 409px; } }
  .PinItLandingSignup .savePinDialog {
    background-color: #EFEFEF;
    border-radius: 6px;
    position: absolute;
    top: 5%;
    width: 340px; }
    .PinItLandingSignup .savePinDialog .homeUnauthLogoWrapper {
      background-color: #fff;
      border-radius: 6px;
      display: block !important;
      padding-top: 10px; }
      .PinItLandingSignup .savePinDialog .homeUnauthLogoWrapper .homeUnauthLogo {
        width: 251px;
        height: 85px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -92px 0px 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) {
          .PinItLandingSignup .savePinDialog .homeUnauthLogoWrapper .homeUnauthLogo {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -91px 0px;
            background-size: 415px 409px; } }
    .PinItLandingSignup .savePinDialog .savePinWrapper {
      background-color: #FDFFE0;
      border-top: #dedede 1px solid;
      padding: 15px; }
      .PinItLandingSignup .savePinDialog .savePinWrapper .savePin {
        margin: auto; }
        .PinItLandingSignup .savePinDialog .savePinWrapper .savePin .savePinImgWrapper {
          border: #dedede 1px solid;
          border-radius: 6px;
          display: inline-block;
          height: 65px;
          overflow: hidden;
          margin-right: 15px;
          width: 65px; }
        .PinItLandingSignup .savePinDialog .savePinWrapper .savePin .savePinText {
          display: inline-block;
          font-size: 13px;
          line-height: 150%;
          vertical-align: top;
          width: 175px; }
          .PinItLandingSignup .savePinDialog .savePinWrapper .savePin .savePinText.hasImage {
            margin-top: 5px;
            text-align: left; }
    .PinItLandingSignup .savePinDialog .signupForm {
      border-top: #dedede 1px solid;
      padding-top: 15px; }
      .PinItLandingSignup .savePinDialog .signupForm .loginLine {
        margin: 15px auto; }
      .PinItLandingSignup .savePinDialog .signupForm .outerTermsOfServiceFooter {
        bottom: 0;
        color: #333;
        position: relative; }
        .PinItLandingSignup .savePinDialog .signupForm .outerTermsOfServiceFooter a {
          color: #717171; }
  .PinItLandingSignup .loginLine .emailLogin {
    padding: 9px 12px;
    right: 6px;
    top: 6px; }
  .PinItLandingSignup .separator {
    border-bottom: #dedede 1px solid;
    margin: auto;
    margin-bottom: 15px;
    width: 180px; }

.PlainSignupModal {
  background-color: #eee;
  border-radius: 6px;
  position: relative;
  text-align: center !important;
  width: 335px; }
  .PlainSignupModal .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: 20px;
    width: 100%;
    z-index: -1; }
    .PlainSignupModal .homeUnauthNumbers .left, .PlainSignupModal .homeUnauthNumbers .right {
      display: inline-block;
      float: none;
      text-align: center; }
    .PlainSignupModal .homeUnauthNumbers .left {
      border-right: 2px solid #fff;
      padding-left: 15px;
      padding-right: 20px; }
      .PlainSignupModal .homeUnauthNumbers .left .numbersWrapper {
        text-align: right; }
    .PlainSignupModal .homeUnauthNumbers .right {
      padding-left: 20px;
      padding-right: 15px; }
      .PlainSignupModal .homeUnauthNumbers .right .numbersWrapper {
        text-align: left; }
    .PlainSignupModal .homeUnauthNumbers .numbersTitle {
      font-family: Helvetica;
      font-size: 35px;
      font-weight: bold;
      display: inline-block; }
    .PlainSignupModal .homeUnauthNumbers .numbersSubtitle {
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      line-height: 120%;
      padding-left: 4px;
      padding-top: 3px;
      text-align: left; }
  .PlainSignupModal .logoWrapper {
    background-color: #fff;
    border-radius: 6px 6px 0 0; }
    .PlainSignupModal .logoWrapper .logoSmall {
      width: 87px;
      height: 21px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -420px no-repeat;
      display: inline-block;
      font: 0 / 0 serif;
      text-shadow: none;
      color: transparent;
      margin: 20px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PlainSignupModal .logoWrapper .logoSmall {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -25px -370px;
          background-size: 415px 409px; } }
  .PlainSignupModal .signupWrapper {
    border-top: solid 1px #ccc;
    padding: 20px 10px; }
    .PlainSignupModal .signupWrapper .title {
      margin: 0 auto 25px; }
      .PlainSignupModal .signupWrapper .title.secondStep {
        font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -1px;
        width: 300px; }
      .PlainSignupModal .signupWrapper .title h3 {
        font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -1px; }
      .PlainSignupModal .signupWrapper .title h4 {
        font-size: 14px;
        font-weight: normal;
        margin-top: 10px; }
    .PlainSignupModal .signupWrapper .Button.btn.requestInviteButton {
      height: 40px;
      width: 268px; }
    .PlainSignupModal .signupWrapper .Button.btn.unauthHomeRegisterButton.unAuthFacebookConnect {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .PlainSignupModal .homeUnauthNumbers {
    height: 0;
    position: relative; }
  .PlainSignupModal .closeModal {
    width: 12px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -228px -259px no-repeat;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px; }

.RelatedItemsSlideshow {
  background-color: #000;
  border-radius: 6px 0 0 6px;
  height: 100%;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
  overflow: hidden;
  position: absolute;
  width: 100%; }
  .RelatedItemsSlideshow:after {
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .RelatedItemsSlideshow .pinInfo {
    color: #fff;
    font-size: 11px;
    margin: 10px 15px;
    position: absolute;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
    z-index: 5; }
    .RelatedItemsSlideshow .pinInfo h4 {
      font-size: 13px; }
  .RelatedItemsSlideshow img {
    border-radius: 0 !important;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .RelatedItemsSlideshow.animate .slideshow img, .RelatedItemsSlideshow.animate .slideshow .pinInfo {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s; }
  .RelatedItemsSlideshow.animate .slideshow img:nth-of-type(1) {
    -webkit-animation: zoomInAndFade 20s 0.3s linear infinite;
    animation: zoomInAndFade 20s 0.3s linear infinite; }
  .RelatedItemsSlideshow.animate .slideshow img:nth-of-type(2) {
    -webkit-animation: zoomOutAndFade 20s 5.3s linear infinite;
    animation: zoomOutAndFade 20s 5.3s linear infinite; }
  .RelatedItemsSlideshow.animate .slideshow img:nth-of-type(3) {
    -webkit-animation: zoomInAndFade 20s 10.3s linear infinite;
    animation: zoomInAndFade 20s 10.3s linear infinite; }
  .RelatedItemsSlideshow.animate .slideshow img:nth-of-type(4) {
    -webkit-animation: zoomOutAndFade 20s 15.3s linear infinite;
    animation: zoomOutAndFade 20s 15.3s linear infinite; }
  .RelatedItemsSlideshow.animate .slideshow .pinInfo:nth-of-type(1) {
    -webkit-animation: fadeInAndOut 20s 0.3s linear infinite;
    animation: fadeInAndOut 20s 0.3s linear infinite; }
  .RelatedItemsSlideshow.animate .slideshow .pinInfo:nth-of-type(2) {
    -webkit-animation: fadeInAndOut 20s 5.3s linear infinite;
    animation: fadeInAndOut 20s 5.3s linear infinite; }
  .RelatedItemsSlideshow.animate .slideshow .pinInfo:nth-of-type(3) {
    -webkit-animation: fadeInAndOut 20s 10.3s linear infinite;
    animation: fadeInAndOut 20s 10.3s linear infinite; }
  .RelatedItemsSlideshow.animate .slideshow .pinInfo:nth-of-type(4) {
    -webkit-animation: fadeInAndOut 20s 15.3s linear infinite;
    animation: fadeInAndOut 20s 15.3s linear infinite; }
  .RelatedItemsSlideshow.animate .slideshow .pinInfo a, .RelatedItemsSlideshow.animate .slideshow .pinInfo a:hover {
    color: #fff; }
  .RelatedItemsSlideshow.static .slideshow img:nth-of-type(1), .RelatedItemsSlideshow.static .slideshow .pinInfo:nth-of-type(1) {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }
  .RelatedItemsSlideshow.static .slideshow img:nth-of-type(2), .RelatedItemsSlideshow.static .slideshow .pinInfo:nth-of-type(2) {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }
  .RelatedItemsSlideshow.static .slideshow img:nth-of-type(3), .RelatedItemsSlideshow.static .slideshow .pinInfo:nth-of-type(3) {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }
  .RelatedItemsSlideshow.static .slideshow img:nth-of-type(4), .RelatedItemsSlideshow.static .slideshow .pinInfo:nth-of-type(4) {
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }

.SignupForm {
  margin: 0 auto;
  width: 268px; }
  .SignupForm.whiteWall {
    width: 280px; }
    .SignupForm.whiteWall p {
      color: #aaa; }
  .SignupForm.darkWall label span {
    color: #fff !important; }
  .SignupForm.darkWall .termOfServiceWrapper .outerTermsOfServiceFooter {
    color: #fff; }
    .SignupForm.darkWall .termOfServiceWrapper .outerTermsOfServiceFooter a {
      color: #fff; }
  .SignupForm .buttonWrapper .register, .SignupForm .buttonWrapper .standardForm, .SignupForm .buttonWrapper .socialLogin, .SignupForm .buttonWrapper .multiStep {
    width: 100%; }
  .SignupForm .buttonWrapper .standardForm {
    background: transparent; }
    .SignupForm .buttonWrapper .standardForm .formInputWrapper {
      width: 100%; }
  .SignupForm .buttonWrapper .socialLogin {
    padding-left: 0; }
  .SignupForm .termOfServiceWrapper {
    margin-top: 15px; }
    .SignupForm .termOfServiceWrapper .outerTermsOfServiceFooter {
      color: #aaa;
      display: inline;
      font-size: 11px; }
      .SignupForm .termOfServiceWrapper .outerTermsOfServiceFooter a {
        color: #aaa; }
  .SignupForm .separator {
    border-bottom: #dedede 1px solid;
    margin: 10px auto;
    width: 110px; }
  .SignupForm .loginPrefix {
    color: #5A5A5A;
    font-weight: 500; }
  .SignupForm .loginButton {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 10px;
    width: 60%; }

.UnauthBanner {
  background: rgba(0, 0, 0, 0.85);
  border-top: solid 1px black;
  bottom: 0;
  color: #fff;
  left: 0;
  position: fixed;
  -webkit-transition: opacity 0.8s ease 0.8s;
  transition: opacity 0.8s ease 0.8s;
  width: 100%;
  z-index: 684; }
  .UnauthBanner.fade {
    opacity: 0; }
  .UnauthBanner.isHidden {
    z-index: -999999999; }

.UserRegister .step2, .UserRegister .step2Facebook {
  display: none;
  position: relative; }
.UserRegister.inline .hidden {
  display: none; }
.UserRegister.inline .personalizeField {
  padding-top: 15px;
  float: left; }
.UserRegister.inline .pinitLanding {
  display: inline-block; }
.UserRegister.inline .standardForm {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%; }
  .UserRegister.inline .standardForm.grayWall {
    background-color: #eee !important;
    margin: auto; }
.UserRegister.inline .inlineEmailForm {
  color: #fff; }
.UserRegister.inline .step1 .groupSeparatorWrapper {
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear; }
  .UserRegister.inline .step1 .groupSeparatorWrapper .groupSeparator {
    color: rgba(0, 0, 0, 0.9);
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    display: none;
    margin-top: -13px; }
    .UserRegister.inline .step1 .groupSeparatorWrapper .groupSeparator p {
      overflow: hidden;
      margin-bottom: 10px;
      text-align: center; }
    .UserRegister.inline .step1 .groupSeparatorWrapper .groupSeparator p:before, .UserRegister.inline .step1 .groupSeparatorWrapper .groupSeparator p:after {
      content: "";
      display: inline-block;
      height: 1px;
      position: relative;
      vertical-align: middle;
      width: 38%;
      background: rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
    .UserRegister.inline .step1 .groupSeparatorWrapper .groupSeparator p:before {
      margin-right: 10px; }
    .UserRegister.inline .step1 .groupSeparatorWrapper .groupSeparator p:after {
      margin-left: 10px; }
.UserRegister.inline .step1.multiStep .groupSeparator {
  display: block; }
.UserRegister.inline .step1.multiStep .step1Bottom {
  display: block;
  position: relative; }
.UserRegister.inline .step1 .emailFieldRedesign {
  margin-bottom: 7px; }
.UserRegister.inline .step1 .signupButton {
  padding-top: 10px; }
  .UserRegister.inline .step1 .signupButton button {
    -webkit-box-shadow: none;
    box-shadow: none; }
.UserRegister.inline .step1 .step1Bottom {
  display: none; }
.UserRegister.inline .step1 .termsOfServiceFooter {
  color: #333;
  margin-top: 8px;
  text-align: left; }
.UserRegister.inline .step2, .UserRegister.inline .step2Facebook {
  display: none;
  position: relative; }
  .UserRegister.inline .step2 .continueButton, .UserRegister.inline .step2Facebook .continueButton {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%; }
  .UserRegister.inline .step2 .genderFormItem, .UserRegister.inline .step2Facebook .genderFormItem {
    display: block;
    margin-left: 5px;
    margin-right: 5px; }
    .UserRegister.inline .step2 .genderFormItem .formInputWrapper, .UserRegister.inline .step2Facebook .genderFormItem .formInputWrapper {
      float: left;
      padding-bottom: 10px; }
    .UserRegister.inline .step2 .genderFormItem .formInlineCheckedSet, .UserRegister.inline .step2Facebook .genderFormItem .formInlineCheckedSet {
      padding-top: 11px; }
      .UserRegister.inline .step2 .genderFormItem .formInlineCheckedSet li, .UserRegister.inline .step2Facebook .genderFormItem .formInlineCheckedSet li {
        margin-right: 10px;
        margin-left: 0; }
  .UserRegister.inline .step2 label span, .UserRegister.inline .step2Facebook label span {
    color: #000;
    font-weight: bold;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); }
  .UserRegister.inline .step2 .divider, .UserRegister.inline .step2Facebook .divider {
    margin-top: 18px; }
    .UserRegister.inline .step2 .divider p, .UserRegister.inline .step2Facebook .divider p {
      bottom: 48px;
      left: 0;
      margin: 0 auto;
      opacity: 0.4;
      overflow: hidden;
      position: absolute;
      right: 0;
      text-align: center;
      width: 60%; }
    .UserRegister.inline .step2 .divider p:before, .UserRegister.inline .step2 .divider p:after, .UserRegister.inline .step2Facebook .divider p:before, .UserRegister.inline .step2Facebook .divider p:after {
      background: #000;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
      content: "";
      display: inline-block;
      height: 1px;
      opacity: 0.4;
      position: relative;
      vertical-align: middle;
      width: 38%; }
  .UserRegister.inline .step2 .businessField, .UserRegister.inline .step2Facebook .businessField {
    font-weight: normal;
    font-size: 16px;
    height: 30px;
    margin-bottom: 5px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    width: 100%; }
    .UserRegister.inline .step2 .businessField.linkGroup, .UserRegister.inline .step2Facebook .businessField.linkGroup {
      margin-top: 105px; }
      .UserRegister.inline .step2 .businessField.linkGroup .businessSignupMulti, .UserRegister.inline .step2Facebook .businessField.linkGroup .businessSignupMulti {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        margin: 0; }
        .UserRegister.inline .step2 .businessField.linkGroup .businessSignupMulti a, .UserRegister.inline .step2Facebook .businessField.linkGroup .businessSignupMulti a {
          color: #fff;
          font-weight: bold;
          margin-top: 0;
          vertical-align: inherit; }
          .UserRegister.inline .step2 .businessField.linkGroup .businessSignupMulti a:hover, .UserRegister.inline .step2Facebook .businessField.linkGroup .businessSignupMulti a:hover {
            color: #fff;
            text-decoration: underline; }
    .UserRegister.inline .step2 .businessField em, .UserRegister.inline .step2Facebook .businessField em {
      width: 23px;
      height: 23px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -277px -388px no-repeat;
      left: 227px;
      margin-top: -1px;
      position: absolute;
      z-index: 100; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .UserRegister.inline .step2 .businessField em, .UserRegister.inline .step2Facebook .businessField em {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -377px -24px;
          background-size: 415px 409px; } }
      .UserRegister.inline .step2 .businessField em.checked, .UserRegister.inline .step2Facebook .businessField em.checked {
        width: 23px;
        height: 23px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -302px -388px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .UserRegister.inline .step2 .businessField em.checked, .UserRegister.inline .step2Facebook .businessField em.checked {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
            background-position: -377px 0px;
            background-size: 415px 409px; } }
    .UserRegister.inline .step2 .businessField .businessSignupMulti.checkboxGroup, .UserRegister.inline .step2Facebook .businessField .businessSignupMulti.checkboxGroup {
      float: left;
      margin-left: 30px; }
.UserRegister.inline .step1 button, .UserRegister.inline .step2 button, .UserRegister.inline .step2Facebook button {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%; }
.UserRegister.inline .step1 input:not([type="radio"]), .UserRegister.inline .step2 input:not([type="radio"]), .UserRegister.inline .step2Facebook input:not([type="radio"]) {
  font-weight: bold;
  padding: 10px 10px;
  background: #fff; }
  .UserRegister.inline .step1 input:not([type="radio"]).hasError, .UserRegister.inline .step1 input:not([type="radio"]).hasWarning, .UserRegister.inline .step2 input:not([type="radio"]).hasError, .UserRegister.inline .step2 input:not([type="radio"]).hasWarning, .UserRegister.inline .step2Facebook input:not([type="radio"]).hasError, .UserRegister.inline .step2Facebook input:not([type="radio"]).hasWarning {
    background: #fce8e8;
    border-color: #bd081c;
    -webkit-box-shadow: 0 0 6px rgba(255, 0, 0, 0.35);
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.35);
    position: relative; }
.UserRegister.inline .step1 input[type="radio"], .UserRegister.inline .step2 input[type="radio"], .UserRegister.inline .step2Facebook input[type="radio"] {
  padding: 10px; }
.UserRegister.inline .step1 .formErrorMessage, .UserRegister.inline .step1 .formWarningMessage, .UserRegister.inline .step2 .formErrorMessage, .UserRegister.inline .step2 .formWarningMessage, .UserRegister.inline .step2Facebook .formErrorMessage, .UserRegister.inline .step2Facebook .formWarningMessage {
  display: none; }
.UserRegister.inline .step1 .errorTooltip, .UserRegister.inline .step2 .errorTooltip, .UserRegister.inline .step2Facebook .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: 282px;
  top: 0;
  line-height: 150%;
  padding: 8px 14px;
  position: absolute;
  text-align: left;
  width: 215px; }
  .UserRegister.inline .step1 .errorTooltip.passwordError, .UserRegister.inline .step2 .errorTooltip.passwordError, .UserRegister.inline .step2Facebook .errorTooltip.passwordError {
    top: 44px; }
.UserRegister.inline .step1 .errorTooltip:before, .UserRegister.inline .step1 .errorTooltip:after, .UserRegister.inline .step2 .errorTooltip:before, .UserRegister.inline .step2 .errorTooltip:after, .UserRegister.inline .step2Facebook .errorTooltip:before, .UserRegister.inline .step2Facebook .errorTooltip:after {
  border-style: solid;
  content: '';
  display: block;
  right: 100%;
  margin-top: -8px;
  position: absolute;
  top: 17px;
  width: 0; }
.UserRegister.inline .step1 .errorTooltip:before, .UserRegister.inline .step2 .errorTooltip:before, .UserRegister.inline .step2Facebook .errorTooltip:before {
  border-color: transparent rgba(0, 0, 0, 0.48);
  border-width: 8px 10px 8px 0;
  z-index: 0; }
.UserRegister.inline .step1 .errorTooltip:after, .UserRegister.inline .step2 .errorTooltip:after, .UserRegister.inline .step2Facebook .errorTooltip:after {
  border-color: transparent #fff;
  border-width: 8px 10px 8px 0;
  margin-right: -1px;
  z-index: 1; }
.UserRegister.inline .step1 .signupButton .Button.large, .UserRegister.inline .step2 .signupButton .Button.large, .UserRegister.inline .step2Facebook .signupButton .Button.large {
  padding: 0 18px; }
.UserRegister.inline .step1 .formInlineCheckedSet label span, .UserRegister.inline .step1 .formCheckedSet label span, .UserRegister.inline .step2 .formInlineCheckedSet label span, .UserRegister.inline .step2 .formCheckedSet label span, .UserRegister.inline .step2Facebook .formInlineCheckedSet label span, .UserRegister.inline .step2Facebook .formCheckedSet label span {
  font-size: 16px; }
.UserRegister.inline .step1 .personalizeField, .UserRegister.inline .step2 .personalizeField, .UserRegister.inline .step2Facebook .personalizeField {
  color: #000;
  font-size: 14px;
  text-shadow: none; }
.UserRegister.inline .step1 .learnMore, .UserRegister.inline .step2 .learnMore, .UserRegister.inline .step2Facebook .learnMore {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  margin: 0;
  font-size: 14px;
  text-shadow: none; }
.UserRegister.inline .step1 .passwordFieldRedesign input, .UserRegister.inline .step1 .ageFieldRedesign input, .UserRegister.inline .step1 .emailFieldRedesign input, .UserRegister.inline .step1 .nameFieldRedesign input, .UserRegister.inline .step2 .passwordFieldRedesign input, .UserRegister.inline .step2 .ageFieldRedesign input, .UserRegister.inline .step2 .emailFieldRedesign input, .UserRegister.inline .step2 .nameFieldRedesign input, .UserRegister.inline .step2Facebook .passwordFieldRedesign input, .UserRegister.inline .step2Facebook .ageFieldRedesign input, .UserRegister.inline .step2Facebook .emailFieldRedesign input, .UserRegister.inline .step2Facebook .nameFieldRedesign input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  border-radius: 3px;
  -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);
  font-weight: bold;
  height: 38px; }
.UserRegister.inline .step1 .passwordFieldRedesign em, .UserRegister.inline .step1 .ageFieldRedesign em, .UserRegister.inline .step1 .emailFieldRedesign em, .UserRegister.inline .step1 .nameFieldRedesign em, .UserRegister.inline .step2 .passwordFieldRedesign em, .UserRegister.inline .step2 .ageFieldRedesign em, .UserRegister.inline .step2 .emailFieldRedesign em, .UserRegister.inline .step2 .nameFieldRedesign em, .UserRegister.inline .step2Facebook .passwordFieldRedesign em, .UserRegister.inline .step2Facebook .ageFieldRedesign em, .UserRegister.inline .step2Facebook .emailFieldRedesign em, .UserRegister.inline .step2Facebook .nameFieldRedesign em {
  width: 14px;
  height: 14px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -451px -187px no-repeat;
  display: none;
  position: absolute;
  z-index: 100; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .UserRegister.inline .step1 .passwordFieldRedesign em, .UserRegister.inline .step1 .ageFieldRedesign em, .UserRegister.inline .step1 .emailFieldRedesign em, .UserRegister.inline .step1 .nameFieldRedesign em, .UserRegister.inline .step2 .passwordFieldRedesign em, .UserRegister.inline .step2 .ageFieldRedesign em, .UserRegister.inline .step2 .emailFieldRedesign em, .UserRegister.inline .step2 .nameFieldRedesign em, .UserRegister.inline .step2Facebook .passwordFieldRedesign em, .UserRegister.inline .step2Facebook .ageFieldRedesign em, .UserRegister.inline .step2Facebook .emailFieldRedesign em, .UserRegister.inline .step2Facebook .nameFieldRedesign em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -401px -165px;
      background-size: 415px 409px; } }
.UserRegister.inline .step1 .emailFieldRedesign em, .UserRegister.inline .step2 .emailFieldRedesign em, .UserRegister.inline .step2Facebook .emailFieldRedesign em {
  right: 10px;
  top: 12px; }
.UserRegister.inline .step1 .passwordFieldRedesign em, .UserRegister.inline .step2 .passwordFieldRedesign em, .UserRegister.inline .step2Facebook .passwordFieldRedesign em {
  right: 10px;
  top: 57px; }
.UserRegister.inline .step1 .nameFieldRedesign, .UserRegister.inline .step2 .nameFieldRedesign, .UserRegister.inline .step2Facebook .nameFieldRedesign {
  float: left;
  width: 202px; }
  .UserRegister.inline .step1 .nameFieldRedesign em, .UserRegister.inline .step2 .nameFieldRedesign em, .UserRegister.inline .step2Facebook .nameFieldRedesign em {
    right: 80px;
    top: 12px; }
.UserRegister.inline .step1 .ageFieldRedesign, .UserRegister.inline .step2 .ageFieldRedesign, .UserRegister.inline .step2Facebook .ageFieldRedesign {
  display: block;
  margin-left: 210px; }
  .UserRegister.inline .step1 .ageFieldRedesign em, .UserRegister.inline .step2 .ageFieldRedesign em, .UserRegister.inline .step2Facebook .ageFieldRedesign em {
    right: 8px;
    top: 12px; }
.UserRegister.inline .step1.grayWall, .UserRegister.inline .step2.grayWall, .UserRegister.inline .step2Facebook.grayWall {
  background-color: #eee; }
  .UserRegister.inline .step1.grayWall input:not([type="radio"]), .UserRegister.inline .step2.grayWall input:not([type="radio"]), .UserRegister.inline .step2Facebook.grayWall input:not([type="radio"]) {
    background-color: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px #ccc;
    height: 43px; }
    .UserRegister.inline .step1.grayWall input:not([type="radio"]):active, .UserRegister.inline .step1.grayWall input:not([type="radio"]):focus, .UserRegister.inline .step2.grayWall input:not([type="radio"]):active, .UserRegister.inline .step2.grayWall input:not([type="radio"]):focus, .UserRegister.inline .step2Facebook.grayWall input:not([type="radio"]):active, .UserRegister.inline .step2Facebook.grayWall input:not([type="radio"]):focus {
      background: #fff !important; }
  .UserRegister.inline .step1.grayWall input[type="radio"], .UserRegister.inline .step2.grayWall input[type="radio"], .UserRegister.inline .step2Facebook.grayWall input[type="radio"] {
    height: 43px; }
  .UserRegister.inline .step1.grayWall .errorTooltip.emailError, .UserRegister.inline .step2.grayWall .errorTooltip.emailError, .UserRegister.inline .step2Facebook.grayWall .errorTooltip.emailError {
    top: -8px; }
  .UserRegister.inline .step1.grayWall .errorTooltip.passwordError, .UserRegister.inline .step2.grayWall .errorTooltip.passwordError, .UserRegister.inline .step2Facebook.grayWall .errorTooltip.passwordError {
    top: 42px; }
  .UserRegister.inline .step1.grayWall .emailFieldRedesign em, .UserRegister.inline .step2.grayWall .emailFieldRedesign em, .UserRegister.inline .step2Facebook.grayWall .emailFieldRedesign em {
    right: 14px !important;
    top: 14px !important; }
  .UserRegister.inline .step1.grayWall .passwordFieldRedesign em, .UserRegister.inline .step2.grayWall .passwordFieldRedesign em, .UserRegister.inline .step2Facebook.grayWall .passwordFieldRedesign em {
    top: 64px !important;
    right: 14px !important; }
  .UserRegister.inline .step1.grayWall .businessField.linkGroup, .UserRegister.inline .step2.grayWall .businessField.linkGroup, .UserRegister.inline .step2Facebook.grayWall .businessField.linkGroup {
    height: auto;
    margin: 15px 0 0 0; }
    .UserRegister.inline .step1.grayWall .businessField.linkGroup .businessSignupMulti, .UserRegister.inline .step2.grayWall .businessField.linkGroup .businessSignupMulti, .UserRegister.inline .step2Facebook.grayWall .businessField.linkGroup .businessSignupMulti {
      color: #333; }
  .UserRegister.inline .step1.grayWall .genderFormItem .formInputWrapper, .UserRegister.inline .step2.grayWall .genderFormItem .formInputWrapper, .UserRegister.inline .step2Facebook.grayWall .genderFormItem .formInputWrapper {
    padding-bottom: 5px; }
    .UserRegister.inline .step1.grayWall .genderFormItem .formInputWrapper .formInlineCheckedSet, .UserRegister.inline .step2.grayWall .genderFormItem .formInputWrapper .formInlineCheckedSet, .UserRegister.inline .step2Facebook.grayWall .genderFormItem .formInputWrapper .formInlineCheckedSet {
      padding-top: 0; }
  .UserRegister.inline .step1.grayWall .divider p, .UserRegister.inline .step2.grayWall .divider p, .UserRegister.inline .step2Facebook.grayWall .divider p {
    bottom: 0;
    position: relative;
    width: auto; }
  .UserRegister.inline .step1.grayWall .groupSeparator, .UserRegister.inline .step2.grayWall .groupSeparator, .UserRegister.inline .step2Facebook.grayWall .groupSeparator {
    color: black; }
.UserRegister.inline .step1.whiteWall input, .UserRegister.inline .step2.whiteWall input, .UserRegister.inline .step2Facebook.whiteWall input {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset !important; }
  .UserRegister.inline .step1.whiteWall input, .UserRegister.inline .step1.whiteWall input.hasError, .UserRegister.inline .step1.whiteWall input.hasWarning, .UserRegister.inline .step2.whiteWall input, .UserRegister.inline .step2.whiteWall input.hasError, .UserRegister.inline .step2.whiteWall input.hasWarning, .UserRegister.inline .step2Facebook.whiteWall input, .UserRegister.inline .step2Facebook.whiteWall input.hasError, .UserRegister.inline .step2Facebook.whiteWall input.hasWarning {
    background-color: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f5f5f5));
    background: -webkit-linear-gradient(#f0f0f0, #f5f5f5);
    background: linear-gradient(#f0f0f0, #f5f5f5); }
  .UserRegister.inline .step1.whiteWall input:active, .UserRegister.inline .step1.whiteWall input:focus, .UserRegister.inline .step2.whiteWall input:active, .UserRegister.inline .step2.whiteWall input:focus, .UserRegister.inline .step2Facebook.whiteWall input:active, .UserRegister.inline .step2Facebook.whiteWall input:focus {
    background: #fff !important; }
.UserRegister.inline .step1.whiteWall .gender, .UserRegister.inline .step1.whiteWall .businessSignupMulti, .UserRegister.inline .step2.whiteWall .gender, .UserRegister.inline .step2.whiteWall .businessSignupMulti, .UserRegister.inline .step2Facebook.whiteWall .gender, .UserRegister.inline .step2Facebook.whiteWall .businessSignupMulti {
  text-shadow: none; }
.UserRegister.inline .step1.whiteWall .businessField.linkGroup, .UserRegister.inline .step2.whiteWall .businessField.linkGroup, .UserRegister.inline .step2Facebook.whiteWall .businessField.linkGroup {
  height: auto;
  margin: 15px 0 0; }
  .UserRegister.inline .step1.whiteWall .businessField.linkGroup .businessSignupMulti, .UserRegister.inline .step2.whiteWall .businessField.linkGroup .businessSignupMulti, .UserRegister.inline .step2Facebook.whiteWall .businessField.linkGroup .businessSignupMulti {
    color: #333; }
.UserRegister.inline .step1.whiteWall .divider, .UserRegister.inline .step2.whiteWall .divider, .UserRegister.inline .step2Facebook.whiteWall .divider {
  margin-top: 10px; }
  .UserRegister.inline .step1.whiteWall .divider p, .UserRegister.inline .step2.whiteWall .divider p, .UserRegister.inline .step2Facebook.whiteWall .divider p {
    position: relative;
    top: 5px;
    width: auto; }
.UserRegister.inline .step1.darkWall .groupSeparator, .UserRegister.inline .step2.darkWall .groupSeparator, .UserRegister.inline .step2Facebook.darkWall .groupSeparator {
  color: white; }
.UserRegister.inline .step1.pinvitationalWall .groupSeparatorWrapper, .UserRegister.inline .step2.pinvitationalWall .groupSeparatorWrapper, .UserRegister.inline .step2Facebook.pinvitationalWall .groupSeparatorWrapper {
  height: 25px; }
  .UserRegister.inline .step1.pinvitationalWall .groupSeparatorWrapper .groupSeparator, .UserRegister.inline .step2.pinvitationalWall .groupSeparatorWrapper .groupSeparator, .UserRegister.inline .step2Facebook.pinvitationalWall .groupSeparatorWrapper .groupSeparator {
    color: #A2A2A2; }
    .UserRegister.inline .step1.pinvitationalWall .groupSeparatorWrapper .groupSeparator p::before, .UserRegister.inline .step1.pinvitationalWall .groupSeparatorWrapper .groupSeparator p::after, .UserRegister.inline .step2.pinvitationalWall .groupSeparatorWrapper .groupSeparator p::before, .UserRegister.inline .step2.pinvitationalWall .groupSeparatorWrapper .groupSeparator p::after, .UserRegister.inline .step2Facebook.pinvitationalWall .groupSeparatorWrapper .groupSeparator p::before, .UserRegister.inline .step2Facebook.pinvitationalWall .groupSeparatorWrapper .groupSeparator p::after {
      width: 115px; }
.UserRegister.inline .step1.pinvitationalWall .continueButton, .UserRegister.inline .step1.pinvitationalWall .signup, .UserRegister.inline .step2.pinvitationalWall .continueButton, .UserRegister.inline .step2.pinvitationalWall .signup, .UserRegister.inline .step2Facebook.pinvitationalWall .continueButton, .UserRegister.inline .step2Facebook.pinvitationalWall .signup {
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 33px;
  padding: 0 18px 2px; }
.UserRegister.inline .step1.pinvitationalWall .emailFieldRedesign, .UserRegister.inline .step1.pinvitationalWall .passwordFieldRedesign, .UserRegister.inline .step1.pinvitationalWall .nameFieldRedesign, .UserRegister.inline .step1.pinvitationalWall .ageFieldRedesign, .UserRegister.inline .step2.pinvitationalWall .emailFieldRedesign, .UserRegister.inline .step2.pinvitationalWall .passwordFieldRedesign, .UserRegister.inline .step2.pinvitationalWall .nameFieldRedesign, .UserRegister.inline .step2.pinvitationalWall .ageFieldRedesign, .UserRegister.inline .step2Facebook.pinvitationalWall .emailFieldRedesign, .UserRegister.inline .step2Facebook.pinvitationalWall .passwordFieldRedesign, .UserRegister.inline .step2Facebook.pinvitationalWall .nameFieldRedesign, .UserRegister.inline .step2Facebook.pinvitationalWall .ageFieldRedesign {
  -webkit-box-shadow: none;
  box-shadow: none; }
  .UserRegister.inline .step1.pinvitationalWall .emailFieldRedesign input, .UserRegister.inline .step1.pinvitationalWall .passwordFieldRedesign input, .UserRegister.inline .step1.pinvitationalWall .nameFieldRedesign input, .UserRegister.inline .step1.pinvitationalWall .ageFieldRedesign input, .UserRegister.inline .step2.pinvitationalWall .emailFieldRedesign input, .UserRegister.inline .step2.pinvitationalWall .passwordFieldRedesign input, .UserRegister.inline .step2.pinvitationalWall .nameFieldRedesign input, .UserRegister.inline .step2.pinvitationalWall .ageFieldRedesign input, .UserRegister.inline .step2Facebook.pinvitationalWall .emailFieldRedesign input, .UserRegister.inline .step2Facebook.pinvitationalWall .passwordFieldRedesign input, .UserRegister.inline .step2Facebook.pinvitationalWall .nameFieldRedesign input, .UserRegister.inline .step2Facebook.pinvitationalWall .ageFieldRedesign input {
    border: 1px solid #D1D1D1;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 33px; }
    .UserRegister.inline .step1.pinvitationalWall .emailFieldRedesign input.hasError, .UserRegister.inline .step1.pinvitationalWall .passwordFieldRedesign input.hasError, .UserRegister.inline .step1.pinvitationalWall .nameFieldRedesign input.hasError, .UserRegister.inline .step1.pinvitationalWall .ageFieldRedesign input.hasError, .UserRegister.inline .step2.pinvitationalWall .emailFieldRedesign input.hasError, .UserRegister.inline .step2.pinvitationalWall .passwordFieldRedesign input.hasError, .UserRegister.inline .step2.pinvitationalWall .nameFieldRedesign input.hasError, .UserRegister.inline .step2.pinvitationalWall .ageFieldRedesign input.hasError, .UserRegister.inline .step2Facebook.pinvitationalWall .emailFieldRedesign input.hasError, .UserRegister.inline .step2Facebook.pinvitationalWall .passwordFieldRedesign input.hasError, .UserRegister.inline .step2Facebook.pinvitationalWall .nameFieldRedesign input.hasError, .UserRegister.inline .step2Facebook.pinvitationalWall .ageFieldRedesign input.hasError {
      border: 1px solid #FCE8E8; }
.UserRegister.inline .step1.pinvitationalWall .emailFieldRedesign, .UserRegister.inline .step2.pinvitationalWall .emailFieldRedesign, .UserRegister.inline .step2Facebook.pinvitationalWall .emailFieldRedesign {
  margin-bottom: 5px; }
  .UserRegister.inline .step1.pinvitationalWall .emailFieldRedesign #errorIconEmail, .UserRegister.inline .step2.pinvitationalWall .emailFieldRedesign #errorIconEmail, .UserRegister.inline .step2Facebook.pinvitationalWall .emailFieldRedesign #errorIconEmail {
    top: 10px; }
.UserRegister.inline .step1.pinvitationalWall .nameFieldRedesign #errorIconName, .UserRegister.inline .step2.pinvitationalWall .nameFieldRedesign #errorIconName, .UserRegister.inline .step2Facebook.pinvitationalWall .nameFieldRedesign #errorIconName {
  top: 10px; }
.UserRegister.inline .step1.pinvitationalWall .passwordFieldRedesign #errorIconPassword, .UserRegister.inline .step2.pinvitationalWall .passwordFieldRedesign #errorIconPassword, .UserRegister.inline .step2Facebook.pinvitationalWall .passwordFieldRedesign #errorIconPassword {
  top: 50px; }
.UserRegister.inline .step1.pinvitationalWall .ageFieldRedesign #errorIconAge, .UserRegister.inline .step2.pinvitationalWall .ageFieldRedesign #errorIconAge, .UserRegister.inline .step2Facebook.pinvitationalWall .ageFieldRedesign #errorIconAge {
  top: 10px; }
.UserRegister.inline .step1.pinvitationalWall .signupButton, .UserRegister.inline .step2.pinvitationalWall .signupButton, .UserRegister.inline .step2Facebook.pinvitationalWall .signupButton {
  padding-top: 5px; }
.UserRegister.inline .step1.pinvitationalWall input[placeholder], .UserRegister.inline .step2.pinvitationalWall input[placeholder], .UserRegister.inline .step2Facebook.pinvitationalWall input[placeholder] {
  text-align: center; }
.UserRegister.inline .step1.pinvitationalWall .formInputWrapper, .UserRegister.inline .step2.pinvitationalWall .formInputWrapper, .UserRegister.inline .step2Facebook.pinvitationalWall .formInputWrapper {
  padding-bottom: 16px; }
  .UserRegister.inline .step1.pinvitationalWall .formInputWrapper .fieldsetWrapper .formInlineCheckedSet, .UserRegister.inline .step2.pinvitationalWall .formInputWrapper .fieldsetWrapper .formInlineCheckedSet, .UserRegister.inline .step2Facebook.pinvitationalWall .formInputWrapper .fieldsetWrapper .formInlineCheckedSet {
    padding-top: 17px; }
    .UserRegister.inline .step1.pinvitationalWall .formInputWrapper .fieldsetWrapper .formInlineCheckedSet .gender, .UserRegister.inline .step2.pinvitationalWall .formInputWrapper .fieldsetWrapper .formInlineCheckedSet .gender, .UserRegister.inline .step2Facebook.pinvitationalWall .formInputWrapper .fieldsetWrapper .formInlineCheckedSet .gender {
      color: #000;
      font-size: 14px;
      text-shadow: none; }
.UserRegister.inline .step1.pinvitationalWall .divider, .UserRegister.inline .step1.pinvitationalWall .businessField, .UserRegister.inline .step2.pinvitationalWall .divider, .UserRegister.inline .step2.pinvitationalWall .businessField, .UserRegister.inline .step2Facebook.pinvitationalWall .divider, .UserRegister.inline .step2Facebook.pinvitationalWall .businessField {
  display: none; }
.UserRegister.inline .JumpStartUserRegisterLegalTerms {
  display: none; }
.UserRegister.inline .stepHeading {
  display: none; }
.UserRegister.jumpStart .formFieldMessage {
  height: 0;
  width: 100%; }
.UserRegister.jumpStart .groupSeparatorWrapper {
  display: none; }
.UserRegister.jumpStart .standardForm {
  display: block; }
.UserRegister.jumpStart .emailGroup {
  text-align: center; }
.UserRegister.jumpStart .continueButton, .UserRegister.jumpStart .signup {
  width: auto;
  min-width: 250px; }
.UserRegister.jumpStart .age {
  max-width: 150px; }
.UserRegister.jumpStart .businessField {
  margin-top: 40px; }
  .UserRegister.jumpStart .businessField a {
    color: #aaa; }
.UserRegister.jumpStart .formInputWrapper {
  padding-top: 12px; }
.UserRegister.jumpStart .formInlineCheckedSet li, .UserRegister.jumpStart .formCheckedSet li {
  margin: 0 2px; }
.UserRegister.jumpStart .JumpStartUserRegisterLegalTerms {
  margin-top: 30px; }
.UserRegister.jumpStart .step1 .fieldset {
  margin: 50px 0; }
.UserRegister.jumpStart .step2 .fieldset {
  margin: 30px 0; }
.UserRegister.jumpStart .stepHeading {
  font-size: 20px;
  color: #bd081c;
  text-align: center;
  margin-bottom: 50px; }
.UserRegister.jumpStart .errorTooltip {
  display: none !important; }

.UserRegisterPage .InlineSignup {
  margin: 50px auto; }

.UserRegisterRestricted {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .UserRegisterRestricted .contents {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    margin: 100px auto 0;
    position: relative;
    max-width: 300px;
    z-index: 682;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center; }
  .UserRegisterRestricted .logo {
    width: 169px;
    height: 42px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -303px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    margin-bottom: 20px; }
  .UserRegisterRestricted .header {
    font-size: 15px;
    font-weight: bold; }
  .UserRegisterRestricted .message {
    color: #555;
    line-height: 15px;
    margin-bottom: 20px;
    margin-top: 5px; }
  .App.full .UserRegisterRestricted .contents {
    z-index: 1; }

.WidescreenSignupModal {
  border-radius: 6px;
  height: 428px;
  position: relative;
  overflow: hidden;
  width: 659px; }
  .WidescreenSignupModal.allowOverflow {
    overflow: visible; }
  .WidescreenSignupModal .animate {
    border-radius: 6px; }
  .WidescreenSignupModal .csFullContent.fullGradient .gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
    background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%); }
  .WidescreenSignupModal .csFullContent .gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
    background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    bottom: 0;
    height: 40%;
    position: absolute;
    -webkit-transition: height cubic-bezier(.43, .01, .39, 1) .5s;
    transition: height cubic-bezier(.43, .01, .39, 1) .5s;
    width: 100%; }
    .WidescreenSignupModal .csFullContent .gradient.fullHeight {
      height: 100%; }
  .WidescreenSignupModal .csFullContent .login {
    position: absolute;
    right: 10px;
    top: 10px; }
  .WidescreenSignupModal .csFullContent .csContent {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%; }
    .WidescreenSignupModal .csFullContent .csContent.secondStep {
      bottom: -30px; }
      .WidescreenSignupModal .csFullContent .csContent.secondStep .divider, .WidescreenSignupModal .csFullContent .csContent.secondStep .businessField {
        display: none; }
    .WidescreenSignupModal .csFullContent .csContent.onContinue {
      -webkit-transition: -webkit-transform cubic-bezier(.43, .01, .39, 1) .5s;
      transition: transform cubic-bezier(.43, .01, .39, 1) .5s;
      -webkit-transform: translateY(-320px);
      -ms-transform: translateY(-320px);
      transform: translateY(-320px); }
      .WidescreenSignupModal .csFullContent .csContent.onContinue .nextStep {
        visibility: visible;
        margin-top: 15px; }
    .WidescreenSignupModal .csFullContent .csContent h3 {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
      color: #fff;
      font-size: 28px; }
    .WidescreenSignupModal .csFullContent .csContent .continue {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin: 20px 0 20px;
      width: 280px; }
    .WidescreenSignupModal .csFullContent .csContent .nextStep {
      left: 0;
      position: absolute;
      right: 0;
      visibility: hidden; }
    .WidescreenSignupModal .csFullContent .csContent .unAuthFacebookConnect {
      height: 37px !important; }

.WidgetLandingSignup {
  height: 100%;
  min-height: 525px;
  min-width: 825px;
  width: 100%; }
  .WidgetLandingSignup .signupContainer {
    padding-top: 34px; }
  .WidgetLandingSignup .background {
    -webkit-filter: blur(18px);
    filter: blur(18px);
    position: absolute;
    z-index: -2; }
    .WidgetLandingSignup .background.tall-img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      width: 100%; }
    .WidgetLandingSignup .background.wide-img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      height: 100%; }
  .WidgetLandingSignup .imageOverlay {
    background-color: #fff;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: -1; }
  .WidgetLandingSignup .logo {
    width: 54px;
    height: 54px;
    background: url('/webapp/style/app/common/images/widget_landing/logo-1x.ba851ef3.png') 0px 0px no-repeat;
    padding-bottom: 34px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .WidgetLandingSignup .logo {
        background-image: url('/webapp/style/app/common/images/widget_landing/logo-2x.ae1c863d.png');
        background-position: 0px 0px;
        background-size: 54px 54px; } }
  .WidgetLandingSignup .center {
    margin: 0 auto; }
  .WidgetLandingSignup .text {
    color: #333;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.188;
    text-align: center;
    width: 85%; }
  .WidgetLandingSignup .form {
    padding-top: 34px; }
  .WidgetLandingSignup .footer {
    background-color: #333;
    bottom: -1px;
    color: #fff;
    height: 54px;
    position: absolute;
    width: 100%; }
    .WidgetLandingSignup .footer .left {
      left: 20px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .WidgetLandingSignup .footer .right {
      position: absolute;
      right: 90px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .WidgetLandingSignup .footer .Button {
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.BuildingHomeFeedSpinner {
  color: #444;
  text-align: center; }
  .BuildingHomeFeedSpinner .buildingFeedImg {
    width: 324px;
    height: 250px;
    background: url('/webapp/style/app/common/images/building_homefeed-1x.f42753b6.png') 0px 0px no-repeat;
    display: inline-block; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BuildingHomeFeedSpinner .buildingFeedImg {
        background-image: url('/webapp/style/app/common/images/building_homefeed-2x.cac5f574.png');
        background-position: 0px 0px;
        background-size: 324px 250px; } }
  .BuildingHomeFeedSpinner .buildingTitle {
    font-size: 32px; }
  .BuildingHomeFeedSpinner .buildingText {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px; }

.fastFollowIntroHighlight {
  overflow: hidden;
  color: #777;
  display: block;
  font-size: 12px;
  background: #fff;
  width: 156px; }
  .fastFollowIntroHighlight:first-child {
    padding-top: 5px; }
  .fastFollowIntroHighlight:last-child {
    padding-bottom: 5px; }
  .fastFollowIntroHighlight a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
    color: #777;
    cursor: pointer;
    display: block;
    padding: 9px 14px; }
    .fastFollowIntroHighlight a:hover {
      background: #f1f1f1;
      color: #333; }
    .fastFollowIntroHighlight a:active {
      background: #eaeaea; }

.findFriendsIntroHighlightMenu {
  overflow: hidden;
  color: #777;
  display: block;
  font-size: 12px;
  background: #fff;
  width: 156px; }
  .findFriendsIntroHighlightMenu:first-child {
    padding-top: 5px; }
  .findFriendsIntroHighlightMenu:last-child {
    padding-bottom: 5px; }
  .findFriendsIntroHighlightMenu a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
    color: #777;
    cursor: pointer;
    display: block;
    padding: 9px 14px; }
    .findFriendsIntroHighlightMenu a:hover {
      background: #f1f1f1;
      color: #333; }
    .findFriendsIntroHighlightMenu a:active {
      background: #eaeaea; }

.firstBoardIntroHighlight {
  border: 0;
  background: #DDD; }
  .firstBoardIntroHighlight:hover {
    background-color: #BBB; }

.firstPinIntroHighlight {
  border-radius: 6px;
  background: #fff;
  font-size: 11px; }
  .firstPinIntroHighlight a {
    margin: 0;
    padding: 0; }

.modalPinIntro .positionModuleElement.bigCaret.positionLeft {
  margin-left: -20px; }
.modalPinIntro .previousButton {
  display: none; }

.pinterestLogoStepBackground {
  border-radius: 50%;
  background: #fff;
  height: 104px;
  margin-left: -9px;
  padding: 10px;
  position: fixed;
  width: 104px;
  z-index: 752; }

.ModalPinIntro .tip {
  font-style: italic; }

/* This class style is for the sample pin image that
   gets dynamically added to the dom so that it can
   be displayed on top of the tutorial mask. Naming is
   especially specific for this reason.
 */
.samplePinTutorialStep {
  width: 236px;
  height: 473px;
  background: url('/webapp/style/app/common/images/sample_pin-1x.35c1f69c.jpg') 0px 0px no-repeat;
  border-radius: 6px;
  display: block;
  margin: 15px 22px;
  position: relative;
  z-index: 999999998; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .samplePinTutorialStep {
      background-image: url('/webapp/style/app/common/images/sample_pin-2x.a730e453.jpg');
      background-position: 0px 0px;
      background-size: 236px 473px; } }

.seeProfileIntroHighlight {
  overflow: hidden;
  color: #777;
  display: block;
  font-size: 12px;
  background: #fff;
  width: 156px; }
  .seeProfileIntroHighlight:first-child {
    padding-top: 5px; }
  .seeProfileIntroHighlight:last-child {
    padding-bottom: 5px; }
  .seeProfileIntroHighlight a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
    color: #777;
    cursor: pointer;
    display: block;
    padding: 9px 14px; }
    .seeProfileIntroHighlight a:hover {
      background: #f1f1f1;
      color: #333; }
    .seeProfileIntroHighlight a:active {
      background: #eaeaea; }

.ModalStepBase.inModal {
  color: #333;
  width: 375px; }
  .ModalStepBase.inModal .standardForm .formTitle {
    font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
    font-size: 18px;
    white-space: normal; }
  .ModalStepBase.inModal .standardForm .formItem {
    font-size: 14px;
    line-height: 1.5; }
  .ModalStepBase.inModal .standardForm .formFooter {
    position: relative; }
  .ModalStepBase.inModal .Progress {
    margin-top: -4px;
    position: absolute;
    top: 50%; }
  .ModalStepBase.inModal .tip {
    font-style: italic; }

.visualObjectSearchIntroTutorial .visualSearchObjectTagClickTarget {
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  /* positioned on visualSearchObjectOverlay by inline style */
  width: 50px; }
  .visualObjectSearchIntroTutorial .visualSearchObjectTagClickTarget .visualSearchObjectTag {
    background: #f22;
    border: 6px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    height: 32px;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 32px; }

.NewUserFindFriends {
  background-color: #fff;
  text-align: center;
  padding-bottom: 69px; }
  .NewUserFindFriends .padItems {
    width: 600px; }
  .NewUserFindFriends .item {
    margin: 0 !important; }
  .NewUserFindFriends .navigateScope {
    border-right: 0;
    margin-top: -26px;
    margin-bottom: 25px;
    text-align: center; }
    .NewUserFindFriends .navigateScope .leftRounded {
      border-radius: 6px 0 0 6px; }
    .NewUserFindFriends .navigateScope .rightRounded {
      border-radius: 0 6px 6px 0;
      border-right: 1px solid #ccc; }
    .NewUserFindFriends .navigateScope .navScopeBtn {
      color: #333;
      display: inline-block;
      font-size: 12px;
      font-weight: 500;
      margin-right: -4px;
      min-width: 115px; }
      .NewUserFindFriends .navigateScope .navScopeBtn.btn.active.facebook_connected {
        background: #4c66a4;
        color: #fff; }
      .NewUserFindFriends .navigateScope .navScopeBtn.btn.active.twitter_connected {
        background: #55acee;
        color: #fff; }
      .NewUserFindFriends .navigateScope .navScopeBtn:active, .NewUserFindFriends .navigateScope .navScopeBtn.selected {
        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%);
        border: 1px solid #b6b6b6;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: none; }
        .NewUserFindFriends .navigateScope .navScopeBtn:active:hover, .NewUserFindFriends .navigateScope .navScopeBtn.selected: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%); }
        .NewUserFindFriends .navigateScope .navScopeBtn:active.facebook_connected, .NewUserFindFriends .navigateScope .navScopeBtn.selected.facebook_connected {
          background-color: #4c66a4;
          color: #fff; }
        .NewUserFindFriends .navigateScope .navScopeBtn:active.twitter_connected, .NewUserFindFriends .navigateScope .navScopeBtn.selected.twitter_connected {
          color: #fff;
          background-color: #55acee; }
      .NewUserFindFriends .navigateScope .navScopeBtn: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%); }

.NewUserFollowFriends {
  background-color: #fff;
  text-align: center; }
  .NewUserFollowFriends .emptyFriends {
    color: #333;
    margin: 20px auto 0;
    width: 500px; }
    .NewUserFollowFriends .emptyFriends .title {
      font-size: 22px;
      font-weight: bold; }
    .NewUserFollowFriends .emptyFriends .message {
      font-size: 16px;
      margin: 10px auto 20px;
      width: 350px; }
    .NewUserFollowFriends .emptyFriends .confirmButton {
      margin-top: 20px; }
  .NewUserFollowFriends .gridContainer {
    margin: 15px auto 50px;
    width: 600px; }

.NewUserImportContacts {
  background-color: #fff;
  text-align: center; }
  .NewUserImportContacts .contactsBackground {
    background-image: url('/webapp/style/app/common/images/import_contacts_nux_bg.5b96d71a.png');
    height: 460px;
    left: 50%;
    opacity: 0.2;
    position: absolute;
    top: -40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 530px; }
  .NewUserImportContacts .contentWrapper .importContacts {
    margin-top: 40px;
    font: 18px "Helvetica Neue", Sans-Serif; }
    .NewUserImportContacts .contentWrapper .importContacts .importContainer {
      background-color: #FFF;
      border: 1px solid #DCDCDC;
      border-radius: 5px;
      height: 370px;
      margin: 0 auto;
      position: relative;
      width: 430px; }
      .NewUserImportContacts .contentWrapper .importContacts .importContainer .inviteImage {
        width: 127px;
        height: 95px;
        background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px 0px no-repeat;
        display: inline-block;
        font: 0 / 0 serif;
        text-shadow: none;
        color: transparent;
        margin-top: 50px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .NewUserImportContacts .contentWrapper .importContacts .importContainer .inviteImage {
            background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
            background-position: 0px 0px;
            background-size: 229px 211px; } }
      .NewUserImportContacts .contentWrapper .importContacts .importContainer .importMessage {
        color: #A2A2A2;
        margin: 25px auto 0; }
        .NewUserImportContacts .contentWrapper .importContacts .importContainer .importMessage .emailText {
          color: #444;
          display: block;
          font-weight: bold; }
      .NewUserImportContacts .contentWrapper .importContacts .importContainer .importContactsButton {
        margin-top: 20px;
        padding-top: 8px; }
      .NewUserImportContacts .contentWrapper .importContacts .importContainer .footer {
        background-color: #F5F5F5;
        bottom: 0;
        color: #A2A2A2;
        height: 40px;
        position: absolute;
        width: 430px; }
        .NewUserImportContacts .contentWrapper .importContacts .importContainer .footer .footerText {
          font-size: 12px;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
    .NewUserImportContacts .contentWrapper .importContacts .noThanks {
      color: #A2A2A2;
      cursor: pointer;
      font-size: 12px;
      margin: 15px auto;
      position: relative;
      text-align: right;
      width: 430px; }

.NewUserInstallExtension {
  background-color: #fff;
  display: none;
  text-align: center; }
  .NewUserInstallExtension .installExtensionControls {
    text-align: center; }
  .NewUserInstallExtension .installExtensionStep {
    margin: 30px auto 0;
    text-align: left;
    width: 780px; }
  .NewUserInstallExtension .installExtensionButton .btn {
    font-size: 15px;
    padding: 14px 30px; }
  .NewUserInstallExtension .optionalSkip {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #A9A9A9;
    font-size: 15px;
    margin: 15px 0;
    text-decoration: underline; }
    .NewUserInstallExtension .optionalSkip:hover {
      color: #666;
      cursor: pointer; }
  .NewUserInstallExtension .zoomedPinItButtonImageWrapper {
    margin: 0 auto;
    padding-left: 25px;
    width: 428px; }
  .NewUserInstallExtension .zoomedPinItButtonImage {
    width: 428px;
    height: 285px;
    background: url('/webapp/style/app/common/images/upsell/chrome-noimages-1x.9eb76b6e.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewUserInstallExtension .zoomedPinItButtonImage {
        background-image: url('/webapp/style/app/common/images/upsell/chrome-noimages-2x.c35844ce.png');
        background-position: 0px 0px;
        background-size: 428px 285px; } }

.NewUserInterestSearch .previous {
  text-align: left;
  visibility: hidden; }
  .NewUserInterestSearch .previous.visible {
    visibility: visible; }
  .NewUserInterestSearch .previous .Button {
    margin-top: 14px; }
  .NewUserInterestSearch .previous .buttonText {
    text-align: left; }
.NewUserInterestSearch.ignition {
  padding-top: 20px !important; }
  .NewUserInterestSearch.ignition .previous {
    margin: 0 auto;
    width: 736px; }
.NewUserInterestSearch .SearchForm {
  margin-top: 20px; }

.NewUserInviteFriends .contactsBackground {
  background-image: url('/webapp/style/app/common/images/import_contacts_nux_bg.5b96d71a.png');
  height: 460px;
  left: 50%;
  margin-top: 50px;
  opacity: 0.2;
  position: absolute;
  top: -40px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 530px; }
.NewUserInviteFriends .inviter {
  margin: 0 auto;
  width: 430px; }
  .NewUserInviteFriends .inviter .inviterContainer {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 7px;
    margin: 20px auto 0;
    position: relative;
    width: 430px; }
    .NewUserInviteFriends .inviter .inviterContainer .inviteToolbar {
      border-top-left-radius: 7px;
      border-top-right-radius: 7px; }
    .NewUserInviteFriends .inviter .inviterContainer .inviteFooter {
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px; }
  .NewUserInviteFriends .inviter .noThanks {
    color: #A2A2A2;
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin: 15px 0; }

.NewUserPin.ignition .newUserPin {
  width: 600px;
  height: 450px;
  background: url('/webapp/style/app/common/images/ignition/ignition1-1x.09c5a309.gif') 0px 0px no-repeat; }
.NewUserPin .newUserPin {
  width: 858px;
  height: 476px;
  background: url('/webapp/style/app/common/images/example_pin-1x.0dcac5e4.jpg') 0px 0px no-repeat;
  display: block;
  margin: 0 auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .NewUserPin .newUserPin {
      background-image: url('/webapp/style/app/common/images/example_pin-2x.5c19f98c.jpg');
      background-position: 0px 0px;
      background-size: 858px 476px; } }

.NewUserPinCreate .pinCreateWrapper .pinCreate {
  background: #FFF;
  width: 650px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto; }

.NewUserPinSearch .searchTitle {
  margin-top: 30px; }
.NewUserPinSearch .searchInterest {
  position: relative;
  margin-bottom: 12px;
  margin-top: 20px; }
  .NewUserPinSearch .searchInterest .searchIcon {
    position: absolute;
    right: 20px;
    top: 20px; }
    .NewUserPinSearch .searchInterest .searchIcon em {
      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; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .NewUserPinSearch .searchInterest .searchIcon em {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -32px -194px;
          background-size: 229px 211px; } }
    .NewUserPinSearch .searchInterest .searchIcon:hover em {
      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) {
        .NewUserPinSearch .searchInterest .searchIcon:hover em {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -67px -194px;
          background-size: 229px 211px; } }
.NewUserPinSearch .searchInterestField {
  border-radius: 3px;
  font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
  border: 1px solid #e2e2e2;
  color: #4d4d4d;
  font-size: 21px;
  padding: 14px;
  width: 720px; }
.NewUserPinSearch .searchSuggestions {
  margin-top: 7px;
  padding-bottom: 20px; }
  .NewUserPinSearch .searchSuggestions ul, .NewUserPinSearch .searchSuggestions li {
    display: inline-block; }
  .NewUserPinSearch .searchSuggestions li {
    color: #333;
    font-weight: bold;
    margin: 0 10px; }
    .NewUserPinSearch .searchSuggestions li:hover, .NewUserPinSearch .searchSuggestions li.highlight {
      color: #bd081c;
      text-decoration: underline; }
    .NewUserPinSearch .searchSuggestions li:hover {
      cursor: pointer; }
.NewUserPinSearch .Button.rounded.next, .NewUserPinSearch .Button.rounded.prev {
  border-radius: 50%;
  float: left;
  font-size: 16px;
  height: 35px;
  margin-top: 25px;
  padding: 0;
  width: 35px; }
  .NewUserPinSearch .Button.rounded.next em, .NewUserPinSearch .Button.rounded.prev em {
    margin-top: -3px; }
.NewUserPinSearch .Button.rounded.prev {
  float: left; }
  .NewUserPinSearch .Button.rounded.prev em {
    width: 8px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -330px -420px no-repeat;
    margin-left: 7px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewUserPinSearch .Button.rounded.prev em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -401px -17px;
        background-size: 415px 409px; } }
.NewUserPinSearch .Button.rounded.next {
  float: right; }
  .NewUserPinSearch .Button.rounded.next em {
    width: 8px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -340px -420px no-repeat;
    margin-left: 9px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewUserPinSearch .Button.rounded.next em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -401px -34px;
        background-size: 415px 409px; } }

.NewUserPinSource.ignition .newUserPinSource {
  width: 600px;
  height: 450px;
  background: url('/webapp/style/app/common/images/ignition/ignition2-1x.6e7fa711.gif') 0px 0px no-repeat; }
.NewUserPinSource .newUserPinSource {
  width: 639px;
  height: 420px;
  background: url('/webapp/style/app/common/images/pin-source-1x.96ad4975.jpg') 0px 0px no-repeat;
  display: block;
  margin: 0 auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .NewUserPinSource .newUserPinSource {
      background-image: url('/webapp/style/app/common/images/pin-source-2x.42ea6a96.jpg');
      background-position: 0px 0px;
      background-size: 639px 420px; } }
.NewUserPinSource .sectionTitles {
  margin: 20px auto;
  width: 639px; }
  .NewUserPinSource .sectionTitles h2 {
    color: #777;
    font-size: 16px;
    font-weight: normal; }
  .NewUserPinSource .sectionTitles .originalPin, .NewUserPinSource .sectionTitles .originalWebsite {
    display: inline-block;
    text-align: center;
    width: 317.5px; }

.NewUserPinUsage.ignition .newUserPinUsage {
  width: 600px;
  height: 450px;
  background: url('/webapp/style/app/common/images/ignition/ignition3-1x.a0db9c7f.gif') 0px 0px no-repeat; }
.NewUserPinUsage .newUserPinUsage {
  width: 750px;
  height: 453px;
  background: url('/webapp/style/app/common/images/pin-usage-1x.e64c7ad7.jpg') 0px 0px no-repeat;
  display: block;
  margin: 0 auto; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .NewUserPinUsage .newUserPinUsage {
      background-image: url('/webapp/style/app/common/images/pin-usage-2x.64be051a.jpg');
      background-position: 0px 0px;
      background-size: 750px 453px; } }

body.interestsNuxMwebTutorial.NewUserSetupSpinnerStep {
  background-image: url('/webapp/style/app/common/images/prof-x-long-bg.c30f1310.png');
  background-size: cover; }
body.interestsNuxMwebTutorial .Nags {
  display: none; }

.NewUserSetupSpinner {
  overflow-x: hidden; }
  .NewUserSetupSpinner.ignition {
    margin-top: 0 !important; }
  .NewUserSetupSpinner .outer {
    display: inline-block;
    position: relative;
    right: -50%; }
  .NewUserSetupSpinner .finishImage {
    width: 324px;
    height: 250px;
    background: url('/webapp/style/app/common/images/nux-finish-pins-1x.f42753b6.png') 0px 0px no-repeat;
    left: -50%;
    margin-top: 5%;
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewUserSetupSpinner .finishImage {
        background-image: url('/webapp/style/app/common/images/nux-finish-pins-2x.cac5f574.png');
        background-position: 0px 0px;
        background-size: 324px 250px; } }
  .NewUserSetupSpinner .finishTitle {
    color: #FFF;
    font: bold 18px "Helvetica Neue", Sans-Serif;
    padding: 20px 0 10px;
    text-align: center; }
  .NewUserSetupSpinner .finishMessage {
    color: #FFF;
    font-size: 14px;
    margin: 0 auto;
    padding: 10px 0 15px;
    text-align: center;
    width: 300px; }
  .NewUserSetupSpinner .spinner {
    display: inline-block;
    opacity: 0.5;
    width: 16px;
    height: 16px;
    background: url('/webapp/style/app/common/images/spinner-small-1x.a3a89185.gif') 0px 0px no-repeat;
    display: block;
    margin: 10px auto 20px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewUserSetupSpinner .spinner {
        background-image: url('/webapp/style/app/common/images/spinner-small-2x.654fb1fe.gif');
        background-position: 0px 0px;
        background-size: 16px 16px; } }

.NewUserStepBase.ignition {
  margin-top: -44px;
  position: relative; }
  .NewUserStepBase.ignition .noHeader {
    -webkit-box-shadow: None;
    box-shadow: None;
    margin-top: 0; }
  .NewUserStepBase.ignition .newUserStepHeader {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .NewUserStepBase.ignition h1.pinStoryText {
    color: #333;
    font-family: serif;
    font-weight: normal;
    font-size: 28px;
    margin-top: 32px;
    text-align: center; }
.NewUserStepBase .newUserStepHeader {
  -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);
  background-color: #f0f0f0;
  margin-bottom: 14px;
  text-align: center; }
  .NewUserStepBase .newUserStepHeader.hidden {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    height: 0; }
  .NewUserStepBase .newUserStepHeader:before {
    display: inline-block;
    content: '';
    height: 195px; }
  .NewUserStepBase .newUserStepHeader 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;
    font-size: 20px;
    line-height: 26px; }
  .NewUserStepBase .newUserStepHeader .newUserStepHeaderInner {
    display: inline-block;
    margin: auto;
    padding: 17px 0;
    width: 750px; }
  .NewUserStepBase .newUserStepHeader .newUserStepHeaderPeep {
    position: fixed;
    right: 14px;
    top: 6px;
    z-index: 680; }
    .NewUserStepBase .newUserStepHeader .newUserStepHeaderPeep .nextStep {
      float: left; }
    .NewUserStepBase .newUserStepHeader .newUserStepHeaderPeep .Progress {
      float: left;
      margin: 12px 3px; }
    @media screen and (min-width: 1300px) {
      .NewUserStepBase .newUserStepHeader .newUserStepHeaderPeep.fixedPosition {
        left: 50%;
        margin-left: 450px;
        width: 280px; } }
.NewUserStepBase .welcome {
  color: #333;
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 7px; }
.NewUserStepBase.ignition .tooltipCloserLook p {
  color: #333; }
.NewUserStepBase .tooltipCloserLook {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #c9c9c9;
  left: 50%;
  margin-left: -190px;
  margin-top: 220px;
  opacity: 0;
  position: fixed;
  text-align: center;
  top: 90px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 380px; }
  .NewUserStepBase .tooltipCloserLook p {
    color: #bd081c;
    font-size: 16px;
    margin: 16px 0; }
  .NewUserStepBase .tooltipCloserLook.visible {
    opacity: 1;
    visibility: visible;
    z-index: 680; }

body.interestsNuxMwebTutorial.NewUserWelcomeStep {
  background-image: url('/webapp/style/app/common/images/prof-x-long-bg.c30f1310.png');
  background-size: cover; }
body.interestsNuxMwebTutorial .Nags {
  display: none; }

.NewUserWelcome {
  overflow-x: hidden; }
  .NewUserWelcome.ignition {
    margin-top: 0; }
  .NewUserWelcome .outer {
    display: inline-block;
    position: relative;
    right: -50%; }
  .NewUserWelcome .welcomeImage {
    width: 391px;
    height: 258px;
    background: url('/webapp/style/app/common/images/nux-welcome-pins-1x.047e54ec.png') 0px 0px no-repeat;
    left: -50%;
    margin-top: 5%;
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewUserWelcome .welcomeImage {
        background-image: url('/webapp/style/app/common/images/nux-welcome-pins-2x.503bb423.png');
        background-position: 0px 0px;
        background-size: 391px 258px; } }
  .NewUserWelcome.pinvitationalPins .welcomeImage {
    width: 348px;
    height: 244px;
    background: url('/webapp/style/app/common/images/pinvitational/nux-pins-ph-1x.fbfedcbd.png') 0px 0px no-repeat;
    margin-bottom: 15px;
    margin-top: 10%; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewUserWelcome.pinvitationalPins .welcomeImage {
        background-image: url('/webapp/style/app/common/images/pinvitational/nux-pins-ph-2x.8693cd6b.png');
        background-position: 0px 0px;
        background-size: 348px 244px; } }
  .NewUserWelcome .welcomeTitle {
    color: #FFF;
    font: bold 18px "Helvetica Neue", Sans-Serif;
    padding: 20px 0 10px;
    text-align: center; }
  .NewUserWelcome .welcomeMessage {
    color: #FFF;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px 0 15px;
    text-align: center;
    width: 300px; }
  .NewUserWelcome .welcomeButton {
    padding-bottom: 15px; }
  .NewUserWelcome .welcomeButtonStyle {
    background: #ab171e -webkit-gradient(linear, left top, left bottom, from(#e3262e), to(#ab171e));
    background: #ab171e -webkit-linear-gradient(#e3262e, #ab171e);
    background: #ab171e linear-gradient(#e3262e, #ab171e);
    border: 3px solid #FFF;
    border-bottom-color: #820a0f;
    border-left-color: #9a1015;
    border-right-color: #9a1015;
    border-top-color: #af151b;
    border-width: 1px;
    display: block;
    margin: 0 auto; }
  .NewUserWelcome .Button.btn.primary {
    padding: 5px 60px; }
  .NewUserWelcome .spinner {
    display: inline-block;
    opacity: 0.5;
    width: 16px;
    height: 16px;
    background: url('/webapp/style/app/common/images/spinner-small-1x.a3a89185.gif') 0px 0px no-repeat;
    display: none;
    margin: 0 auto 20px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NewUserWelcome .spinner {
        background-image: url('/webapp/style/app/common/images/spinner-small-2x.654fb1fe.gif');
        background-position: 0px 0px;
        background-size: 16px 16px; } }

.Pulser {
  height: 50px;
  position: absolute;
  visibility: hidden;
  width: 50px;
  z-index: 1000; }
  .Pulser.fixed {
    position: fixed; }
  .Pulser .pulserImage {
    cursor: pointer;
    left: -47px;
    position: absolute;
    top: -47px; }
  .Pulser .pulserInner {
    width: 146px;
    height: 146px;
    background: url('/webapp/style/app/common/images/PulserInner-1x.3cda177e.png') 0px 0px no-repeat; }
  .Pulser .pulserOuter {
    width: 146px;
    height: 146px;
    background: url('/webapp/style/app/common/images/PulserOuter-1x.288312a0.png') 0px 0px no-repeat; }

.UserEducationGuide .positionModuleElement.active {
  min-width: 0;
  min-height: 0; }
.UserEducationGuide .PositionModule.positionCenter .cardPosition {
  margin-top: 60px; }
.UserEducationGuide .PositionModule.positionBottom .cardPosition {
  margin-top: 35px; }

.userEducationGuideBackgroundImage {
  background-position: top center;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  visibility: hidden;
  width: 100%; }
  .userEducationGuideBackgroundImage.active {
    visibility: visible;
    z-index: 1000; }
  .userEducationGuideBackgroundImage.visible {
    visibility: visible;
    z-index: 0; }
  .userEducationGuideBackgroundImage.recipe-board.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/recipe-board-web-small.27e61acb.jpg'); }
  .userEducationGuideBackgroundImage.recipe-board.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/recipe-board-web-big.e4c6e159.jpg'); }
  .userEducationGuideBackgroundImage.greenhouse-board.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/greenhouse-board-web-small.759040c1.jpg'); }
  .userEducationGuideBackgroundImage.greenhouse-board.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/greenhouse-board-web-big.82504851.jpg'); }
  .userEducationGuideBackgroundImage.style-board.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/style-board-web-small.7ccc9bb9.jpg'); }
  .userEducationGuideBackgroundImage.style-board.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/style-board-web-big.0675852f.jpg'); }
  .userEducationGuideBackgroundImage.keith-profile.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/keith-profile-web-small.cba737e3.jpg'); }
  .userEducationGuideBackgroundImage.keith-profile.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/keith-profile-web-big.a23425bc.jpg'); }
  .userEducationGuideBackgroundImage.ash-profile.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/ash-profile-web-small.b8718fe4.jpg'); }
  .userEducationGuideBackgroundImage.ash-profile.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/ash-profile-web-big.24ac45e0.jpg'); }
  .userEducationGuideBackgroundImage.clickthrough-1.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/clickthrough-1-web-small.3855595b.png'); }
  .userEducationGuideBackgroundImage.clickthrough-1.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/clickthrough-1-web-big.f2bdacf3.png'); }
  .userEducationGuideBackgroundImage.home-feed-1.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/home-feed-1-web-small.1fa18647.jpg'); }
  .userEducationGuideBackgroundImage.home-feed-1.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/home-feed-1-web-big.26fc5c19.jpg'); }
  .userEducationGuideBackgroundImage.home-feed-2.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/home-feed-2-web-small.e4c1c7ee.jpg'); }
  .userEducationGuideBackgroundImage.home-feed-2.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/home-feed-2-web-big.77756a3a.jpg'); }
  .userEducationGuideBackgroundImage.repin-1.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/repin-1-web-small.b9f1892a.jpg'); }
  .userEducationGuideBackgroundImage.repin-1.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/repin-1-web-big.c8c75a98.jpg'); }
  .userEducationGuideBackgroundImage.repin-2.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/repin-2-web-small.193bf32a.jpg'); }
  .userEducationGuideBackgroundImage.repin-2.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/repin-2-web-big.e76213e4.jpg'); }
  .userEducationGuideBackgroundImage.board-follow-1.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/board-follow-1-web-small.0047ca7d.jpg'); }
  .userEducationGuideBackgroundImage.board-follow-1.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/board-follow-1-web-big.aa112c0d.jpg'); }
  .userEducationGuideBackgroundImage.board-follow-2.small {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/board-follow-2-web-small.8e2962b2.jpg'); }
  .userEducationGuideBackgroundImage.board-follow-2.big {
    background-image: url('/webapp/style/app/common/images/user_ed_guide/board-follow-2-web-big.d71da1e6.jpg'); }

.userEducationGuideOverlay {
  background-color: #677682;
  background-color: rgba(103, 118, 130, 0.5);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(233, 233, 233, 0.1)), to(rgba(89, 106, 119, 0.9)));
  background: -webkit-linear-gradient(rgba(233, 233, 233, 0.1), rgba(89, 106, 119, 0.9));
  background: linear-gradient(rgba(233, 233, 233, 0.1), rgba(89, 106, 119, 0.9));
  bottom: -2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1001; }

body.userEducationGuideZoomedIn {
  background-color: #1C3547;
  background-image: url('/webapp/style/app/common/images/user_ed_guide/background.0cd0ce40.jpg');
  background-size: auto 100%;
  height: 101%;
  /* fixes weird browser issue where there's a thing white line at the bottom */
  overflow: hidden; }
  body.userEducationGuideZoomedIn .App {
    background-color: #e9e9e9;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1; }

.UserEducationGuideDropdown {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: slide-in-up 0.7s cubic-bezier(0, 1, .5, 1);
  animation: slide-in-up 0.7s cubic-bezier(0, 1, .5, 1);
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  /* So backgrounds on guides don't spill out of the menu */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 312px;
  /* ### GUIDE IN MENU ### */
  /* ### FOOTER ### */ }
  .UserEducationGuideDropdown.noGuides {
    padding: 22px 26px;
    text-align: center;
    width: 170px; }
  .UserEducationGuideDropdown .helpCenterText {
    color: #4D4D4D;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 18px; }
  .UserEducationGuideDropdown .guide {
    /* Play icon */
    background-image: url('/webapp/style/app/common/images/guide-play-icon-gray-1x.d15b048e.png');
    background-size: 25px 25px;
    background-position: 16px center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    padding: 12px 18px 12px 56px;
    /* Left indent is for play icon */
    /* The footer draws its own top border */
    /* ### RECOMMENDED BADGE */ }
    .UserEducationGuideDropdown .guide:last-child {
      border-bottom: none; }
    .UserEducationGuideDropdown .guide.recommended {
      background-image: url('/webapp/style/app/common/images/guide-play-icon-blue-1x.414bf99b.png'); }
    .UserEducationGuideDropdown .guide:hover {
      background-color: #F0FCFF;
      background-image: url('/webapp/style/app/common/images/guide-play-icon-filled-1x.50a506e7.png');
      border-bottom-color: #D3E8ED; }
    .UserEducationGuideDropdown .guide:active {
      background-color: #E1F9FF; }
    .UserEducationGuideDropdown .guide p {
      margin: 0;
      padding: 0; }
    .UserEducationGuideDropdown .guide .title {
      font-weight: 600;
      padding-bottom: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .UserEducationGuideDropdown .guide .subtitle {
      max-height: 54px;
      /* <-- line height (18px) x 3 */
      overflow: hidden; }
    .UserEducationGuideDropdown .guide .recommendedBadge {
      -webkit-animation: menu-fade-in 0.5s 0.2s cubic-bezier(.25, 1.51, .45, 1.01) both, shimmer 0.5s 0.12s linear;
      animation: menu-fade-in 0.5s 0.2s cubic-bezier(.25, 1.51, .45, 1.01) both, shimmer 0.5s 0.12s linear;
      background-color: #00CDFF;
      border-radius: 2px;
      color: #fff;
      display: none;
      /* Hidden by default */
      font-size: 10px;
      font-weight: 600;
      line-height: 15px;
      margin-top: 3px;
      padding-left: 3px;
      padding-right: 4px;
      text-transform: uppercase; }
    .UserEducationGuideDropdown .guide.recommended .recommendedBadge {
      display: inline-block; }
  .UserEducationGuideDropdown .footer {
    background-color: rgba(0, 0, 0, 0.06);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
    padding: 15px 18px 16px 18px;
    /* Pad the top less so the text is optically centred */ }
  .UserEducationGuideDropdown .footer:hover {
    background-color: rgba(0, 0, 0, 0.1); }
  .UserEducationGuideDropdown .footer:active {
    background-color: rgba(0, 0, 0, 0.15); }
  .UserEducationGuideDropdown .footer:hover strong {
    color: rgba(0, 0, 0, 0.8); }

.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(1) {
  -webkit-transform: translateY(0) rotate(0deg) scale(1);
  -ms-transform: translateY(0) rotate(0deg) scale(1);
  transform: translateY(0) rotate(0deg) scale(1);
  -webkit-transition-delay: 0.06s;
  transition-delay: 0.06s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(2) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.95);
  -ms-transform: translateY(0) rotate(0deg) scale(0.95);
  transform: translateY(0) rotate(0deg) scale(0.95);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(3) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.9025);
  -ms-transform: translateY(0) rotate(0deg) scale(0.9025);
  transform: translateY(0) rotate(0deg) scale(0.9025);
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(4) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.85737);
  -ms-transform: translateY(0) rotate(0deg) scale(0.85737);
  transform: translateY(0) rotate(0deg) scale(0.85737);
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(5) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.81451);
  -ms-transform: translateY(0) rotate(0deg) scale(0.81451);
  transform: translateY(0) rotate(0deg) scale(0.81451);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(6) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.77378);
  -ms-transform: translateY(0) rotate(0deg) scale(0.77378);
  transform: translateY(0) rotate(0deg) scale(0.77378);
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(7) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.73509);
  -ms-transform: translateY(0) rotate(0deg) scale(0.73509);
  transform: translateY(0) rotate(0deg) scale(0.73509);
  -webkit-transition-delay: 0.42s;
  transition-delay: 0.42s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(8) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.69834);
  -ms-transform: translateY(0) rotate(0deg) scale(0.69834);
  transform: translateY(0) rotate(0deg) scale(0.69834);
  -webkit-transition-delay: 0.48s;
  transition-delay: 0.48s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(9) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.66342);
  -ms-transform: translateY(0) rotate(0deg) scale(0.66342);
  transform: translateY(0) rotate(0deg) scale(0.66342);
  -webkit-transition-delay: 0.54s;
  transition-delay: 0.54s; }
.UserEducationGuideStacked.active .cardPosition .guideStepContent:nth-child(10) {
  -webkit-transform: translateY(0) rotate(0deg) scale(0.63025);
  -ms-transform: translateY(0) rotate(0deg) scale(0.63025);
  transform: translateY(0) rotate(0deg) scale(0.63025);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s; }
.UserEducationGuideStacked .cardPosition {
  bottom: 30px;
  left: 0;
  height: 158px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 332px; }
  .UserEducationGuideStacked .cardPosition .guideStepContent {
    left: 0;
    padding: 24px;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -webkit-transition-timing-function: cubic-bezier(.21, 1.27, .57, 1);
    transition-timing-function: cubic-bezier(.21, 1.27, .57, 1);
    /* <-- Gives overbounce */
    width: 332px; }
    .UserEducationGuideStacked .cardPosition .guideStepContent.limitStep {
      visibility: hidden; }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(1) {
      opacity: 1;
      top: -8px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(1);
      -ms-transform: translateY(170%) rotate(-15deg) scale(1);
      transform: translateY(170%) rotate(-15deg) scale(1); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(2) {
      opacity: 0.6;
      top: -16px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.95);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.95);
      transform: translateY(170%) rotate(-15deg) scale(0.95); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(3) {
      opacity: 0.36;
      top: -24px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.9025);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.9025);
      transform: translateY(170%) rotate(-15deg) scale(0.9025); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(4) {
      opacity: 0.216;
      top: -32px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.85737);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.85737);
      transform: translateY(170%) rotate(-15deg) scale(0.85737); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(5) {
      opacity: 0.1296;
      top: -40px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.81451);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.81451);
      transform: translateY(170%) rotate(-15deg) scale(0.81451); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(6) {
      opacity: 0.07776;
      top: -48px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.77378);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.77378);
      transform: translateY(170%) rotate(-15deg) scale(0.77378); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(7) {
      opacity: 0.04666;
      top: -56px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.73509);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.73509);
      transform: translateY(170%) rotate(-15deg) scale(0.73509); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(8) {
      opacity: 0.02799;
      top: -64px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.69834);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.69834);
      transform: translateY(170%) rotate(-15deg) scale(0.69834); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(9) {
      opacity: 0.0168;
      top: -72px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.66342);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.66342);
      transform: translateY(170%) rotate(-15deg) scale(0.66342); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:nth-child(10) {
      opacity: 0.01008;
      top: -80px;
      -webkit-transform: translateY(170%) rotate(-15deg) scale(0.63025);
      -ms-transform: translateY(170%) rotate(-15deg) scale(0.63025);
      transform: translateY(170%) rotate(-15deg) scale(0.63025); }
    .UserEducationGuideStacked .cardPosition .guideStepContent:first-child {
      z-index: 1004; }
    .UserEducationGuideStacked .cardPosition .guideStepContent .educationText {
      margin: 0 0 22px 0; }

.UserEducationGuideStep {
  display: block; }
  .UserEducationGuideStep .guideStepContent {
    background-color: #00cdff;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.16);
    cursor: default;
    left: -20px;
    padding: 24px;
    text-align: center;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1003; }
  .UserEducationGuideStep .educationText {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    text-shadow: rgba(0, 0, 0, 0.15) 0 1px 0; }

.UserEducationGuideTooltip .cardPosition {
  position: relative; }
  .UserEducationGuideTooltip .cardPosition .guideStepContent {
    -webkit-animation: anchored-card-slide-up 0.85s forwards, move-up-down 2.5s 2s infinite none;
    animation: anchored-card-slide-up 0.85s forwards, move-up-down 2.5s 2s infinite none;
    -webkit-animation-timing-function: cubic-bezier(.21, 1.4, .37, 1), ease-in-out;
    animation-timing-function: cubic-bezier(.21, 1.4, .37, 1), ease-in-out;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #0099C0, inset 0 2px 1px 0 rgba(255, 255, 255, 0.6), inset 0 -2px 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #0099C0, inset 0 2px 1px 0 rgba(255, 255, 255, 0.6), inset 0 -2px 1px 0 rgba(255, 255, 255, 0.4);
    line-height: 24px;
    padding: 15px 20px 15px 20px;
    text-align: left;
    width: 300px; }
    .UserEducationGuideTooltip .cardPosition .guideStepContent.hideCard {
      -webkit-animation: hide-card 0.2s forwards;
      animation: hide-card 0.2s forwards;
      -webkit-animation-timing-function: cubic-bezier(.21, 1.4, .37, 1), ease-in-out, ease-out;
      animation-timing-function: cubic-bezier(.21, 1.4, .37, 1), ease-in-out, ease-out; }
  .UserEducationGuideTooltip .cardPosition .caret {
    width: 36px;
    height: 22px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -135px -212px no-repeat;
    position: absolute;
    top: -19px;
    z-index: 1005; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UserEducationGuideTooltip .cardPosition .caret {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: 0px -171px;
        background-size: 229px 211px; } }
.UserEducationGuideTooltip.caretOnLeft .guideStepContent {
  margin-left: -13px; }
.UserEducationGuideTooltip.caretOnLeft .caret {
  left: 16px; }
.UserEducationGuideTooltip.caretOnRight .guideStepContent {
  margin-left: -240px; }
.UserEducationGuideTooltip.caretOnRight .caret {
  left: 243px; }
.UserEducationGuideTooltip.caretOnRight .guideStepContent {
  margin-left: -240px; }
.UserEducationGuideTooltip.caretOnRight .caret {
  left: 243px; }
.UserEducationGuideTooltip.caretInMiddle .guideStepContent {
  margin-left: -120px; }
.UserEducationGuideTooltip.caretInMiddle .caret {
  left: 122px; }

.UserEducationTriggerCard {
  background: #00CDFF;
  border-radius: 6px;
  bottom: -10px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #0099C0, inset 0 2px 1px 0 rgba(255, 255, 255, 0.6), inset 0 -2px 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #0099C0, inset 0 2px 1px 0 rgba(255, 255, 255, 0.6), inset 0 -2px 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  padding: 14px 17px;
  position: absolute;
  right: -10px;
  text-align: left;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: background-color 0.1s linear, -webkit-box-shadow 0.1s linear;
  transition: background-color 0.1s linear, box-shadow 0.1s linear;
  -webkit-transform: translateY(200%) rotate(-15deg);
  -ms-transform: translateY(200%) rotate(-15deg);
  transform: translateY(200%) rotate(-15deg);
  width: 278px;
  z-index: -1; }
  .UserEducationTriggerCard .title {
    font-size: 15px;
    line-height: 19px;
    margin: 0 30px 3px 0;
    max-width: 224px;
    text-shadow: 0 1px 0 rgba(23, 154, 190, 0.4); }
  .UserEducationTriggerCard .subtitle {
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    max-width: 180px;
    /* Constrain subtitle to 2 lines */
    max-height: 32px;
    overflow: hidden; }
  .UserEducationTriggerCard:hover {
    background-color: #1ED3FF;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.28), inset 0 0 0 1px #0099C0, inset 0 2px 1px 0 rgba(255, 255, 255, 0.6), inset 0 -2px 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.28), inset 0 0 0 1px #0099C0, inset 0 2px 1px 0 rgba(255, 255, 255, 0.6), inset 0 -2px 1px 0 rgba(255, 255, 255, 0.4); }

.UserBoardFollow {
  height: 100%;
  overflow: hidden;
  text-align: center; }
  .UserBoardFollow .userBoardFakeHeader {
    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: 45px;
    position: relative; }
    .UserBoardFollow .userBoardFakeHeader .fakeHeaderLogo {
      width: 104px;
      height: 26px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -155px -388px no-repeat;
      display: inline-block;
      margin-top: 10px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .UserBoardFollow .userBoardFakeHeader .fakeHeaderLogo {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -243px -339px;
          background-size: 415px 409px; } }
  .UserBoardFollow .boardInfo {
    background: #fff;
    -webkit-box-shadow: 0 -20px 50px #eee;
    box-shadow: 0 -20px 50px #eee;
    bottom: -1px;
    padding: 0 0 40px 0;
    position: absolute;
    -webkit-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out;
    width: 100%; }
    .UserBoardFollow .boardInfo .about {
      color: #aaa;
      font-size: 15px;
      line-height: 22px;
      margin: 0 auto;
      max-width: 800px;
      padding: 0 10px; }
    .UserBoardFollow .boardInfo .boardName {
      color: #333;
      color: rgba(21, 21, 21, 0.8);
      font-size: 36px;
      line-height: 32px;
      padding-top: 30px;
      text-align: center; }
    .UserBoardFollow .boardInfo .description {
      color: #444;
      font-size: 15px;
      line-height: 20px;
      margin: 10px auto 5px;
      max-width: 750px;
      padding: 0 20px;
      text-align: center;
      text-shadow: none; }
    .UserBoardFollow .boardInfo img.profileImage {
      height: 64px;
      width: 64px;
      overflow: hidden;
      margin-top: -32px;
      -webkit-box-shadow: 0 0 10px #aaa;
      box-shadow: 0 0 10px #aaa; }
    .UserBoardFollow .boardInfo .postFollow .boardName {
      font-size: 26px;
      padding-top: 0; }
    .UserBoardFollow .boardInfo .postUnFollow {
      margin-top: 20px;
      margin-bottom: 10px; }
    .UserBoardFollow .boardInfo .stats {
      font-size: 15px;
      color: #aaa;
      margin: 15px 0 10px 0; }
      .UserBoardFollow .boardInfo .stats .pinCount::before {
        content: "\2022"; }
    .UserBoardFollow .boardInfo .userName {
      color: #333;
      font-size: 22px;
      font-weight: 500;
      padding-top: 8px; }

.JumpStartUnauthExistingUserActions .label {
  margin: 15px auto; }
.JumpStartUnauthExistingUserActions .logInButton {
  display: inline-block; }

.JumpStartUnauthHomeFooter.whiteWall .gradient {
  display: none; }
.JumpStartUnauthHomeFooter.whiteWall a {
  color: #A2A2A2 !important; }

.JumpStartUnauthWall {
  z-index: 681; }
  .JumpStartUnauthWall .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; }
  .JumpStartUnauthWall .signupSectionHeading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #A2A2A2;
    font-size: 12px;
    margin: 15px auto; }
    .JumpStartUnauthWall .signupSectionHeading a {
      color: #A2A2A2; }
  .JumpStartUnauthWall .contentOuterWrapper {
    color: #444;
    margin: auto;
    text-align: center; }
    .JumpStartUnauthWall .contentOuterWrapper .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;
      left: 50%;
      position: absolute; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .JumpStartUnauthWall .contentOuterWrapper .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; } }
    .JumpStartUnauthWall .contentOuterWrapper .contentInnerWrapper {
      margin-bottom: 20px;
      position: absolute; }
      .JumpStartUnauthWall .contentOuterWrapper .contentInnerWrapper .title {
        font-weight: bold; }
  .JumpStartUnauthWall .signupSectionHeading {
    font-weight: bold; }
  .JumpStartUnauthWall .alreadyAMember {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #A2A2A2;
    font-size: 12px;
    font-weight: bold; }
  .JumpStartUnauthWall .signupSectionHeading, .JumpStartUnauthWall .alreadyAMember {
    margin: 15px auto; }
  .JumpStartUnauthWall .contentOuterWrapper {
    width: 700px; }
    .JumpStartUnauthWall .contentOuterWrapper .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) {
        .JumpStartUnauthWall .contentOuterWrapper .logo {
          background-image: url('/webapp/style/app/common/images/pinvitational/big-logo-web-2x.43fb8764.png');
          background-position: 0px 0px;
          background-size: 144px 144px; } }
    .JumpStartUnauthWall .contentOuterWrapper .contentInnerWrapper {
      top: 44%;
      -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
      transform: translateY(15px);
      width: 700px; }
      .JumpStartUnauthWall .contentOuterWrapper .contentInnerWrapper .subtitle {
        font-size: 26px; }
      .JumpStartUnauthWall .contentOuterWrapper .contentInnerWrapper .title {
        font-size: 34px;
        margin-bottom: 35px;
        line-height: 110%; }
  .JumpStartUnauthWall .signupButton {
    min-width: 180px;
    margin: 2px; }
  .JumpStartUnauthWall .interestsWrapper .gradient {
    display: none; }
  .JumpStartUnauthWall .interestsWrapper a {
    color: #A2A2A2 !important; }
  .JumpStartUnauthWall .divider {
    width: 300px;
    height: 1px;
    margin: 25px auto;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(239, 239, 239, 0)), color-stop(20%, #efefef), color-stop(80%, #efefef), to(rgba(239, 239, 239, 0)));
    background-image: -webkit-linear-gradient(left, rgba(239, 239, 239, 0), #efefef 20%, #efefef 80%, rgba(239, 239, 239, 0) 100%);
    background-image: linear-gradient(to right, rgba(239, 239, 239, 0), #efefef 20%, #efefef 80%, rgba(239, 239, 239, 0) 100%); }

.JumpStartUserRegisterEmail {
  background-color: #fff;
  border-radius: 16px;
  max-width: 100%;
  width: 650px; }
  .JumpStartUserRegisterEmail .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) {
      .JumpStartUserRegisterEmail .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; } }
  .JumpStartUserRegisterEmail .contentWrapper {
    margin: 30px 40px;
    position: relative;
    text-align: center; }
  .JumpStartUserRegisterEmail .formFieldMessage {
    -webkit-animation: horizontalShake 0.5s;
    animation: horizontalShake 0.5s;
    margin: 10px 0 -10px; }

.JumpStartUserRegisterLegalTerms {
  color: #aaa; }

.BusinessAccountCreate .inspiredSearchBackgroundContainer {
  position: fixed; }
.BusinessAccountCreate .inspiredSearchContentWrapper {
  position: relative;
  z-index: 0; }
.BusinessAccountCreate .businessLogoWrapper {
  text-align: center; }
  .BusinessAccountCreate .businessLogoWrapper .businessLogo {
    width: 146px;
    height: 39px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -347px 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) {
      .BusinessAccountCreate .businessLogoWrapper .businessLogo {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: 0px -299px;
        background-size: 415px 409px; } }
.BusinessAccountCreate .homeUnauthNumbers {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  display: table;
  margin: 0 auto;
  position: absolute;
  table-layout: fixed;
  text-align: center;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
  width: 100%;
  z-index: -2; }
  .BusinessAccountCreate .homeUnauthNumbers .timeToSignup {
    display: inline-block;
    float: none;
    padding-left: 20px;
    padding-right: 15px;
    text-align: center; }
  .BusinessAccountCreate .homeUnauthNumbers .timeToSignup .numbersWrapper {
    text-align: left; }
  .BusinessAccountCreate .homeUnauthNumbers .numbersTitle {
    display: inline-block;
    font-family: Helvetica;
    font-size: 35px;
    font-weight: bold; }
  .BusinessAccountCreate .homeUnauthNumbers .numbersSubtitle {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 120%;
    padding-left: 4px;
    padding-top: 3px;
    text-align: left;
    width: 80px; }
.BusinessAccountCreate .createTitle {
  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: 10px;
  text-align: center;
  width: auto; }
  .BusinessAccountCreate .createTitle .title {
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -1px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.58); }
.BusinessAccountCreate .standardForm {
  margin-top: 15px;
  margin-bottom: -5px;
  max-width: 400px; }
  .BusinessAccountCreate .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; }
    .BusinessAccountCreate .standardForm ul li {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      text-align: center; }
      .BusinessAccountCreate .standardForm ul li div {
        margin-left: auto;
        margin-right: auto;
        width: 90%; }
  .BusinessAccountCreate .standardForm .signupButtonContainer {
    background: #f0f0f0;
    border-radius: 6px; }
  .BusinessAccountCreate .standardForm .signupButtons {
    padding-right: 20px;
    width: inherit; }
    .BusinessAccountCreate .standardForm .signupButtons .btn.Button {
      margin-left: 8px;
      padding-left: 15px;
      padding-right: 15px; }
  .BusinessAccountCreate .standardForm .acceptTerms {
    padding: 5px 0; }

.getStarted {
  text-align: center;
  margin: 0 auto; }

.BusinessGetStartedCards .getStartedCard .iconFirst, .BusinessGetStartedCards .getStartedCard .iconVerify, .BusinessGetStartedCards .getStartedCard .iconBoard, .BusinessGetStartedCards .getStartedCard .iconPinitBtn, .BusinessGetStartedCards .getStartedCard .iconAnalyticsBtn, .BusinessGetStartedCards .getStartedCard .iconFollowBtn {
  display: inline;
  left: 50%;
  margin-left: -15px;
  overflow: hidden;
  position: absolute;
  top: -15px; }

.BusinessGetStartedCards {
  margin-top: 60px;
  position: relative; }
  .BusinessGetStartedCards .getStartedCard {
    -webkit-box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px #aaa;
    display: inline-block;
    background: #fff;
    height: 250px;
    margin: 0 5px;
    padding-top: 30px;
    position: relative;
    text-align: left;
    width: 220px;
    vertical-align: top;
    zoom: 1; }
    .BusinessGetStartedCards .getStartedCard .pinitBtnContainer {
      text-align: center; }
    .BusinessGetStartedCards .getStartedCard img.pinitBtn {
      margin-top: -6px; }
    .BusinessGetStartedCards .getStartedCard .iconFirst {
      width: 30px;
      height: 30px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -393px 0px no-repeat; }
    .BusinessGetStartedCards .getStartedCard .iconVerify {
      width: 30px;
      height: 30px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -393px -320px no-repeat; }
    .BusinessGetStartedCards .getStartedCard .iconBoard {
      width: 30px;
      height: 30px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -64px -388px no-repeat; }
    .BusinessGetStartedCards .getStartedCard .iconPinitBtn {
      width: 30px;
      height: 30px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -393px -64px no-repeat; }
    .BusinessGetStartedCards .getStartedCard .iconAnalyticsBtn {
      width: 30px;
      height: 30px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -269px -347px no-repeat; }
    .BusinessGetStartedCards .getStartedCard .iconFollowBtn {
      width: 30px;
      height: 30px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -393px -32px no-repeat; }
    .BusinessGetStartedCards .getStartedCard .bubble {
      background: #fff;
      border-radius: 50px 50px 0 0;
      -webkit-box-shadow: 0 0 3px #aaa;
      box-shadow: 0 0 3px #aaa;
      height: 25px;
      left: 50%;
      margin-left: -25px;
      position: absolute;
      top: -25px;
      width: 50px; }
    .BusinessGetStartedCards .getStartedCard .bubble::before {
      background: #fff;
      bottom: -3px;
      content: '';
      height: 3px;
      left: 50%;
      margin-left: -30px;
      position: absolute;
      width: 60px; }
    .BusinessGetStartedCards .getStartedCard h3 {
      color: #201919;
      font-size: 16px;
      font-weight: 700; }
    .BusinessGetStartedCards .getStartedCard p, .BusinessGetStartedCards .getStartedCard > a {
      color: #5a4c4c;
      font-size: 12px;
      line-height: 18px; }
    .BusinessGetStartedCards .getStartedCard h3, .BusinessGetStartedCards .getStartedCard p, .BusinessGetStartedCards .getStartedCard > a {
      margin: 0 20px;
      padding: 0 0 10px 0; }
    .BusinessGetStartedCards .getStartedCard .actions {
      bottom: 10px;
      left: 10px;
      position: absolute;
      right: 10px;
      text-align: center; }
    .BusinessGetStartedCards .getStartedCard .Button {
      display: inline;
      text-align: center;
      padding: 8px 38px 7px; }
    .BusinessGetStartedCards .getStartedCard a.dismiss {
      color: #8c7e7e;
      cursor: pointer;
      display: block;
      font-style: normal;
      font-size: 10px;
      font-weight: normal;
      padding-top: 10px; }

.BusinessGetStarted .headerSizer {
  max-width: 1236px; }
.BusinessGetStarted .getStarted h2, .BusinessGetStarted .getStarted h3 {
  text-shadow: 0 1px 0 #fff;
  color: #777;
  font-weight: normal;
  text-align: center; }
.BusinessGetStarted .getStarted h2 {
  font-size: 24px;
  margin-top: 36px; }
.BusinessGetStarted .getStarted h3 {
  font-size: 16px;
  margin-top: 30px; }

.Editorial {
  overflow: hidden; }
  .Editorial p {
    margin: 0; }
    .Editorial p.header {
      color: #333;
      font-weight: bold; }
  .Editorial h2 {
    font-weight: normal; }
  .Editorial .banner {
    background-image: url('/webapp/style/app/common/images/editorial-background.0c2af6a2.jpg');
    background-size: cover; }
    .Editorial .banner .subTitle {
      color: #eee;
      text-align: center; }
      .Editorial .banner .subTitle a {
        color: #989898; }
    .Editorial .banner .title {
      color: #eee;
      font-weight: bold;
      margin-top: 0;
      text-align: center; }
  .Editorial .bodyWrapper {
    margin: 0 auto; }
    .Editorial .bodyWrapper .relatedEditorials {
      font-size: 10px;
      font-weight: bold;
      margin: 20px auto;
      text-align: center; }
      .Editorial .bodyWrapper .relatedEditorials a, .Editorial .bodyWrapper .relatedEditorials span {
        padding: 0 7px; }
      .Editorial .bodyWrapper .relatedEditorials span {
        color: #999; }

.RelatedEditorials {
  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;
  background-color: #fff;
  width: 236px; }
  .RelatedEditorials h2 {
    border-bottom: 1px solid #dfdfdf;
    color: #5f5f5f;
    font: 14px;
    padding: 10px 15px; }
  .RelatedEditorials li {
    clear: both;
    height: 30px;
    padding: 5px 15px; }
    .RelatedEditorials li .thumbImageWrapper, .RelatedEditorials li .itemTitle {
      display: inline-block;
      float: left; }
    .RelatedEditorials li .thumbImageWrapper {
      position: relative;
      height: 30px;
      margin-right: 10px;
      width: 30px; }
      .RelatedEditorials li .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; }
      .RelatedEditorials li .thumbImageWrapper img {
        border-radius: 3px;
        height: 30px;
        width: 30px; }
      .RelatedEditorials li .thumbImageWrapper img {
        vertical-align: top; }
    .RelatedEditorials li .itemTitle {
      margin-top: 7px;
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 166px; }
  .RelatedEditorials li:first-child {
    padding-top: 15px; }
  .RelatedEditorials li:last-child {
    padding-bottom: 15px; }

.PintreeEst .pintreeEstWrapper {
  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;
  cursor: pointer;
  padding: 10px;
  margin-bottom: 14px;
  width: 216px; }
.PintreeEst .pintreeEstTitle {
  font-size: 16px;
  font-weight: bold;
  text-align: center; }
.PintreeEst .pintreeEstContentWrapper {
  padding: 10px; }

.Board .hoverMask {
  -webkit-transition: background 0.04s linear;
  transition: background 0.04s linear;
  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;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100; }
  .ielt10 .Board .hoverMask {
    display: none !important; }
.Board .boardLinkWrapper:hover .hoverMask {
  background: rgba(255, 255, 255, 0.08); }
.Board .boardLinkWrapper:active .hoverMask {
  background: rgba(0, 0, 0, 0.08); }
.Board .boardName {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #555;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin: 0 3px 6px;
  position: relative;
  height: auto; }
  .Board .boardName.hasBoardContext {
    margin-left: 0; }
.Board.boardCoverImage {
  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: relative;
  width: 236px; }
  .Board.boardCoverImage .boardLinkWrapper {
    display: block;
    padding: 10px 10px 0; }
  .Board.boardCoverImage img {
    border-radius: 2px; }
  .Board.boardCoverImage a {
    color: #555;
    display: block;
    position: relative; }
  .Board.boardCoverImage .BoardIcons {
    float: right; }
  .Board.boardCoverImage .boardCoverWrapper {
    position: relative;
    overflow: hidden;
    background-color: #eee;
    clear: both;
    height: 146px;
    width: 216px; }
    .Board.boardCoverImage .boardCoverWrapper: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: 146px;
      left: 0;
      position: absolute;
      top: 0;
      width: 216px; }
    .Board.boardCoverImage .boardCoverWrapper .boardCover {
      border-radius: 3px;
      height: 146px;
      width: 216px; }
  .Board.boardCoverImage .boardPinCount {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
    background-color: #000;
    background-color: rgba(68, 68, 68, 0.7);
    bottom: 3px;
    color: #fff;
    padding: 3px 6px;
    position: absolute;
    left: 3px; }
  .Board.boardCoverImage .boardThumbs {
    margin: 4px 0; }
    .Board.boardCoverImage .boardThumbs:after {
      content: "";
      display: table;
      clear: both; }
    .Board.boardCoverImage .boardThumbs li {
      position: relative;
      display: inline;
      float: left;
      height: 69.33333px;
      margin-left: 4px;
      position: relative;
      width: 69.33333px; }
      .Board.boardCoverImage .boardThumbs li: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: 69.33333px;
        left: 0;
        position: absolute;
        top: 0;
        width: 69.33333px; }
      .Board.boardCoverImage .boardThumbs li .thumb {
        border-radius: 3px;
        height: 69.33333px;
        width: 69.33333px; }
      .Board.boardCoverImage .boardThumbs li:first-child {
        margin-left: 0; }
  .Board.boardCoverImage .Button {
    margin: 0 10px 10px;
    width: 216px; }
.Board .thumbImageWrapper {
  position: relative;
  width: 50px; }
  .Board .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: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px; }
  .Board .thumbImageWrapper img {
    border-radius: 3px;
    height: 50px;
    width: 50px; }
.Board.closeupBottomView {
  float: left;
  width: 216px; }
  .Board.closeupBottomView .boardLink {
    float: none; }
  .Board.closeupBottomView .Button {
    float: right;
    font-size: 12px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px; }
  .Board.closeupBottomView .boardRepSubtitle {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    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;
    max-width: 158px; }
  .Board.closeupBottomView .boardRepTitle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    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;
    margin: 7px 0 7px;
    max-width: 158px; }
  .Board.closeupBottomView .thumbImageWrapper {
    border-radius: 6px;
    float: left;
    margin-right: 15px; }
.Board.selectable {
  cursor: pointer; }
  .Board.selectable:hover {
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
  .Board.selectable:active {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.13);
    background-color: #f3f3f3; }
.Board.boardPinsGrid {
  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;
  background: #fff;
  max-height: 552px;
  max-width: 236px;
  padding: 10px; }
  .Board.boardPinsGrid .pinGridWrapper {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: auto;
    max-height: 459px;
    position: relative;
    top: -2px; }
    .Board.boardPinsGrid .pinGridWrapper .Grid {
      margin: 0;
      width: 216px; }
      .Board.boardPinsGrid .pinGridWrapper .Grid.loading {
        height: 459px; }
    .Board.boardPinsGrid .pinGridWrapper .item {
      margin: 0 3px 3px 0;
      opacity: 0.5; }
      .Board.boardPinsGrid .pinGridWrapper .item:hover, .Board.boardPinsGrid .pinGridWrapper .item.activeItem {
        opacity: 1; }
        .Board.boardPinsGrid .pinGridWrapper .item:hover .hoverMask, .Board.boardPinsGrid .pinGridWrapper .item.activeItem .hoverMask {
          -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;
          -webkit-transition-property: -webkit-box-shadow;
          transition-property: box-shadow;
          -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s; }
  .Board.boardPinsGrid.short .pinGridWrapper {
    max-height: 229.5px; }
    .Board.boardPinsGrid.short .pinGridWrapper .Grid.loading {
      height: 229.5px; }
  .Board.boardPinsGrid .pinGridWrapper {
    background: url('/webapp/style/app/common/images/boardPinsGridShadowBottom.bbcac9fc.png') repeat-x left bottom; }
  .Board.boardPinsGrid.error {
    padding: 10px; }
  .Board.boardPinsGrid.noShadow .boardHeader, .Board.boardPinsGrid.noShadow .pinGridWrapper {
    background: #fff; }
  .Board.boardPinsGrid .boardHeader {
    overflow: hidden;
    background: url('/webapp/style/app/common/images/boardPinsGridShadowTop.232a2e57.png') repeat-x bottom left;
    padding-bottom: 11px; }
  .Board.boardPinsGrid .BoardIcons {
    float: right;
    padding: 4px 4px 0; }
.Board.follow_view {
  font-size: 11px;
  line-height: 1.2em;
  padding: 5px 14px;
  position: relative; }
  .Board.follow_view:after {
    content: "";
    display: table;
    clear: both; }
  .Board.follow_view .boardFollowImg {
    border-radius: 2px;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px; }
  .Board.follow_view:hover {
    background: #f3f3f3; }
  .Board.follow_view:hover .dismiss {
    width: 9px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -87px -443px no-repeat;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 40%;
    margin-right: 14px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Board.follow_view:hover .dismiss {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
        background-position: -367px -230px;
        background-size: 415px 409px; } }
  .Board.follow_view .BoardFollowButton {
    color: #bd081c; }
    .Board.follow_view .BoardFollowButton:hover {
      text-decoration: underline; }
    .Board.follow_view .BoardFollowButton.disabled {
      color: #717171; }
      .Board.follow_view .BoardFollowButton.disabled:hover {
        cursor: default;
        text-decoration: none; }
  .Board.follow_view .followBoardName {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 75%; }
  .Board.follow_view .followBoardName a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #717171;
    font-size: 11px;
    font-weight: 700; }
  .Board.follow_view .followConfirmation {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: #ffa;
    bottom: 0;
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0; }
  .Board.follow_view.followed .followConfirmation {
    display: block; }
  .Board.follow_view:before {
    -webkit-box-shadow: none;
    box-shadow: none; }
.Board.follow_view:hover .dismiss {
  display: block; }
.Board .debugMacro {
  padding: 2px; }
.Board.noButton {
  height: 265px; }
  .Board.noButton .BoardFollowButton.Button {
    display: none; }

.BoardCoverEdit {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative; }
  .BoardCoverEdit .next, .BoardCoverEdit .previous {
    border: none;
    display: block;
    height: 46px;
    position: absolute;
    top: 120px;
    width: 46px; }
  .BoardCoverEdit .previous {
    width: 46px;
    height: 46px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -200px -251px no-repeat;
    left: 100px; }
    .BoardCoverEdit .previous:active {
      width: 46px;
      height: 46px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -296px -251px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardCoverEdit .previous:active {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -51px -248px;
          background-size: 415px 409px; } }
    .BoardCoverEdit .previous:hover {
      width: 46px;
      height: 46px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -248px -251px no-repeat; }
  .BoardCoverEdit .next {
    width: 46px;
    height: 46px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -345px 0px no-repeat;
    right: 100px; }
    .BoardCoverEdit .next:active {
      width: 46px;
      height: 46px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -152px -251px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardCoverEdit .next:active {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -98px -248px;
          background-size: 415px 409px; } }
    .BoardCoverEdit .next:hover {
      width: 46px;
      height: 46px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -104px -251px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardCoverEdit .next:hover {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -145px -248px;
          background-size: 415px 409px; } }

.BoardCoverEditPage {
  width: 708px; }
  .BoardCoverEditPage .boardCoverEditPageContainer {
    width: 708px; }
  .BoardCoverEditPage .standardForm h1 {
    font-weight: normal; }

.BoardCreate {
  width: 600px; }
  .BoardCreate .createTitle {
    font-weight: bold; }
  .BoardCreate .BoardInvite {
    width: 420px; }
    .BoardCreate .BoardInvite .User {
      overflow: hidden; }
    .BoardCreate .BoardInvite .Button {
      float: right;
      margin-left: 10px;
      margin-top: 3px; }

.BoardCreateRep {
  background: rgba(0, 0, 0, 0.03);
  border: 2px dashed #bbb;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  width: 236px;
  height: 297px; }
  .BoardCreateRep i {
    background: #ececec;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    bottom: 50%;
    -webkit-box-shadow: 0 0 2px #fff inset;
    box-shadow: 0 0 2px #fff inset;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    margin-bottom: -8px;
    position: absolute;
    width: 44px; }
    .BoardCreateRep i:after {
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      color: #b5b5b5;
      content: '+';
      display: block;
      font-family: sans-serif;
      font-size: 31px;
      line-height: 31px;
      font-style: normal;
      position: absolute;
      top: 6px;
      text-align: center; }
  .BoardCreateRep span {
    left: 0;
    margin-top: 18px;
    position: absolute;
    right: 0;
    top: 50%; }
  .BoardCreateRep:hover {
    background: rgba(0, 0, 0, 0.07);
    border-color: #888;
    color: #5f5f5f;
    text-shadow: none; }
    .BoardCreateRep:hover i:after {
      color: #b0b0b0; }
  .BoardCreateRep:active {
    background: rgba(0, 0, 0, 0.09);
    border-color: #888;
    color: #4d4d4d;
    text-shadow: none; }
    .BoardCreateRep:active i:after {
      color: #adadad; }

.BoardEditBase .User {
  padding: 4px 0;
  width: 270px; }
.BoardEditBase .boardEditCollaborators {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  margin-right: -11px;
  max-height: 160px; }
  .BoardEditBase .boardEditCollaborators::-webkit-scrollbar {
    height: auto;
    width: 11px;
    -webkit-appearance: none; }
  .BoardEditBase .boardEditCollaborators::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
.BoardEditBase .boardEditDescription {
  min-height: 58px; }
.BoardEditBase .learnAboutSecret {
  float: right;
  margin-top: 7px; }
.BoardEditBase .standardForm h1 {
  font-weight: normal;
  position: relative; }
.BoardEditBase .alert {
  background-color: #ffffaa;
  font-size: 120%;
  padding: 15px;
  margin: 7px 0; }
.BoardEditBase a.learnAboutBoardInvites {
  display: block;
  float: none;
  margin: 3px 0; }
.BoardEditBase .userSelect.Typeahead {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  margin: 0 0 3px 2px; }
  .BoardEditBase .userSelect.Typeahead li:first-child {
    padding-top: 4px; }
  .BoardEditBase .userSelect.Typeahead li:last-child {
    padding-bottom: 4px; }
.BoardEditBase .userSelect.TypeaheadField input {
  width: 100%; }

.BoardEdit {
  min-width: 445px;
  max-width: 600px; }
  .BoardEdit .BoardInvite {
    width: 420px; }
    .BoardEdit .BoardInvite .User {
      overflow: hidden; }
    .BoardEdit .BoardInvite .Button {
      float: right;
      margin-left: 10px;
      margin-top: 3px; }
  .BoardEdit .helpText {
    clear: both;
    margin: 5px 0 0 9px; }

.BoardFollowers.inline {
  display: inline-block;
  vertical-align: top; }
.BoardFollowers.large {
  width: 435px; }
  .BoardFollowers.large .User {
    margin: 4px 0;
    padding: 4px 20px;
    width: 395px; }
  .BoardFollowers.large .PagedGrid {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    max-height: 570px; }
    @media (min-height: 1110px) {
      .BoardFollowers.large .PagedGrid {
        max-height: 720px; } }
  .BoardFollowers.large .moreItems {
    display: block;
    margin: 0 auto 13px auto;
    width: 200px; }
.BoardFollowers.edit .remove {
  float: right; }
.BoardFollowers.edit .User {
  padding: 10px; }
.BoardFollowers .headerText {
  font-size: 12px;
  font-weight: bold;
  color: #6e6e6e; }

.BoardHeader {
  background-color: #fff;
  padding-bottom: 64px;
  position: relative;
  text-align: center;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  width: auto;
  z-index: 670; }
  .BoardHeader.placeBoardV2Header {
    border-radius: 6px; }
    .BoardHeader.placeBoardV2Header .divider {
      padding-left: 14px;
      padding-right: 14px; }
  .BoardHeader 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: 34px auto 0; }
  .ja .BoardHeader h1 {
    font-size: 36px; }
  .BoardHeader .boardName {
    color: #333;
    color: rgba(21, 21, 21, 0.8);
    font-size: 36px;
    margin-top: 0;
    line-height: 32px;
    padding-top: 34px;
    text-align: center; }
  .BoardHeader .description {
    color: #444;
    font-size: 15px;
    line-height: 20px;
    margin: 10px auto 5px;
    text-align: center;
    text-shadow: none;
    width: 750px; }
  .BoardHeader .divider {
    margin-top: 31px; }
  .BoardHeader .divider hr {
    background: #eee;
    border: 0;
    height: 1px;
    margin: 0;
    width: 100%; }
  .ja .BoardHeader .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .BoardHeader .pinsAndFollowerCount {
    font-size: 0; }
    .BoardHeader .pinsAndFollowerCount .dot {
      color: #6e6e6e;
      margin: 0 7px;
      height: 100%;
      font-weight: bold;
      font-size: 12px;
      vertical-align: bottom; }
    .BoardHeader .pinsAndFollowerCount .followerCount {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #777;
      font-weight: bold; }
      .BoardHeader .pinsAndFollowerCount .followerCount:hover {
        color: #444; }
    .BoardHeader .pinsAndFollowerCount .pinCount {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #777;
      display: inline-block;
      font-weight: bold;
      font-size: 12px;
      vertical-align: bottom; }
    .BoardHeader .pinsAndFollowerCount .buttonText {
      padding: 0;
      font-size: 12px; }
  .BoardHeader .secret {
    color: #999;
    font-size: 11px;
    font-weight: 700;
    line-height: 19px;
    margin: 16px 0 21px;
    padding: 0;
    position: relative;
    text-align: center; }
  .BoardHeader .secretIcon {
    width: 9px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -136px -99px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    margin: -2px 2px 0 0;
    position: static;
    vertical-align: middle; }
  .BoardHeader .annotations {
    font-size: 14px;
    margin: 10px auto 20px auto;
    text-align: center;
    line-height: 150%; }
    .BoardHeader .annotations .annotationHeader {
      display: inline;
      margin: 2px 5px;
      font-weight: bold; }
    .BoardHeader .annotations .annotationText {
      border-radius: 2px;
      display: inline;
      background-color: rgba(255, 255, 255, 0.68);
      color: #777;
      margin: 2px 2px 20px 2px;
      padding: 3px 6px;
      font-weight: normal; }
    .BoardHeader .annotations a {
      font-weight: normal; }
  .BoardHeader.invisible {
    opacity: 0; }

.BoardIcons {
  display: inline-block; }
  .BoardIcons .placeIcon, .BoardIcons .secretIcon, .BoardIcons .collaborativeIcon {
    display: inline-block;
    margin-right: 1px; }
  .BoardIcons .placeIcon {
    width: 7px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -212px -189px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BoardIcons .placeIcon {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -167px -131px;
        background-size: 214px 199px; } }
  .BoardIcons .secretIcon {
    width: 9px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -136px -99px no-repeat;
    margin-top: -1px; }
  .BoardIcons .collaborativeIcon {
    width: 18px;
    height: 11px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -45px -205px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BoardIcons .collaborativeIcon {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -84px -185px;
        background-size: 214px 199px; } }
  .BoardIcons.pinCreate3 {
    height: 16px; }
    .BoardIcons.pinCreate3 .placeIcon, .BoardIcons.pinCreate3 .secretIcon, .BoardIcons.pinCreate3 .collaborativeIcon {
      margin-right: 2px; }
    .BoardIcons.pinCreate3 span:last-child {
      margin-right: 0; }
    .BoardIcons.pinCreate3 .placeIcon {
      width: 16px;
      height: 16px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -18px -170px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardIcons.pinCreate3 .placeIcon {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -86px -167px;
          background-size: 214px 199px; } }
    .BoardIcons.pinCreate3 .secretIcon {
      width: 16px;
      height: 16px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -72px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardIcons.pinCreate3 .secretIcon {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -34px -167px;
          background-size: 214px 199px; } }
    .BoardIcons.pinCreate3 .collaborativeIcon {
      width: 16px;
      height: 16px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -36px -170px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardIcons.pinCreate3 .collaborativeIcon {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -103px -167px;
          background-size: 214px 199px; } }
  .BoardIcons.light .placeIcon {
    width: 7px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -194px -170px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BoardIcons.light .placeIcon {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -188px -131px;
        background-size: 214px 199px; } }
  .BoardIcons.light .secretIcon {
    width: 9px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -136px -87px no-repeat; }
  .BoardIcons.light .collaborativeIcon {
    width: 18px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -79px -205px no-repeat; }

.BoardInfoBar {
  background-color: #fff;
  bottom: 0;
  height: 64px;
  overflow: hidden;
  text-align: center;
  width: 100%;
  z-index: 103; }
  .BoardInfoBar.boardHeaderBackground {
    -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); }
  .BoardInfoBar .infoBarWrapper {
    position: relative; }
  .BoardInfoBar li {
    border-left: 1px solid #cdcdcd;
    float: left; }
  .BoardInfoBar .boardFollowUnfollowButton, .BoardInfoBar .boardEditButton, .BoardInfoBar .boardDirectButton, .BoardInfoBar .boardAddCollaboratorButton, .BoardInfoBar .movePinsButton {
    margin-right: 5px;
    position: relative;
    z-index: 1; }
  .BoardInfoBar .embedBoard {
    margin: -1px 0 1px 4px;
    padding: 7px 2px 8px 8px; }
    .BoardInfoBar .embedBoard em {
      padding-bottom: 1px; }
  .BoardInfoBar .collaborators {
    color: #444;
    font-weight: normal;
    float: left; }
    .BoardInfoBar .collaborators .User {
      float: left;
      margin-left: 3px;
      margin-right: 2px;
      margin-top: 1px; }
    .BoardInfoBar .collaborators.showName .User {
      display: block;
      margin: 0 15px 0 0;
      position: relative;
      text-align: left; }
    .BoardInfoBar .collaborators .BoardCollaborators {
      padding: 0; }
    .BoardInfoBar .collaborators .moreUserCollaborators {
      font-size: 14px;
      float: left;
      height: 27px;
      margin-left: 4px;
      margin-right: 5px;
      margin-top: 2px;
      padding: 3px 8px; }
  .BoardInfoBar .collaboratorInfo {
    float: left; }
  .BoardInfoBar .boardButtons {
    float: right;
    line-height: 0;
    margin-right: 16px; }
    .BoardInfoBar .boardButtons > * {
      height: 31px; }
    .BoardInfoBar .boardButtons .sendInfoBar {
      position: relative;
      z-index: 1; }
      .BoardInfoBar .boardButtons .sendInfoBar span {
        display: none; }
    .BoardInfoBar .boardButtons .boardFollowUnfollowButton, .BoardInfoBar .boardButtons .facebookShare {
      margin-left: 4px;
      margin-right: 0; }
    .BoardInfoBar .boardButtons .userProfileMenu {
      border-radius: 3px;
      height: 32px;
      position: relative;
      left: 4px; }
  .BoardInfoBar .boardButtons {
    margin: 16px 0 0 0; }
  .BoardInfoBar .boardAddCollaboratorsButton .Label {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #444;
    font-size: 13px;
    font-weight: bold;
    left: 38px;
    line-height: 30px;
    position: relative;
    text-align: left;
    width: 50px; }
  .BoardInfoBar .smallBoardName {
    color: #333;
    color: rgba(21, 21, 21, 0.8);
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 26px;
    left: 50%;
    margin-left: -175px;
    opacity: 0;
    position: absolute;
    top: -50px;
    width: 350px; }
    .columns-3 .BoardInfoBar .smallBoardName {
      font-size: 22px;
      margin-left: -92.5px;
      margin-top: 2px;
      width: 185px; }
  .BoardInfoBar .pinsAndFollowerCount {
    margin: 0 auto;
    position: relative;
    top: 16px;
    width: 154px; }
    .BoardInfoBar .pinsAndFollowerCount.hideFollowCount {
      width: 77px; }
      .columns-3 .BoardInfoBar .pinsAndFollowerCount.hideFollowCount {
        width: 65px; }
    .BoardInfoBar .pinsAndFollowerCount li {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-color: #fff;
      border: none;
      float: left;
      line-height: 14px;
      margin-right: -1px;
      text-align: center;
      width: 77px; }
      .columns-3 .BoardInfoBar .pinsAndFollowerCount li {
        width: 65px; }
      .BoardInfoBar .pinsAndFollowerCount li span:last-child {
        display: inline; }
    .BoardInfoBar .pinsAndFollowerCount .value {
      color: #aaa;
      display: block;
      font-weight: bold;
      padding-bottom: 3px;
      font-size: 16px; }
      .BoardInfoBar .pinsAndFollowerCount .value:hover, .BoardInfoBar .pinsAndFollowerCount .value.active {
        background: none;
        -webkit-box-shadow: 0;
        box-shadow: 0; }
    .BoardInfoBar .pinsAndFollowerCount .label {
      color: #9a9a9a;
      display: block;
      font-weight: normal;
      font-size: 11px; }
      .BoardInfoBar .pinsAndFollowerCount .label:hover, .BoardInfoBar .pinsAndFollowerCount .label.active {
        background: none;
        -webkit-box-shadow: 0;
        box-shadow: 0; }
      .columns-3 .BoardInfoBar .pinsAndFollowerCount .label {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 65px; }
  .BoardInfoBar.fixedHeader {
    position: fixed;
    top: 54px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 103; }
    .hasKLPBar .BoardInfoBar.fixedHeader {
      top: 98px; }
    .hasCategoriesBar .BoardInfoBar.fixedHeader {
      top: 109px; }
    .BoardInfoBar.fixedHeader .boardAddCollaboratorsButton, .BoardInfoBar.fixedHeader .boardSettingsButton, .BoardInfoBar.fixedHeader .collaborators.showName .User {
      z-index: 1; }

.BoardLabel {
  text-align: left; }
  .BoardLabel .nameAndIcons {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .BoardLabel .nameAndIcons .name {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      max-width: 80%;
      width: auto; }
  .BoardLabel .BoardIcons {
    max-width: 20%;
    float: right; }
  .BoardLabel.pinCreate3 {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .BoardLabel .highlightMatchText {
    border-bottom: 1px solid #333;
    font-style: normal;
    padding-bottom: 1px; }
  .BoardLabel.normal {
    line-height: 34px;
    font-size: 14px; }
    .BoardLabel.normal .boardImg {
      border-radius: 3px;
      height: 34px;
      width: 34px;
      float: left;
      margin-right: 10px;
      vertical-align: middle; }
      .BoardLabel.normal .boardImg:not(.emptyBoardImg) {
        background-size: cover;
        background-position: 50% 50%; }
  .BoardLabel.pinCreate3 {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 34px;
    font-size: 14px; }
    .BoardLabel.pinCreate3 .boardImg {
      border-radius: 3px;
      height: 34px;
      width: 34px;
      float: left;
      margin-right: 10px;
      vertical-align: middle; }
      .BoardLabel.pinCreate3 .boardImg:not(.emptyBoardImg) {
        background-size: cover;
        background-position: 50% 50%; }
    .BoardLabel.pinCreate3 .repinBtn {
      float: right;
      margin-left: 7px;
      position: relative;
      display: none;
      margin-top: 1px;
      z-index: 1; }
    .BoardLabel.pinCreate3 .boardImg {
      -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; }
  .BoardLabel .emptyBoardImg {
    width: 34px;
    height: 34px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') 0px -176px no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BoardLabel .emptyBoardImg {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -42px -96px;
        background-size: 229px 211px; } }
  .BoardLabel.compact {
    font-size: 13px; }
    .BoardLabel.compact .boardImg {
      display: none; }

.BoardCollaboratorInviter .panelHeading {
  border-bottom: 1px solid #dfdfdf;
  padding: 18px; }
  .BoardCollaboratorInviter .panelHeading .panelTitle {
    margin: 0; }
.BoardCollaboratorInviter .leftPanel, .BoardCollaboratorInviter .rightPanel {
  height: 375px;
  overflow: auto; }
.BoardCollaboratorInviter .leftPanel {
  border-right: 1px solid #dfdfdf;
  float: left;
  overflow: hidden;
  width: 300px; }
  .BoardCollaboratorInviter .leftPanel .BoardInviteForm {
    position: relative; }
    .BoardCollaboratorInviter .leftPanel .BoardInviteForm .inviteButton {
      border-radius: 0;
      border-right: none;
      border-top: none;
      height: 47px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 106; }
    .BoardCollaboratorInviter .leftPanel .BoardInviteForm .fillWidth {
      padding-right: 0; }
    .BoardCollaboratorInviter .leftPanel .BoardInviteForm .TypeaheadField .Input {
      background-color: #f8f8f8;
      border-bottom: 1px solid #ccc;
      border-left: none;
      border-radius: 0;
      border-top: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 15px 18px 15px 18px; }
    .BoardCollaboratorInviter .leftPanel .BoardInviteForm .TypeaheadField .Typeahead {
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      height: 328px;
      overflow-y: auto; }
  .BoardCollaboratorInviter .leftPanel .alert {
    background-color: #ffffaa;
    font-size: 120%;
    margin: 7px 0;
    padding: 15px; }
  .BoardCollaboratorInviter .leftPanel .ContactsList {
    height: 328px;
    overflow: auto; }
.BoardCollaboratorInviter .rightPanel {
  float: right;
  margin: 0 0 0 16px;
  width: 284px; }
  .BoardCollaboratorInviter .rightPanel .subheading {
    margin: 14px 0; }
  .BoardCollaboratorInviter .rightPanel .boardEditCollaborators > .User {
    overflow: hidden; }
  .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .BoardInvites .GridItems.fixedHeightLayout > .item {
    float: none; }
  .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .Button {
    float: right;
    margin-right: 10px;
    margin-top: 9px;
    z-index: 3; }
  .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User {
    margin: 7px 0;
    overflow: hidden; }
    .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .thumbImageWrapper {
      height: 36px;
      width: 36px; }
      .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .thumbImageWrapper img, .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .thumbImageWrapper::after {
        height: 36px;
        width: 36px; }
    .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .fullname {
      font-size: 14px;
      line-height: 17px;
      margin-top: 2px; }
    .BoardCollaboratorInviter .rightPanel .boardEditCollaborators .User .subtitle {
      font-size: 13px;
      font-weight: normal;
      margin: 0; }
.BoardCollaboratorInviter.inModal {
  width: 601px; }
  .BoardCollaboratorInviter.inModal .panelBody {
    padding: 0; }
.BoardCollaboratorInviter .formFooterButtons {
  float: right; }

.BoardCollaborators .moreUserCollaborators {
  padding: 8px 4px 7px;
  position: relative; }
.BoardCollaborators .TypeaheadField.userSelect {
  position: absolute;
  width: 316px; }
  .BoardCollaborators .TypeaheadField.userSelect input {
    width: 100%; }
  .BoardCollaborators .TypeaheadField.userSelect .Typeahead {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    padding-top: 0;
    margin: 0 0 3px 2px; }
    .BoardCollaborators .TypeaheadField.userSelect .Typeahead li:first-child {
      padding-top: 4px; }
    .BoardCollaborators .TypeaheadField.userSelect .Typeahead li:last-child {
      padding-bottom: 4px; }
.BoardCollaborators.inline {
  display: inline-block;
  vertical-align: top; }
.BoardCollaborators.large {
  width: 435px; }
  .BoardCollaborators.large .User {
    margin: 4px 0;
    padding: 4px 20px;
    width: 395px; }
  .BoardCollaborators.large .PagedGrid {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    max-height: 400px; }
    @media (min-height: 1110px) {
      .BoardCollaborators.large .PagedGrid {
        max-height: 720px; } }
  .BoardCollaborators.large .moreItems {
    display: block;
    margin: 0 auto 13px auto;
    width: 200px; }
.BoardCollaborators.edit .remove {
  float: right; }
.BoardCollaborators.edit .User {
  padding: 10px; }
.BoardCollaborators.large .boardCollaboratorsList {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  max-height: 400px; }
  .BoardCollaborators.large .boardCollaboratorsList::-webkit-scrollbar {
    height: auto;
    width: 11px;
    -webkit-appearance: none; }
  .BoardCollaborators.large .boardCollaboratorsList::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  .BoardCollaborators.large .boardCollaboratorsList .PagedGrid {
    overflow: visible; }
.BoardCollaborators.tiny {
  text-align: left; }

.BoardInvite {
  overflow: hidden; }
  .BoardInvite:hover {
    background: #f8f8f8; }
  .BoardInvite .secretIconInline {
    width: 9px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px 0px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent; }
  .BoardInvite.news {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 1px;
    border-bottom: 1px solid #ddd; }
    .BoardInvite.news .User {
      float: left;
      margin-left: 10px;
      margin-right: 9px; }
    .BoardInvite.news .description {
      overflow: hidden;
      font-size: 12px;
      line-height: 15px;
      margin: 0; }
      .BoardInvite.news .description a {
        color: #000;
        font-style: normal;
        font-weight: bold; }
      .BoardInvite.news .description a:hover {
        color: #bd081c; }
    .BoardInvite.news .actions {
      float: right;
      max-width: 160px;
      padding-left: 7px;
      padding-right: 7px;
      text-align: right; }
    .BoardInvite.news .pending {
      color: #333;
      font-size: 11px;
      font-weight: normal; }
    .BoardInvite.news .success {
      background-color: #ffffaa;
      display: none;
      font-size: 120%;
      margin: 7px 0;
      padding: 15px; }
    .BoardInvite.news .accept, .BoardInvite.news .remove {
      font-size: 12px;
      vertical-align: top; }
    .BoardInvite.news .remove {
      margin-bottom: 3px; }
    .BoardInvite.news .accept {
      margin-left: 2px; }
  .BoardInvite.boardDetail {
    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;
    border-top-radius: 0; }
    .BoardInvite.boardDetail .actions {
      float: right; }
    .BoardInvite.boardDetail .pending, .BoardInvite.boardDetail .success {
      color: #717171;
      font-size: 15px;
      padding: 1em; }
    .BoardInvite.boardDetail .pending {
      overflow: hidden; }
    .BoardInvite.boardDetail .success {
      display: none; }

.BoardInviteForm {
  margin-bottom: 45px;
  overflow: hidden;
  /* this is reaching in, but necessary to counteract the overflow hidden
       TODO(Jenn) cleanup, add a view_type to typeahead so it supports
       a parent that has overflow hidden set */ }
  .BoardInviteForm .TypeaheadField {
    width: 100%;
    z-index: 100;
    position: relative; }
  .BoardInviteForm .Typeahead {
    margin: 0 0 3px 2px; }
  .BoardInviteForm .inviteButton {
    float: right; }
  .BoardInviteForm .inviteWrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 180px;
    position: absolute;
    width: 100%; }
  .BoardInviteForm .fillWidth {
    overflow: hidden;
    padding-right: 10px; }

.BoardInvites .GridItems.fixedHeightLayout {
  overflow-x: hidden; }
.BoardInvites.hasMaxHeight {
  overflow-x: hidden;
  overflow-y: scroll; }

.GroupBoardEmailSettings {
  width: 380px; }
  .GroupBoardEmailSettings h2 {
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 20px; }
  .GroupBoardEmailSettings .helpText {
    line-height: 32px; }
  .GroupBoardEmailSettings .secretIconInline {
    width: 9px;
    height: 10px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -136px -99px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    margin: 1px 0 0 2px; }
  .GroupBoardEmailSettings .toggleAllWrapper {
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 20px 20px; }
    .GroupBoardEmailSettings .toggleAllWrapper label {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow: hidden;
      color: #555;
      cursor: pointer; }
      .GroupBoardEmailSettings .toggleAllWrapper label .fancyToggle {
        float: left;
        margin-right: 8px; }
      .GroupBoardEmailSettings .toggleAllWrapper label > input {
        margin-right: 3px; }
      .GroupBoardEmailSettings .toggleAllWrapper label > span {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 13px;
        font-weight: bold;
        vertical-align: middle; }
  .GroupBoardEmailSettings .collab_board_email, .GroupBoardEmailSettings .collab_board_email_all {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 26px;
    max-width: 235px; }
  .GroupBoardEmailSettings .fieldsetWrapper {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    max-height: 300px; }
    .GroupBoardEmailSettings .fieldsetWrapper fieldset {
      padding: 20px;
      width: 340px; }

.RemoveUserFromBoardDialog .ban {
  font-weight: bold; }
.RemoveUserFromBoardDialog .banUserWrapper {
  border-top: 1px solid #e7e7e7;
  margin: 21px -21px 0;
  padding: 21px 21px 0; }
.RemoveUserFromBoardDialog .helpText {
  margin-left: 16px; }

.BrowserButtonUpsell {
  width: 500px; }
  .BrowserButtonUpsell .browserWrapper {
    margin-top: 5px; }
  .BrowserButtonUpsell .promoHeader {
    color: #333;
    color: rgba(21, 21, 21, 0.8);
    background-color: #f0f0f0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 26px;
    line-height: 33px;
    padding: 25px;
    text-align: center; }
  .BrowserButtonUpsell .promoWrapper {
    background: white;
    border-radius: 6px;
    border: 1px solid #aaa;
    clear: both;
    margin: 15px; }
  .BrowserButtonUpsell .zoomImg {
    width: 439px;
    height: 293px;
    background: url('/webapp/style/app/common/images/upsell/chrome-1x.3caba098.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BrowserButtonUpsell .zoomImg {
        background-image: url('/webapp/style/app/common/images/upsell/chrome-2x.536a89ef.png');
        background-position: 0px 0px;
        background-size: 439px 293px; } }

.BulkBoardPicker {
  width: 481px; }
  .BulkBoardPicker li {
    overflow: visible; }
    .BulkBoardPicker li.highlighted a {
      background: #fafafa; }
  .BulkBoardPicker .BoardPickerDropdownButton {
    width: 275px; }

.BulkEditBar {
  bottom: 0;
  height: 64px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: -64px;
  width: 100%;
  z-index: 103; }
  .BulkEditBar .notifications {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #bd081c;
    float: left;
    line-height: 30px;
    margin-left: 7px;
    margin-top: 18px;
    text-shadow: none; }
    .BulkEditBar .notifications .label, .BulkEditBar .notifications .value {
      font-size: 19px;
      font-weight: bold; }
  .BulkEditBar .bulkEditButtons {
    float: right;
    margin-right: 7px;
    margin-top: 18px; }
    .BulkEditBar .bulkEditButtons .bulkEditButton {
      margin-right: 3px;
      position: relative;
      z-index: 1; }
    .BulkEditBar .bulkEditButtons .bulkCancelButton, .BulkEditBar .bulkEditButtons .bulkEditButton {
      padding-left: 15px;
      padding-right: 15px; }
  .BulkEditBar.placeBoard {
    height: 90px; }
    .BulkEditBar.placeBoard .bulkEditButtons {
      float: none;
      margin-right: 0;
      margin-top: 7px; }
    .BulkEditBar.placeBoard .notifications {
      float: none;
      margin: 0;
      margin-top: 10px; }

.EmbedBoard.styleTitle h3 {
  padding: 20px 0 10px; }

.Embed {
  color: #333;
  width: 386px; }
  .Embed h3 {
    margin: 15px 20px 12px; }
  .Embed .widgetContainer {
    padding: 20px; }
  .Embed a {
    color: #333; }
  .Embed .sampleCode {
    background-color: #f0f0f0;
    padding: 5px 20px 20px;
    width: 346px; }
    .Embed .sampleCode textarea {
      border: solid 1px #d1d1d1;
      border-radius: 3px;
      color: #717171;
      font-size: 13px;
      height: 30px;
      padding: 8px;
      width: 330px; }

.EmbedPinner {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.44);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.44); }
  .EmbedPinner h3 {
    padding: 20px 0 10px; }

.EmptyStateCard {
  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;
  color: #333;
  margin: 25px auto 0 auto;
  padding: 25px;
  text-align: center;
  width: 486px; }
  .EmptyStateCard .icon {
    margin: 0 auto 15px auto; }
  .EmptyStateCard header, .EmptyStateCard footer {
    margin: 15px; }
  .EmptyStateCard .text {
    color: #333;
    color: rgba(21, 21, 21, 0.8);
    font-size: 18px;
    line-height: 24px; }

.EmptyStateCardProfileFollowers .icon {
  width: 124px;
  height: 142px;
  background: url('/webapp/style/app/common/images/empty_followers-1x.de6dd7d1.png') 0px 0px no-repeat; }

.EmptyStateCardProfileFollowing .icon {
  width: 124px;
  height: 142px;
  background: url('/webapp/style/app/common/images/empty_following-1x.6ada63b4.png') 0px 0px no-repeat; }

.EmptyStateCardProfileLikes .icon {
  width: 153px;
  height: 132px;
  background: url('/webapp/style/app/common/images/empty_user_likes-1x.f7469980.png') 0px 0px no-repeat; }

.EmptyStateCardProfilePins .searchNavigateLink a {
  color: #333;
  font-weight: normal;
  border-bottom: 1px solid #ccc; }
  .EmptyStateCardProfilePins .searchNavigateLink a:hover {
    color: #ccc; }
.EmptyStateCardProfilePins .icon {
  width: 124px;
  height: 206px;
  background: url('/webapp/style/app/common/images/empty_user_pins-1x.71d0443a.png') 0px 0px no-repeat; }

.BoardPicker.inPopover {
  padding: 8px; }
  .BoardPicker.inPopover .SelectList {
    max-height: 300px;
    width: 300px; }
    .BoardPicker.inPopover .SelectList .sectionHeading {
      background: #f0f0f0;
      border-radius: 3px;
      font-weight: bold; }

.PinCreate3 {
  background: #d9d9d9;
  border-radius: 6px;
  height: 535px;
  position: relative;
  width: 660px; }
  .PinCreate3:after {
    content: "";
    display: table;
    clear: both; }
  .PinCreate3.pinning {
    pointer-events: none; }
  .PinCreate3.noDupWarning .pinCreate3Title {
    padding-top: 38px; }
  .PinCreate3 .pinContainer {
    float: left;
    display: table;
    height: 100%;
    width: 330px; }
  .PinCreate3 .pinCreate3Footer {
    clear: both;
    padding: 10px 20px;
    background: #f0f0f0;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden; }
    .PinCreate3 .pinCreate3Footer .buttonsWrapper {
      float: right; }
  .PinCreate3 .pinModuleHolder {
    display: table-cell;
    vertical-align: middle; }
  .PinCreate3 .shareInput {
    display: none; }
    .PinCreate3 .shareInput:checked + .pinCreate3SocialLabel .shareIcon {
      width: 18px;
      height: 18px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -81px -120px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PinCreate3 .shareInput:checked + .pinCreate3SocialLabel .shareIcon {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -79px -118px;
          background-size: 214px 199px; } }
    .PinCreate3 .shareInput:checked + .pinCreate3SocialLabel .helperText {
      color: #d9d9d9; }
  .PinCreate3 .pinCreate3SocialLabel {
    display: block; }
    .PinCreate3 .pinCreate3SocialLabel:hover .shareIcon {
      width: 18px;
      height: 18px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -101px -120px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PinCreate3 .pinCreate3SocialLabel:hover .shareIcon {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -98px -118px;
          background-size: 214px 199px; } }
    .PinCreate3 .pinCreate3SocialLabel:hover .helperText {
      color: #d9d9d9; }
    .PinCreate3 .pinCreate3SocialLabel .shareIcon {
      width: 18px;
      height: 18px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -26px -144px no-repeat;
      display: block;
      float: left; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PinCreate3 .pinCreate3SocialLabel .shareIcon {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -25px -142px;
          background-size: 214px 199px; } }
  .PinCreate3 .Pin {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .PinCreate3 .Pin .pinImg {
      opacity: 1; }
    .PinCreate3 .Pin .editPinDescription:hover ~ .pinDescription, .PinCreate3 .Pin .editPinDescription:hover ~ .addDescription {
      background: #e3e9ed; }
  .PinCreate3 .repinSmall.btn.primary, .PinCreate3 .repinBtn.btn.primary {
    height: 33px; }
    .PinCreate3 .repinSmall.btn.primary.loading, .PinCreate3 .repinSmall.btn.primary.success, .PinCreate3 .repinBtn.btn.primary.loading, .PinCreate3 .repinBtn.btn.primary.success {
      width: 62px; }
      .PinCreate3 .repinSmall.btn.primary.loading em, .PinCreate3 .repinSmall.btn.primary.success em, .PinCreate3 .repinBtn.btn.primary.loading em, .PinCreate3 .repinBtn.btn.primary.success em {
        -webkit-transform: translateZ(0);
        position: absolute;
        left: 50%;
        top: 50%; }
    .PinCreate3 .repinSmall.btn.primary.loading em, .PinCreate3 .repinBtn.btn.primary.loading em {
      width: 16px;
      height: 16px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -104px -170px no-repeat;
      -webkit-animation: rotateCircle 500ms infinite;
      animation: rotateCircle 500ms infinite;
      margin-top: -8px;
      margin-left: -8px;
      visibility: visible; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PinCreate3 .repinSmall.btn.primary.loading em, .PinCreate3 .repinBtn.btn.primary.loading em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -17px -167px;
          background-size: 214px 199px; } }
    .PinCreate3 .repinSmall.btn.primary.success em, .PinCreate3 .repinBtn.btn.primary.success em {
      width: 17px;
      height: 13px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -54px -189px no-repeat;
      margin-top: -6.5px;
      margin-left: -8.5px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .PinCreate3 .repinSmall.btn.primary.success em, .PinCreate3 .repinBtn.btn.primary.success em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -52px -185px;
          background-size: 214px 199px; } }
  .PinCreate3 .createButton {
    display: none; }
  .PinCreate3 .BoardIcons {
    height: auto; }
  .PinCreate3 .boardsWrapper {
    -webkit-transform: translateZ(0);
    background: #fff;
    -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0 4px rgba(0, 0, 0, 0.2);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    float: right;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 330px; }
  .PinCreate3.showingCreateBoard .boardsWrapper {
    overflow: visible; }
  .PinCreate3 .nameWrapper {
    position: relative; }
  .PinCreate3 .searchFilterInputIcon {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -215px -158px no-repeat;
    position: absolute;
    left: 36px;
    top: 50%;
    margin-top: -7px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PinCreate3 .searchFilterInputIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -119px -194px;
        background-size: 229px 211px; } }
  .PinCreate3 .Input.name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 23px;
    padding: 13px;
    padding-left: 44px;
    width: 284px;
    font-weight: bold; }
    .PinCreate3 .Input.name::-webkit-input-placeholder {
      color: #a9a9a9; }
    .PinCreate3 .Input.name:-moz-placeholder {
      color: #a9a9a9; }
    .PinCreate3 .Input.name::-moz-placeholder {
      color: #a9a9a9; }
    .PinCreate3 .Input.name:-ms-input-placeholder {
      color: #a9a9a9; }
    .PinCreate3 .Input.name:focus {
      outline: none; }
  .PinCreate3 .socialShareWrapper {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    top: 14px; }
    .PinCreate3 .socialShareWrapper .helperText {
      display: inline-block;
      float: left;
      font-weight: bold;
      font-size: 14px;
      color: #8c9198;
      margin-left: 7px;
      -webkit-font-smoothing: antialiased; }
    .PinCreate3 .socialShareWrapper .buttonWrapper {
      float: left;
      margin-left: 10px; }
  .PinCreate3 .BoardCreate {
    border-radius: 0 6px 6px 0; }
    .PinCreate3 .BoardCreate .BoardInviteForm {
      margin-bottom: 7px;
      overflow: visible; }
    .PinCreate3 .BoardCreate form {
      height: 100%;
      position: relative; }
    .PinCreate3 .BoardCreate h3 {
      margin-bottom: 4px; }
    .PinCreate3 .BoardCreate label {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #c2c2c2;
      font-size: 11px;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: .05em; }
    .PinCreate3 .BoardCreate input, .PinCreate3 .BoardCreate .TypeaheadField.userSelect input, .PinCreate3 .BoardCreate textarea {
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 14px;
      outline: none;
      width: 100%; }
      .PinCreate3 .BoardCreate input:focus, .PinCreate3 .BoardCreate .TypeaheadField.userSelect input:focus, .PinCreate3 .BoardCreate textarea:focus {
        outline: none; }
    .PinCreate3 .BoardCreate input {
      padding-bottom: 5px; }
    .PinCreate3 .BoardCreate .Input {
      border-radius: 0;
      margin-left: 0; }
    .PinCreate3 .BoardCreate #boardEditName {
      color: #333;
      font-size: 15px; }
    .PinCreate3 .BoardCreate textarea {
      resize: none; }
    .PinCreate3 .BoardCreate form > ul > li {
      border-top: 1px solid #f3f3f3;
      padding: 16px 25px 13px; }
      .PinCreate3 .BoardCreate form > ul > li.boardCollaboratorsWrapper .field {
        padding-left: 0; }
      .PinCreate3 .BoardCreate form > ul > li.boardCollaboratorsWrapper .item {
        padding: 4px 0;
        width: 279px; }
      .PinCreate3 .BoardCreate form > ul > li.boardCollaboratorsWrapper .fillWidth {
        padding-right: 1px;
        overflow: visible; }
      .PinCreate3 .BoardCreate form > ul > li.boardCollaboratorsWrapper .userSelect {
        border-radius: 6px;
        border-top-color: #f3f3f3;
        position: relative; }
        .PinCreate3 .BoardCreate form > ul > li.boardCollaboratorsWrapper .userSelect.Typeahead {
          margin: 0;
          position: absolute;
          z-index: 751; }
    .PinCreate3 .BoardCreate .inviteButton {
      display: none; }
    .PinCreate3 .BoardCreate .BoardInvite {
      min-width: 100%;
      max-width: 100%; }
      .PinCreate3 .BoardCreate .BoardInvite:hover {
        background: transparent; }
    .PinCreate3 .BoardCreate .descriptionWrapper, .PinCreate3 .BoardCreate .categoryWrapper, .PinCreate3 .BoardCreate .mapToggleWrapper {
      display: none; }
    .PinCreate3 .BoardCreate .formFooter {
      background: transparent;
      border-top: 1px solid #f3f3f3;
      border-radius: 0;
      bottom: 0;
      left: 0;
      padding: 25px;
      position: absolute;
      right: 0; }
      .PinCreate3 .BoardCreate .formFooter .formFooterButtons {
        float: none; }
      .PinCreate3 .BoardCreate .formFooter .cancelButton {
        float: left; }
      .PinCreate3 .BoardCreate .formFooter .saveBoardButton {
        float: right; }
      .PinCreate3 .BoardCreate .formFooter .btn {
        margin-left: 0; }
    .PinCreate3 .BoardCreate .formFooterButtons {
      float: none;
      overflow: hidden; }
      .PinCreate3 .BoardCreate .formFooterButtons .cancelButton {
        float: left; }
      .PinCreate3 .BoardCreate .formFooterButtons .saveBoardButton {
        float: right; }
  .PinCreate3 .Checkbox.fancyToggle {
    background: #f8f8f8;
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 70px; }
    .PinCreate3 .Checkbox.fancyToggle .slider {
      background-image: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #dfdfdf;
      border-radius: 50px;
      top: -1px;
      left: -1px;
      bottom: -1px;
      height: auto;
      width: 27px; }
    .PinCreate3 .Checkbox.fancyToggle.on {
      background: #bd081c;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .PinCreate3 .Checkbox.fancyToggle.on .slider {
        left: auto;
        right: -1px; }
  .PinCreate3 .BoardCreate h1, .PinCreate3 .pinCreate3Title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    clear: both;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 25px 25px 13px; }
  .PinCreate3 .SelectList {
    border-bottom-right-radius: 6px; }
    .PinCreate3 .SelectList:focus {
      outline: none; }
  .PinCreate3 .pinCreate3Close {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px;
    z-index: 1; }
  .PinCreate3 .nameAndIcons {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    font-weight: bold;
    letter-spacing: 0.01em; }
  .PinCreate3 .Picker .item, .PinCreate3 .SelectList.normal .item {
    border-radius: 0; }
  .PinCreate3 .Picker .top {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 0;
    padding-bottom: 15px; }
  .PinCreate3 .Picker .item {
    padding: 7px 23px; }
    .PinCreate3 .Picker .item:hover {
      background: transparent; }
    .PinCreate3 .Picker .item.activeItem, .PinCreate3 .Picker .item.selected, .PinCreate3 .Picker .item:hover {
      background: #f6f6f6;
      color: #000; }
      .PinCreate3 .Picker .item.activeItem .repinBtn, .PinCreate3 .Picker .item.selected .repinBtn, .PinCreate3 .Picker .item:hover .repinBtn {
        display: block; }
  .PinCreate3 .selected .PickerItemCreate {
    color: #000;
    font-weight: bold; }
  .PinCreate3 .selected .BoardIcons {
    display: none; }
  .PinCreate3 .sectionHeading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #aaa;
    font-weight: 400;
    padding: 10px 23px; }
  .PinCreate3 .allBoards {
    background: #fff;
    border-bottom: 1px solid #f3f3f3; }
  .PinCreate3 .BoardCreate {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    position: absolute;
    width: 330px; }

.PinCreateSuccessBoard .boardWrapper {
  background: #f4f4f4;
  border-radius: 6px;
  border: 1px solid #c7c7c7;
  -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;
  clear: both;
  margin: 20px; }
.PinCreateSuccessBoard .alsoOn {
  color: #9f9f9f;
  font-size: 18px;
  margin: 20px 0 14px 0;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.67); }
.PinCreateSuccessBoard .Board {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
  margin: 0 auto 20px; }

.PinCreateSuccessBoardEdit h1 span {
  font-weight: normal; }
.PinCreateSuccessBoardEdit .standardForm .learnMore {
  float: none;
  display: block;
  margin: 10px 0; }
.PinCreateSuccessBoardEdit .boardInvites {
  margin-top: 20px; }
  .PinCreateSuccessBoardEdit .boardInvites .BoardInvite.boardEdit {
    width: 420px;
    width: 472px; }
    .PinCreateSuccessBoardEdit .boardInvites .BoardInvite.boardEdit .User {
      overflow: hidden; }
    .PinCreateSuccessBoardEdit .boardInvites .BoardInvite.boardEdit .Button {
      float: right;
      margin-left: 10px;
      margin-top: 3px; }

.PinCreateSuccessBulkAction .boardWrapper {
  background: #f4f4f4;
  border-radius: 6px;
  border: 1px solid #c7c7c7;
  -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;
  clear: both;
  margin: 20px;
  padding-top: 20px; }
.PinCreateSuccessBulkAction .Board {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
  margin: 0 auto 20px; }

.PinCreateSuccess .standardForm {
  max-width: 500px; }
.PinCreateSuccess .standardForm h1 {
  font-weight: normal; }
  .PinCreateSuccess .standardForm h1 em {
    font-style: normal;
    font-weight: bold; }
  .PinCreateSuccess .standardForm h1 a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    color: #333;
    max-width: 250px;
    vertical-align: bottom; }
    .PinCreateSuccess .standardForm h1 a:hover {
      color: #bd081c; }
.PinCreateSuccess.noBody .formFooter {
  border-top: 0; }

.PinCreateSuccessExtensionNag .nagWrapper {
  background: #f4f4f4;
  background-image: url('/webapp/style/app/common/images/pin_create_success_extension_nag_win_chrome.3fd98b07.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  border: 1px solid #c7c7c7;
  border-radius: 6px;
  -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;
  clear: both;
  margin: 20px;
  text-align: center; }
  .PinCreateSuccessExtensionNag .nagWrapper .nagMessage {
    color: #211922;
    font-size: 21px;
    font-weight: lighter;
    margin: 0 auto;
    padding: 20px 15px 245px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.67);
    width: 425px; }
    .PinCreateSuccessExtensionNag .nagWrapper .nagMessage a {
      color: #079dd6;
      font-weight: normal; }

.PinCreateSuccessToast {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #353535;
  border-radius: 6px;
  bottom: 5%;
  -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);
  color: #a4a4a4;
  font-size: 14px;
  left: 5px;
  line-height: 32px;
  padding: 0 10px 0 5px;
  position: fixed;
  text-align: left;
  z-index: 752; }
  .PinCreateSuccessToast a {
    color: #bebebe;
    font-weight: bold; }

.PinCreateTouch {
  width: 100vw;
  height: 100vh; }
  .PinCreateTouch .createBoard {
    float: left;
    padding-bottom: 8px;
    padding-right: 8px;
    margin-left: 12px;
    margin-top: 12px;
    position: absolute; }
  .PinCreateTouch .stickyTitle {
    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-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 20px;
    height: 24px;
    padding: 10px;
    text-align: center; }
  .PinCreateTouch .pinPreviewAndDescription {
    overflow: hidden;
    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);
    position: relative;
    width: 100%;
    z-index: 1; }
  .PinCreateTouch .pinPreview {
    border-radius: 6px;
    display: inline-block;
    float: left;
    margin: 10px; }
  .PinCreateTouch .pinDescription {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    margin: 10px; }
  .PinCreateTouch .content {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 14px;
    height: 75px;
    max-height: 75px; }
  .PinCreateTouch .sectionsContainer {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    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;
    max-height: 100vh; }
  .PinCreateTouch .topSection {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .PinCreateTouch .boardPickerSection {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    background: #e3e3e3;
    width: 100%; }

.RepinsLikesFeedPage 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: 20px;
  margin-top: 27px;
  text-align: center; }

.PinDupWarning .Spinner {
  display: none; }
.PinDupWarning .pinnedToBoardWarning {
  background-color: #fff5c0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff7cb), to(#fff4b7));
  background: -webkit-linear-gradient(#fff7cb, #fff4b7);
  background: linear-gradient(#fff7cb, #fff4b7);
  text-shadow: 0 1px 0 #fff;
  border-bottom: 1px solid #e2e1d1;
  font-size: 16px;
  padding: 18px; }
  .PinDupWarning .pinnedToBoardWarning a {
    color: #bd081c; }
.PinDupWarning.pinCreate3 {
  -webkit-transform: translateZ(0); }
  .PinDupWarning.pinCreate3 .pinnedToBoardWarning {
    background-color: #ffe481;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffef9c), to(#ffda66));
    background: -webkit-linear-gradient(#ffef9c, #ffda66);
    background: linear-gradient(#ffef9c, #ffda66);
    border: none;
    border-radius: 3px;
    color: #7E4300;
    font-size: 12px;
    margin: 0 23px 12px;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.AddPin {
  width: 320px; }
  .AddPin.isDropdown {
    border-radius: 6px;
    overflow: hidden;
    max-width: 230px;
    width: auto; }
  .AddPin .addPinContent {
    border-radius: 0 0 6px 6px;
    overflow: hidden; }
  .AddPin .addPinButton.borderless {
    background: #f0f0f0;
    border-top: 1px solid #c4c4c4;
    float: left;
    height: 210px;
    width: 50%; }
    .AddPin .addPinButton.borderless:hover {
      background: #fafafa; }
    .AddPin .addPinButton.borderless:active {
      background: #e6e6e6; }
    .AddPin .addPinButton.borderless.addPinUpload {
      border-left: 1px solid #c4c4c4; }
  .AddPin .pinmarkletPromotion {
    background: #f1f1f1;
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 14px; }
    .AddPin .pinmarkletPromotion p {
      overflow: hidden;
      color: #999;
      font-size: 12px;
      line-height: 15px;
      margin: 0; }
    .AddPin .pinmarkletPromotion a:hover {
      color: #bd081c; }

.AddPinRep {
  background: rgba(0, 0, 0, 0.03);
  border: 2px dashed #bbb;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  width: 236px;
  height: 284px; }
  .AddPinRep i {
    background: #ececec;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    bottom: 50%;
    -webkit-box-shadow: 0 0 2px #fff inset;
    box-shadow: 0 0 2px #fff inset;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    margin-bottom: -8px;
    position: absolute;
    width: 44px; }
    .AddPinRep i:after {
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      color: #b5b5b5;
      content: '+';
      display: block;
      font-family: sans-serif;
      font-size: 31px;
      line-height: 31px;
      font-style: normal;
      position: absolute;
      top: 6px;
      text-align: center; }
  .AddPinRep span {
    left: 0;
    margin-top: 18px;
    position: absolute;
    right: 0;
    top: 50%; }
  .AddPinRep:hover {
    background: rgba(0, 0, 0, 0.07);
    border-color: #888;
    color: #5f5f5f;
    text-shadow: none; }
    .AddPinRep:hover i:after {
      color: #b0b0b0; }
  .AddPinRep:active {
    background: rgba(0, 0, 0, 0.09);
    border-color: #888;
    color: #4d4d4d;
    text-shadow: none; }
    .AddPinRep:active i:after {
      color: #adadad; }

.AddPinRepWithPlace {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 236px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  width: 236px; }
  .AddPinRepWithPlace .addPinIcon {
    width: 30px;
    height: 30px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -174px -141px no-repeat;
    margin-left: -15px;
    margin-top: 103px;
    position: absolute; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .AddPinRepWithPlace .addPinIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -97px -138px;
        background-size: 229px 211px; } }
  .AddPinRepWithPlace .pinMethodsWrapper {
    height: 100%;
    width: 100%;
    visibility: hidden; }
  .AddPinRepWithPlace:hover .pinMethodsWrapper {
    visibility: visible; }
  .AddPinRepWithPlace .pinPlaceButton {
    border-radius: 6px 6px 0 0; }
  .AddPinRepWithPlace .pinWebsiteButton {
    border-radius: 0 0 6px 6px; }
  .AddPinRepWithPlace .pinUploadButton, .AddPinRepWithPlace .pinWebsiteButton {
    border-top: 1px solid #ddd; }
  .AddPinRepWithPlace .pinPlaceButton, .AddPinRepWithPlace .pinUploadButton, .AddPinRepWithPlace .pinWebsiteButton {
    background: #fff;
    font-size: 13px;
    height: 78.33333px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    width: 100%; }
    .AddPinRepWithPlace .pinPlaceButton em, .AddPinRepWithPlace .pinUploadButton em, .AddPinRepWithPlace .pinWebsiteButton em {
      float: left;
      margin-left: 30px;
      top: -2px; }
    .AddPinRepWithPlace .pinPlaceButton span, .AddPinRepWithPlace .pinUploadButton span, .AddPinRepWithPlace .pinWebsiteButton span {
      color: #999;
      float: left;
      margin: 2px 0 0 20px; }
    .AddPinRepWithPlace .pinPlaceButton:hover, .AddPinRepWithPlace .pinUploadButton:hover, .AddPinRepWithPlace .pinWebsiteButton:hover {
      background: #fafafa; }
      .AddPinRepWithPlace .pinPlaceButton:hover em, .AddPinRepWithPlace .pinUploadButton:hover em, .AddPinRepWithPlace .pinWebsiteButton:hover em {
        font-weight: bold; }
    .AddPinRepWithPlace .pinPlaceButton:active, .AddPinRepWithPlace .pinUploadButton:active, .AddPinRepWithPlace .pinWebsiteButton:active {
      background: #dbdbdb; }

.AddPinURL {
  max-width: 460px; }
  .AddPinURL .findPinsField {
    overflow: hidden; }
  .AddPinURL .findPins {
    overflow: hidden;
    background: #f0f0f0;
    border-radius: 0 0 6px 6px;
    padding: 19px; }
  .AddPinURL .installBookmarklet {
    background-color: #fff5c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff7cb), to(#fff4b7));
    background: -webkit-linear-gradient(#fff7cb, #fff4b7);
    background: linear-gradient(#fff7cb, #fff4b7);
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 18px; }
    .AddPinURL .installBookmarklet a {
      color: #bd081c; }
    .AddPinURL .installBookmarklet p {
      margin: 0; }
  .AddPinURL .Button {
    float: right;
    margin-left: 10px; }

.PinComment {
  position: relative;
  word-wrap: break-word; }
  .PinComment:after {
    content: "";
    display: table;
    clear: both; }
  .PinComment.summary {
    margin-bottom: 5px; }
  .PinComment .btn {
    display: none; }

.PinCommentList {
  border-top: 1px solid #e3e3e3;
  /* Subclass that applies to this module when rendered as part of Closeup */ }
  .PinCommentList.empty .commentsContainer {
    display: none; }
  .PinCommentList .commentsContainer {
    padding: 0 14px 0; }
  .PinCommentList .commentsContainer:first-of-type {
    padding-top: 15px; }
  .PinCommentList.summary .commentsContainer:first-of-type {
    padding-top: 10px; }
  .summary .PinCommentList .List:last-child .PinComment:last-child {
    padding-bottom: 0; }
  .PinCommentList.detailed .commentsContainer {
    background-color: #fff;
    border: none;
    padding: 0; }
  .hasRichPins .PinCommentList.detailed .commentsContainer {
    background: transparent; }

.PinCommentsPage {
  /* Subclass that applies to this module when rendered as part of Closeup */ }
  .PinCommentsPage .showMore {
    display: block;
    margin: 0 0 9px 0;
    padding: 0 15px; }
    .summary .PinCommentsPage .showMore {
      text-align: center; }
  .PinCommentsPage.summary .pinDescriptionCommentItem {
    border-radius: 0 0 6px 6px;
    padding: 0 14px 7px;
    position: relative; }
    .PinCommentsPage.summary .pinDescriptionCommentItem:after {
      content: "";
      display: table;
      clear: both; }
  .PinCommentsPage.detailed {
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
    border-radius: 0 0 6px 6px;
    border-top: none; }
    .PinCommentsPage.detailed .showMore {
      background-color: #fff;
      font-size: 13px;
      margin-bottom: 0;
      padding-top: 20px;
      text-align: center; }
    .PinCommentsPage.detailed .addPinComment {
      padding: 0; }
    .PinCommentsPage.detailed .TextField {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border-radius: 6px;
      color: #999;
      font-size: 15px;
      font-weight: normal;
      margin-bottom: 3px; }

.IframeEmbed {
  position: relative;
  width: 100%;
  /**
     *  Provider specific updates  
     *
     *  Pads the containing div of the iframe for soundcloud, youtube, and vimeo 
     *  videos.  This allows the iframe to fill the div and preserve specific 
     *  aspect ratios.  This padding is added via jinja for files from other sources
     */ }
  .IframeEmbed iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .IframeEmbed.soundcould {
    padding-bottom: 30%; }
  .IframeEmbed.vevo, .IframeEmbed.youtube, .IframeEmbed.vimeo {
    padding-bottom: 50%; }

.ImagesFeedPage .noImages {
  color: #444;
  font-size: 20px;
  margin: 60px 0;
  text-align: center; }

@-webkit-keyframes scaleDownAndFade {
  0%, 50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }

  66%, 83% {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

@keyframes scaleDownAndFade {
  0%, 50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }

  66%, 83% {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

.PaddedPin {
  position: relative; }
  .PaddedPin .paddedPinLink {
    background: #f8f8f8;
    display: block; }
    .PaddedPin .paddedPinLink:hover {
      background: #f0f0f0; }
    .PaddedPin .paddedPinLink:active {
      background: #e9e9e9; }
  .PaddedPin .pinImage {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
  .PaddedPin .Image {
    margin: auto; }
  .PaddedPin .visualSearchObjectOverlay {
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    z-index: 6; }
  .PaddedPin .visualLiveSearchOverlayOuterWrapper {
    z-index: 6;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; }
  .PaddedPin .visualLiveSearchOverlayInnerWrapper {
    z-index: 6;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .PaddedPin .visualLiveSearchOverlay {
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .PaddedPin .pinCloseupSeoText {
    margin-left: auto;
    margin-right: auto;
    color: #717171 !important; }
  .PaddedPin .seeYourPinStory {
    background-color: #000;
    height: 62px;
    position: relative;
    width: 100%; }
    .PaddedPin .seeYourPinStory .pinstoryButton {
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 15px;
      height: 40px;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 125px; }
  .PaddedPin .pinCanonicalDescription {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    bottom: 0;
    color: #f7f7f7;
    font-size: 12px;
    height: 56px;
    left: 0;
    line-height: 150%;
    margin-top: -6px;
    opacity: 0.5;
    padding: 0 14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.17);
    top: 45%;
    white-space: normal;
    word-wrap: break-word; }
  .PaddedPin .pinDomain {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    bottom: 0;
    color: #f7f7f7;
    font-size: 12px;
    left: 0;
    margin-top: -6px;
    opacity: 0.5;
    padding: 0 14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.17);
    top: 50%; }
  .PaddedPin .visualSearchObjectTagClickTarget {
    cursor: pointer;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    /* positioned on visualSearchObjectOverlay by inline style */
    width: 50px; }
    .PaddedPin .visualSearchObjectTagClickTarget .visualSearchObjectTag {
      -webkit-backface-visibility: hidden;
      -webkit-animation: scaleDownAndFade 1.5s;
      animation: scaleDownAndFade 1.5s;
      -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s, transform 0.2s;
      opacity: 0;
      background: #f22;
      border: 6px solid #fff;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 10px #000;
      box-shadow: 0 0 10px #000;
      height: 32px;
      left: 50%;
      margin-left: -22px;
      margin-top: -22px;
      position: absolute;
      top: 50%;
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      width: 32px; }
    .PaddedPin .visualSearchObjectTagClickTarget:hover .visualSearchObjectTag {
      opacity: 1;
      -webkit-transform: scale(0.65);
      -ms-transform: scale(0.65);
      transform: scale(0.65); }
    .PaddedPin .visualSearchObjectTagClickTarget:active .visualSearchObjectTag {
      background: #b00; }
  .PaddedPin:hover .visualSearchObjectTag {
    opacity: 0.67; }

.Pin {
  font-size: 11px;
  position: relative;
  /**
      * In a tutorial highlight, the button "Repin" should be visible while
      * all the others should be hidden.
      */ }
  .Pin.summary {
    display: inline-block; }
    .Pin.summary .recommendationReason {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      border-top: 1px solid #e7e7e7;
      color: #999;
      font-size: 11px;
      font-weight: normal;
      line-height: 13px;
      margin: 0;
      padding: 10px 10px 9px; }
      .Pin.summary .recommendationReason.promoted {
        color: #767676;
        font-size: 13px; }
      .Pin.summary .recommendationReason a {
        color: #b7b7b7; }
        .Pin.summary .recommendationReason a:hover {
          color: #8a8a8a; }
    .Pin.summary .recommendationReasonWrapper {
      position: relative; }
      .Pin.summary .recommendationReasonWrapper .moreInfo {
        position: absolute;
        right: 10px;
        top: 10px; }
  .Pin .pinAttribution {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    color: #666; }
    .Pin .pinAttribution span, .Pin .pinAttribution a {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #a7a7a7;
      font-weight: bold; }
    .Pin .pinAttribution img {
      height: 16px;
      margin-right: 2px;
      position: relative;
      width: 16px; }
  .Pin .bulkEditPinWrapper {
    display: none; }
  .Pin.bulkEditMode .pinWrapper .bulkEditPinWrapper, .Pin.placeSummary.bulkEditMode .pinWrapper .bulkEditPinWrapper {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 102; }
  .Pin.bulkEditMode .pinWrapper .bulkEditCheckboxWrapper, .Pin.placeSummary.bulkEditMode .pinWrapper .bulkEditCheckboxWrapper {
    display: block; }
  .Pin .TextField .pinDescriptionInput, .Pin .TextField .pinDescriptionInput:focus {
    background: transparent;
    resize: none;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .Pin .TextField .pinDescriptionInput.content.autogrow, .Pin .TextField .pinDescriptionInput:focus.content.autogrow {
      overflow-y: scroll; }
  .Pin.editingDescription .pinDescription {
    background: transparent;
    cursor: text;
    display: none;
    max-height: 51px;
    overflow: scroll; }
  .Pin.editingDescription .pinDescriptionInput {
    display: block !important;
    min-height: 17px; }
  .Pin.detailed .closeupContentSection {
    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;
    overflow: hidden;
    margin-bottom: 14px; }
    .Pin.detailed .closeupContentSection .pinDescription {
      border-top: none; }
    .Pin.detailed .closeupContentSection .translateButton {
      display: block;
      float: left;
      font-size: 12px;
      margin-top: 10px; }
      .Pin.detailed .closeupContentSection .translateButton.hidden {
        display: none; }
    .Pin.detailed .closeupContentSection .pinDescSourceCountsWrapper {
      border-top: 1px solid #e3e3e3;
      padding: 15px 46px 15px 16px;
      position: relative; }
    .Pin.detailed .closeupContentSection .source {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #999;
      font-size: 13px;
      font-weight: bold;
      line-height: 13px;
      margin: 10px 0 15px; }
      .Pin.detailed .closeupContentSection .source a {
        color: #333; }
    .Pin.detailed .closeupContentSection .pinFlag2, .Pin.detailed .closeupContentSection .pinEdit2 {
      position: absolute;
      right: 16px;
      top: 15px; }
    .Pin.detailed .closeupContentSection .pinDesc {
      color: #333;
      font-size: 15px;
      line-height: 20px;
      word-wrap: break-word; }
    .Pin.detailed .closeupContentSection .Board:before {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .Pin.detailed .pinnerViaPinnerCredit {
    border-top: 1px solid #e3e3e3; }
    .Pin.detailed .pinnerViaPinnerCredit:after {
      content: "";
      display: table;
      clear: both; }
    .Pin.detailed .pinnerViaPinnerCredit .Board, .Pin.detailed .pinnerViaPinnerCredit .User {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      padding: 10px 16px;
      width: 49.5%; }
      .Pin.detailed .pinnerViaPinnerCredit .Board:first-child, .Pin.detailed .pinnerViaPinnerCredit .User:first-child {
        border-right: 1px solid #e3e3e3;
        border-bottom: none;
        float: left; }
  .Pin.detailed .PinCommentList {
    border-radius: 0 0 6px 6px; }
    .Pin.detailed .PinCommentList:after {
      content: "";
      display: table;
      clear: both; }
    .Pin.detailed .PinCommentList:first-child {
      border-radius: 6px;
      border-top: 0; }
  .Pin.detailed .pinAttribution {
    color: #888;
    font-size: 13px;
    padding-top: 6px; }
    .Pin.detailed .pinAttribution img {
      position: relative;
      top: -1px; }
    .Pin.detailed .pinAttribution a {
      color: #888;
      font-weight: bold; }
      .Pin.detailed .pinAttribution a:hover {
        color: #a7151b; }
  .Pin.detailed .pinAttributionText {
    margin: 0;
    padding: 0; }
  .Pin.detailed .closeupAttributionLink {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 265px;
    vertical-align: bottom; }
  .Pin.detailed .viaPinner {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0 0 0; }
    .Pin.detailed .viaPinner a {
      color: #454545; }
  .Pin.detailed .richPinProductAttribution {
    clear: both;
    font-size: 16px;
    margin-top: 11px; }
    .Pin.detailed .richPinProductAttribution .pinAttributionText {
      color: #333; }
      .Pin.detailed .richPinProductAttribution .pinAttributionText a {
        color: #333;
        font-weight: bold; }
      .Pin.detailed .richPinProductAttribution .pinAttributionText img {
        height: 16px;
        width: 16px; }
  .Pin.detailed .pinWrapper {
    position: relative;
    width: 736px; }
  .Pin.detailed .pinActionBarStickyContainer {
    padding-top: 56px; }
  .Pin.detailed .pinnerStats {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
    color: #aaa;
    font-size: 14px;
    padding: 0 16px 28px 16px; }
  .Pin.detailed .pinUsers {
    overflow: hidden; }
    .Pin.detailed .pinUsers .User {
      padding: 28px 16px; }
  .Pin.detailed .pinDescription {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top: 1px solid #e3e3e3;
    font-size: 17px;
    line-height: 23px; }
  .Pin.detailed .pinDescription.withStats {
    padding-bottom: 14px; }
  .Pin.detailed .pinSource a {
    color: #bd081c; }
  .Pin.summary {
    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;
    width: 236px; }
    .Pin.summary .hoverMask {
      -webkit-transition: background 0.04s linear;
      transition: background 0.04s linear;
      border-radius: 6px 6px 0 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 100; }
      .ielt10 .Pin.summary .hoverMask {
        display: none !important; }
    .Pin.summary .pinHolder:hover .hoverMask {
      background: rgba(255, 255, 255, 0.08); }
    .Pin.summary .pinHolder:active .hoverMask {
      background: rgba(0, 0, 0, 0.08); }
    .Pin.summary .creditItem {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow: hidden;
      border-radius: 0 0 6px 6px;
      display: block;
      line-height: 14px;
      padding: 5px 14px; }
      .Pin.summary .creditItem .creditImg {
        position: relative;
        border-radius: 2px;
        float: left;
        height: 30px;
        margin-right: 5px;
        width: 30px; }
        .Pin.summary .creditItem .creditImg: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; }
        .Pin.summary .creditItem .creditImg img {
          border-radius: 3px;
          height: 30px;
          width: 30px; }
        .Pin.summary .creditItem .creditImg.user {
          position: relative;
          border-radius: 50%; }
          .Pin.summary .creditItem .creditImg.user:after {
            border-radius: 50%;
            -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; }
          .Pin.summary .creditItem .creditImg.user img {
            border-radius: 50%;
            height: 30px;
            width: 30px; }
      .Pin.summary .creditItem .pinCreditPlaceBoardIcon {
        width: 7px;
        height: 10px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -212px -189px no-repeat;
        display: inline-block;
        font: 0 / 0 serif;
        text-shadow: none;
        color: transparent;
        position: relative;
        top: -1px;
        vertical-align: middle; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Pin.summary .creditItem .pinCreditPlaceBoardIcon {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -167px -131px;
            background-size: 214px 199px; } }
      .Pin.summary .creditItem .creditName {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        color: #999;
        display: block; }
        .Pin.summary .creditItem .creditName h3 {
          white-space: nowrap;
          overflow: hidden;
          -ms-text-overflow: ellipsis;
          text-overflow: ellipsis;
          font-size: 11px; }
      .Pin.summary .creditItem .creditTitle {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        color: #717171; }
      .Pin.summary .creditItem:active .creditTitle {
        color: #717171; }
      .Pin.summary .creditItem:active .creditName {
        color: #999; }
      .Pin.summary .creditItem .span {
        vertical-align: middle; }
    .Pin.summary .pinCredits {
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      font-weight: bold;
      border-top: 1px solid #e7e7e7;
      color: #777; }
      .Pin.summary .pinCredits.userBoardCondensed .creditName {
        margin-top: 2px; }
    .Pin.summary .pinDomain {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      bottom: 0;
      color: #f7f7f7;
      font-size: 12px;
      left: 0;
      margin-top: -6px;
      opacity: 0.5;
      padding: 0 14px;
      position: absolute;
      right: 0;
      text-align: center;
      text-shadow: 0 -1px rgba(0, 0, 0, 0.17);
      top: 50%; }
    .Pin.summary .pinCanonicalDescription {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      bottom: 0;
      color: #f7f7f7;
      font-size: 12px;
      height: 56px;
      left: 0;
      line-height: 150%;
      margin-top: -6px;
      opacity: 0.5;
      padding: 0 14px;
      position: absolute;
      right: 0;
      text-align: center;
      text-shadow: 0 -1px rgba(0, 0, 0, 0.17);
      top: 45%;
      white-space: normal;
      word-wrap: break-word; }
    .Pin.summary .pinHolder {
      position: relative;
      z-index: 1; }
    .Pin.summary .pinImageWrapper {
      border-radius: 6px 6px 0 0;
      background: #eee;
      display: block;
      padding: 0;
      position: relative; }
      .Pin.summary .pinImageWrapper.collapsed {
        overflow: hidden;
        max-height: 800px; }
    .Pin.summary .pinImg {
      display: block;
      margin: 0 auto;
      z-index: 5;
      opacity: 0; }
      .Pin.summary .pinImg.noFade {
        opacity: 1; }
      .Pin.summary .pinImg.loaded {
        opacity: 1; }
      .Pin.summary .pinImg.fade {
        -webkit-transition: opacity 0.04s linear;
        transition: opacity 0.04s linear; }
      .Pin.summary .pinImg:hover {
        cursor: pointer; }
      .Pin.summary .pinImg.fullBleed {
        border-radius: 6px 6px 0 0; }
    .Pin.summary .pinDescription {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #333;
      font-size: 13px;
      line-height: 17px;
      word-wrap: break-word; }
      .Pin.summary .pinDescription a {
        display: inline;
        padding: 0; }
    .Pin.summary .pinDescription.richData {
      font-weight: bold; }
    .Pin.summary .pinSocialMeta {
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      font-weight: bold;
      font-size: 11px;
      padding: 0; }
      .Pin.summary .pinSocialMeta:after {
        content: "";
        display: table;
        clear: both; }
      .Pin.summary .pinSocialMeta .socialItem {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: transparent;
        color: #a7a7a7;
        display: inline-block;
        padding: 0 7px 0 0; }
    .Pin.summary .videoIndicator {
      left: 50%;
      position: absolute;
      top: 50%;
      z-index: 10; }
    .Pin.summary .playIndicatorPill {
      background: rgba(0, 0, 0, 0.4);
      border: 2px solid rgba(255, 255, 255, 0.68);
      border-radius: 15px;
      bottom: 10px;
      -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
      color: #fff;
      cursor: pointer;
      font-size: 9px;
      font-weight: bold;
      left: 10px;
      padding: 5px 10px;
      position: absolute;
      z-index: 101; }
      .Pin.summary .playIndicatorPill .state {
        width: 6px;
        height: 8px;
        background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -76px no-repeat;
        display: inline-block;
        font: 0 / 0 serif;
        text-shadow: none;
        color: transparent;
        margin-top: -1px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Pin.summary .playIndicatorPill .state {
            background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
            background-position: -222px -156px;
            background-size: 229px 211px; } }
      .Pin.summary .playIndicatorPill.playing {
        -webkit-transition: opacity 0.4s ease-out;
        transition: opacity 0.4s ease-out;
        opacity: 0; }
        .Pin.summary .playIndicatorPill.playing .state {
          width: 6px;
          height: 8px;
          background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -66px 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) {
            .Pin.summary .playIndicatorPill.playing .state {
              background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
              background-position: -222px -147px;
              background-size: 229px 211px; } }
    .Pin.summary:hover .playIndicatorPill.playing {
      opacity: 1; }
    .Pin.summary .pinUiImage {
      margin: auto; }
    .Pin.summary .pinWrapper {
      border-radius: 6px;
      position: relative; }
    .Pin.summary .editPinDescription {
      bottom: 0;
      cursor: pointer;
      position: absolute;
      right: -16px; }
    .Pin.summary.cappedMaxHeight .pinImageActionButtonWrapper {
      border-bottom: 1px solid #eee;
      overflow: hidden; }
    .Pin.summary.hasAttribution .editPinDescription {
      bottom: 23px; }
    .Pin.summary .pinNavLink {
      display: block;
      font-size: 11px;
      font-weight: normal;
      padding: 10px 12px; }
      .Pin.summary .pinNavLink.navLinkOverlay {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 101; }
        .Pin.summary .pinNavLink.navLinkOverlay.squished {
          display: none; }
        .Pin.summary .pinNavLink.navLinkOverlay .buttonText {
          white-space: nowrap;
          overflow: hidden;
          -ms-text-overflow: ellipsis;
          text-overflow: ellipsis;
          color: #fff;
          display: block;
          font-size: 11px;
          font-weight: 500;
          line-height: 16px; }
        .Pin.summary .pinNavLink.navLinkOverlay em {
          width: 16px;
          height: 16px;
          background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -296px -420px no-repeat;
          display: block;
          float: left;
          margin-right: 5px; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .Pin.summary .pinNavLink.navLinkOverlay em {
              background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
              background-position: -86px -393px;
              background-size: 415px 409px; } }
    .Pin.summary .pinMeta {
      margin: 10px 16px;
      position: relative; }
      .Pin.summary .pinMeta .pinDescription, .Pin.summary .pinMeta .pinAttribution, .Pin.summary .pinMeta .pinSocialMeta {
        margin: 5px 0; }
      .Pin.summary .pinMeta .pinDescription {
        padding: 0; }
      .Pin.summary .pinMeta .debugMacro {
        padding: 2px;
        margin: -6px; }
      .Pin.summary .pinMeta .vaseText, .Pin.summary .pinMeta .vaseButton {
        color: #999;
        font-size: 9px; }
      .Pin.summary .pinMeta .vaseButton {
        text-decoration: underline; }
      .Pin.summary .pinMeta .vaseText {
        font-weight: normal;
        margin: 5px 0; }
    .Pin.summary .richPinMeta {
      border-bottom: 1px solid #e0e0e0; }
      .Pin.summary .richPinMeta.noPinMeta {
        border-bottom: none; }
      .Pin.summary .richPinMeta .richPinMetaLink {
        overflow: hidden;
        display: block;
        padding: 5px 12px 6px; }
      .Pin.summary .richPinMeta .richIconAndAttribution {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin: 7px 0 3px; }
      .Pin.summary .richPinMeta .richPinIcon {
        border-radius: 2px;
        display: inline-block;
        height: 16px;
        width: 16px;
        vertical-align: -30%; }
      .Pin.summary .richPinMeta .richPinGridTitle {
        overflow: hidden;
        clear: both;
        color: #444;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        max-height: 68px;
        padding: 4px 0 4px; }
      .Pin.summary .richPinMeta .richPinGridAttributionTitle {
        color: #aaa;
        font-weight: normal;
        margin: 9px 7px 7px 5px; }
      .Pin.summary .richPinMeta.hasMapButton {
        cursor: pointer;
        min-height: 52px;
        padding-right: 56px;
        position: relative; }
      .Pin.summary .richPinMeta.hasMapButton .richPinGridAttributionTitle {
        max-width: 124px; }
    .Pin.summary .addToMapText {
      color: #a9a9a9;
      font-size: 13px;
      font-weight: bold;
      padding: 18px 15px 0; }
    .Pin.summary .addToMapContainer, .Pin.summary .showOnMap {
      position: absolute;
      margin-top: -16px;
      right: 12px;
      top: 50%; }
    .Pin.summary .addToMapContainer {
      width: 212px; }
    .Pin.summary .inlineCreditItemWrapper {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #aaa;
      display: block;
      margin: 0;
      max-width: 175px; }
      .Pin.summary .inlineCreditItemWrapper.onlyItem {
        margin-top: 9px; }
      .Pin.summary .inlineCreditItemWrapper a {
        color: #555;
        font-weight: bold; }
    .Pin.summary .creditItem {
      line-height: 15px;
      padding: 10px;
      position: relative; }
      .Pin.summary .creditItem .creditTitle {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block; }
      .Pin.summary .creditItem .creditName {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis; }
      .Pin.summary .creditItem:hover {
        background: #f1f1f1; }
        .Pin.summary .creditItem:hover .creditName h3 {
          white-space: nowrap;
          overflow: hidden;
          -ms-text-overflow: ellipsis;
          text-overflow: ellipsis;
          font-size: 11px; }
      .Pin.summary .creditItem.pinnedToBoard {
        background: #f5f5f5;
        padding-top: 10px;
        font-size: 10px; }
        .Pin.summary .creditItem.pinnedToBoard img {
          display: none; }
        .Pin.summary .creditItem.pinnedToBoard .creditName {
          display: inline;
          white-space: normal; }
    .Pin.summary .pinCreditWrapper {
      border-radius: 0 0 6px 6px;
      position: relative; }
      .Pin.summary .pinCreditWrapper .creditTitle, .Pin.summary .pinCreditWrapper .creditName {
        width: 151px; }
      .Pin.summary .pinCreditWrapper .hidePinInfo {
        float: right;
        margin-top: 16px;
        margin-right: 12px; }
      .Pin.summary .pinCreditWrapper:hover, .Pin.summary .pinCreditWrapper.creditHover {
        background-color: #f1f1f1; }
    .Pin.summary .commentsBelow {
      border-radius: 0; }
    .Pin.summary .pinAttribution {
      padding: 0; }
      .Pin.summary .pinAttribution img {
        vertical-align: -4px; }
    .Pin.summary .pinImageWrapper {
      cursor: pointer;
      cursor: -webkit-zoom-in;
      cursor: zoom-in; }
      .Pin.summary .pinImageWrapper:after {
        bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        content: "";
        height: 1px;
        left: 0;
        margin-top: -1px;
        position: absolute;
        right: 0;
        z-index: 10; }
    .Pin.summary .sendPinGrid {
      float: left; }
      .Pin.summary .sendPinGrid.iconOnly {
        float: right; }
        .Pin.summary .sendPinGrid.iconOnly.noLikeButton {
          float: left; }
    .Pin.summary .repinSendButtonWrapper {
      left: 8px; }
      .Pin.summary .repinSendButtonWrapper .repinSmall {
        border: 1px solid;
        border-color: #670f13;
        float: left; }
    .Pin.summary .likeEditButtonWrapper, .Pin.summary .bulkEditCheckboxWrapper {
      right: 8px; }
      .Pin.summary .likeEditButtonWrapper .unlike.iconOnly, .Pin.summary .bulkEditCheckboxWrapper .unlike.iconOnly {
        padding: 11px 8px 10px; }
      .Pin.summary .likeEditButtonWrapper .editPin, .Pin.summary .bulkEditCheckboxWrapper .editPin {
        float: right;
        margin-left: 5px; }
    .Pin.summary .repinSendButtonWrapper, .Pin.summary .likeEditButtonWrapper {
      position: absolute;
      top: 8px;
      z-index: 101; }
      .Pin.summary .repinSendButtonWrapper .btn, .Pin.summary .likeEditButtonWrapper .btn {
        background-clip: padding-box;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        font-size: 13px; }
        .Pin.summary .repinSendButtonWrapper .btn:hover, .Pin.summary .likeEditButtonWrapper .btn:hover {
          border: 1px solid rgba(0, 0, 0, 0.4);
          -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
        .Pin.summary .repinSendButtonWrapper .btn:active, .Pin.summary .likeEditButtonWrapper .btn:active {
          -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset; }
    .Pin.summary .pinHolder {
      cursor: pointer; }
      .Pin.summary .pinHolder:hover .pinImageWrapper:after {
        border-bottom-color: rgba(0, 0, 0, 0.08); }
      .Pin.summary .pinHolder:active .pinImageWrapper:after {
        border-bottom-color: rgba(0, 0, 0, 0.12); }
      .Pin.summary .pinHolder .hoverMask.blurred {
        background: rgba(0, 0, 0, 0.8);
        border-radius: 6px; }
    .Pin.summary .pinImageActionButtonWrapper {
      position: relative; }
      .Pin.summary .pinImageActionButtonWrapper .repinSendButtonWrapper, .Pin.summary .pinImageActionButtonWrapper .likeEditButtonWrapper, .Pin.summary .pinImageActionButtonWrapper .navLinkOverlay {
        opacity: 0; }
        .Pin.summary .pinImageActionButtonWrapper .repinSendButtonWrapper.visible, .Pin.summary .pinImageActionButtonWrapper .likeEditButtonWrapper.visible, .Pin.summary .pinImageActionButtonWrapper .navLinkOverlay.visible {
          opacity: 1; }
      .Pin.summary .pinImageActionButtonWrapper .pinImageDim {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: 101; }
        .ielt10 .Pin.summary .pinImageActionButtonWrapper .pinImageDim {
          display: none !important; }
        .Pin.summary .pinImageActionButtonWrapper .pinImageDim .dimOverlay {
          bottom: 0;
          left: 0;
          right: 0;
          top: 0;
          background-color: #000;
          border-radius: 6px 6px 0 0;
          position: absolute;
          opacity: 0;
          -webkit-transition: opacity 0.04s linear;
          transition: opacity 0.04s linear; }
        .Pin.summary .pinImageActionButtonWrapper .pinImageDim .dimGradient {
          background-color: black;
          background-color: rgba(0, 0, 0, 0.15);
          background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3)));
          background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3));
          background: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
          bottom: 0;
          height: 100px;
          left: 0;
          position: absolute;
          right: 0; }
      .Pin.summary .pinImageActionButtonWrapper:hover .repinSendButtonWrapper, .Pin.summary .pinImageActionButtonWrapper:hover .likeEditButtonWrapper, .Pin.summary .pinImageActionButtonWrapper:hover .navLinkOverlay, .Pin.summary .pinImageActionButtonWrapper:hover .pinImageDim {
        opacity: 1; }
      .Pin.summary .pinImageActionButtonWrapper:hover .pinImageDim .dimOverlay {
        opacity: 0.1; }
      .Pin.summary .pinImageActionButtonWrapper.blurred .pinImageDim {
        opacity: 1;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 6px; }
      .Pin.summary .pinImageActionButtonWrapper:active .pinImageDim .dimOverlay {
        opacity: 0.25; }
    .Pin.summary.hideHoverUI .hoverMask {
      display: none; }
    .Pin.summary.hideHoverUI .creditItem:hover {
      background: inherit; }
    .Pin.summary.hideHoverUI .pinHolder, .Pin.summary.hideHoverUI .pinImg:hover {
      cursor: default; }
    .Pin.summary.hideHoverUI .pinImageActionButtonWrapper:hover .repinSendButtonWrapper, .Pin.summary.hideHoverUI .pinImageActionButtonWrapper:hover .likeEditButtonWrapper, .Pin.summary.hideHoverUI .pinImageActionButtonWrapper:hover .navLinkOverlay {
      opacity: 0; }
    .Pin.summary .pinDescriptionInput {
      display: none; }
    .Pin.summary.cloned {
      display: block;
      z-index: 999999999; }
      .Pin.summary.cloned .addDescription, .Pin.summary.cloned .pinDescriptionInput, .Pin.summary.cloned .pinDescription {
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        line-height: 17px;
        outline: none;
        overflow-x: hidden;
        resize: none;
        width: 190px; }
        .Pin.summary.cloned .addDescription:hover, .Pin.summary.cloned .pinDescriptionInput:hover, .Pin.summary.cloned .pinDescription:hover {
          background: #e3e9ed; }
        .Pin.summary.cloned .addDescription:focus, .Pin.summary.cloned .pinDescriptionInput:focus, .Pin.summary.cloned .pinDescription:focus {
          background: #fff;
          border: none;
          outline: none; }
          .Pin.summary.cloned .addDescription:focus:hover, .Pin.summary.cloned .pinDescriptionInput:focus:hover, .Pin.summary.cloned .pinDescription:focus:hover {
            background: #fff; }
      .Pin.summary.cloned .pinMeta {
        cursor: text;
        margin-right: 30px; }
      .Pin.summary.cloned .pinDescription {
        margin-right: 28px;
        min-height: 17px;
        overflow: hidden; }
      .Pin.summary.cloned .repinSendButtonWrapper, .Pin.summary.cloned .likeEditButtonWrapper {
        display: none; }
      .Pin.summary.cloned.editingDescription .pinMeta {
        margin-right: 0; }
      .Pin.summary.cloned.editingDescription .pinDescriptionInput {
        width: 206px; }
      .Pin.summary.cloned.editingDescription .editPinDescription {
        display: none; }
      .Pin.summary.cloned.editingDescription p.pinDescription {
        display: none; }
    .Pin.summary .iconMovieRichPin {
      width: 20px;
      height: 20px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -425px -67px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Pin.summary .iconMovieRichPin {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -377px -136px;
          background-size: 415px 409px; } }
    .Pin.summary .iconProductRichPin {
      width: 20px;
      height: 20px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -425px -199px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Pin.summary .iconProductRichPin {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -377px -94px;
          background-size: 415px 409px; } }
    .Pin.summary .iconRecipeRichPin {
      width: 20px;
      height: 20px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -425px -133px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Pin.summary .iconRecipeRichPin {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -377px -220px;
          background-size: 415px 409px; } }
    .Pin.summary .iconArticleRichPin {
      width: 20px;
      height: 20px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -425px -89px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Pin.summary .iconArticleRichPin {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -377px -178px;
          background-size: 415px 409px; } }
    .Pin.summary .iconPlaceRichPin {
      width: 20px;
      height: 20px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -425px -45px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Pin.summary .iconPlaceRichPin {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -377px -157px;
          background-size: 415px 409px; } }
    .Pin.summary .richPinGridTitle {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #666;
      margin: 0;
      padding: 3px 0 4px; }
    .Pin.summary .pinLocationMeta {
      display: none; }
    .Pin.summary.placeSummary {
      border-radius: 6px 6px 0 0;
      height: 205px; }
      .Pin.summary.placeSummary .pinWrapper {
        border-bottom: none; }
        .Pin.summary.placeSummary .pinWrapper > div {
          display: none; }
        .Pin.summary.placeSummary .pinWrapper .placePinActivateWrapper {
          cursor: pointer;
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 5; }
        .Pin.summary.placeSummary .pinWrapper .pinImageActionButtonWrapper {
          display: block; }
          .Pin.summary.placeSummary .pinWrapper .pinImageActionButtonWrapper .Image .heightContainer {
            border-radius: 6px;
            height: 140px;
            overflow-y: hidden;
            padding-bottom: 0 !important;
            position: relative; }
            .Pin.summary.placeSummary .pinWrapper .pinImageActionButtonWrapper .Image .heightContainer img {
              border-radius: 0;
              height: auto;
              left: 50%;
              position: absolute;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 100%; }
          .Pin.summary.placeSummary .pinWrapper .pinImageActionButtonWrapper .repinSendButtonWrapper, .Pin.summary.placeSummary .pinWrapper .pinImageActionButtonWrapper .likeEditButtonWrapper, .Pin.summary.placeSummary .pinWrapper .pinImageActionButtonWrapper .NavigateButton {
            display: none; }
        .Pin.summary.placeSummary .pinWrapper .pinLocationMeta {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
          display: block; }
          .Pin.summary.placeSummary .pinWrapper .pinLocationMeta p {
            color: #999;
            font-size: 13px;
            line-height: 17px;
            margin: 0;
            text-align: justify;
            word-wrap: break-word; }
          .Pin.summary.placeSummary .pinWrapper .pinLocationMeta .locationOverview {
            margin: 8px 15px 11px 15px; }
            .Pin.summary.placeSummary .pinWrapper .pinLocationMeta .locationOverview h3, .Pin.summary.placeSummary .pinWrapper .pinLocationMeta .locationOverview p {
              white-space: nowrap;
              overflow: hidden;
              -ms-text-overflow: ellipsis;
              text-overflow: ellipsis; }
            .Pin.summary.placeSummary .pinWrapper .pinLocationMeta .locationOverview .title {
              color: #333;
              font-size: 13px;
              font-weight: bold;
              max-height: 18px;
              padding: 5px 0 3px; }
            .Pin.summary.placeSummary .pinWrapper .pinLocationMeta .locationOverview .category {
              font-weight: bold;
              padding: 3px 0 5px; }
          .Pin.summary.placeSummary .pinWrapper .pinLocationMeta .locationExtended {
            display: none; }
            .Pin.summary.placeSummary .pinWrapper .pinLocationMeta .locationExtended > div {
              padding: 4px 0 4px; }
      .Pin.summary.placeSummary.mapFocus {
        border-radius: 6px;
        height: auto; }
        .Pin.summary.placeSummary.mapFocus .pinImageActionButtonWrapper .repinSendButtonWrapper, .Pin.summary.placeSummary.mapFocus .pinImageActionButtonWrapper .likeEditButtonWrapper, .Pin.summary.placeSummary.mapFocus .pinImageActionButtonWrapper .NavigateButton {
          display: block; }
        .Pin.summary.placeSummary.mapFocus .pinWrapper .placePinActivateWrapper {
          display: none; }
        .Pin.summary.placeSummary.mapFocus .pinWrapper .pinLocationMeta .locationOverview {
          margin: 8px 15px 8px 15px; }
        .Pin.summary.placeSummary.mapFocus .pinWrapper .pinLocationMeta .locationExtended {
          border-top: 1px solid #ddd;
          display: block;
          padding: 8px 15px 11px 15px; }
          .Pin.summary.placeSummary.mapFocus .pinWrapper .pinLocationMeta .locationExtended p {
            display: block;
            max-height: 35px;
            margin-left: 20px;
            overflow: hidden; }
          .Pin.summary.placeSummary.mapFocus .pinWrapper .pinLocationMeta .locationExtended .address .addressIcon {
            width: 10px;
            height: 13px;
            background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -158px -259px no-repeat;
            float: left;
            margin: 3px -10px 0 0; }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              .Pin.summary.placeSummary.mapFocus .pinWrapper .pinLocationMeta .locationExtended .address .addressIcon {
                background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
                background-position: -197px -21px;
                background-size: 229px 211px; } }
          .Pin.summary.placeSummary.mapFocus .pinWrapper .pinLocationMeta .locationExtended .contact .contactIcon {
            width: 11px;
            height: 10px;
            background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -264px -259px no-repeat;
            float: left;
            margin: 3px -11px 0 0; }
            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
              .Pin.summary.placeSummary.mapFocus .pinWrapper .pinLocationMeta .locationExtended .contact .contactIcon {
                background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
                background-position: -197px -35px;
                background-size: 229px 211px; } }
      .Pin.summary.placeSummary.hidden {
        display: none; }
  .placeBoard .Pin.mapFocus {
    -webkit-box-shadow: 0 0 5px 3px #bd081c;
    box-shadow: 0 0 5px 3px #bd081c; }
  .Pin.boardPinsGrid .hoverMask, .Pin.visualObjectGrid .hoverMask, .Pin.plainImageGrid .hoverMask {
    -webkit-transition: background 0.04s linear;
    transition: background 0.04s linear;
    border-radius: '2px';
    -webkit-box-shadow: '0 0 rgba(#000, 0.33)';
    box-shadow: '0 0 rgba(#000, 0.33)';
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
    .ielt10 .Pin.boardPinsGrid .hoverMask, .ielt10 .Pin.visualObjectGrid .hoverMask, .ielt10 .Pin.plainImageGrid .hoverMask {
      display: none !important; }
  .Pin.boardPinsGrid .boardPinsGridPin:hover .hoverMask, .Pin.visualObjectGrid .boardPinsGridPin:hover .hoverMask, .Pin.plainImageGrid .boardPinsGridPin:hover .hoverMask {
    background: rgba(255, 255, 255, 0.08); }
  .Pin.boardPinsGrid .boardPinsGridPin:active .hoverMask, .Pin.visualObjectGrid .boardPinsGridPin:active .hoverMask, .Pin.plainImageGrid .boardPinsGridPin:active .hoverMask {
    background: rgba(0, 0, 0, 0.08); }
  .Pin.boardPinsGrid .pinGridWrapper, .Pin.visualObjectGrid .pinGridWrapper, .Pin.plainImageGrid .pinGridWrapper {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    background: url('/webapp/style/app/common/images/boardPinsGridShadowBottom.bbcac9fc.png') repeat-x left bottom;
    position: relative;
    top: -3px; }
  .Pin.boardPinsGrid .boardPinsGridPin, .Pin.boardPinsGrid .visualObjectGridPin, .Pin.visualObjectGrid .boardPinsGridPin, .Pin.visualObjectGrid .visualObjectGridPin, .Pin.plainImageGrid .boardPinsGridPin, .Pin.plainImageGrid .visualObjectGridPin {
    border-radius: 2px;
    overflow: hidden;
    background-color: #eee;
    display: block;
    width: 70px; }
  .Pin.boardPinsGrid .visualObjectGridPin, .Pin.visualObjectGrid .visualObjectGridPin, .Pin.plainImageGrid .visualObjectGridPin {
    width: 106px; }
  .Pin.boardPinsGrid .plainImageGridPin, .Pin.visualObjectGrid .plainImageGridPin, .Pin.plainImageGrid .plainImageGridPin {
    width: 106px; }
    .Pin.boardPinsGrid .plainImageGridPin img, .Pin.visualObjectGrid .plainImageGridPin img, .Pin.plainImageGrid .plainImageGridPin img {
      border-radius: 5px; }
  .Pin.lite .likeSmall {
    visibility: hidden; }
  .Pin.lite .likeEditButtonWrapper, .Pin.lite .pinnerViaPinnerCredit, .Pin.lite .PinCommentList, .Pin.lite .sendPinGrid {
    display: none; }
  .Pin .pinImageSourceWrapper {
    position: relative; }
  .Pin .sourceFlagWrapper {
    background: #fff;
    border-top: 1px solid #e3e3e3;
    height: 17px;
    padding: 8px 16px; }
    .Pin .sourceFlagWrapper a, .Pin .sourceFlagWrapper p {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #444;
      display: block;
      float: left;
      font-size: 15px;
      margin: 0;
      padding: 0;
      position: relative;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.33); }
    .Pin .sourceFlagWrapper p a {
      display: inline;
      float: none; }
    .Pin .sourceFlagWrapper .pinEdit, .Pin .sourceFlagWrapper .pinFlag {
      float: right;
      margin-top: 1px; }
  .Pin.tutorialHighlight .pinImageActionButtonWrapper .repinSendButtonWrapper {
    opacity: 1; }
  .Pin.tutorialHighlight .pinImageActionButtonWrapper .likeEditButtonWrapper, .Pin.tutorialHighlight .pinImageActionButtonWrapper .sendPinGrid {
    display: none; }

.PinCount .pinIcon {
  width: 7px;
  height: 9px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -99px -205px no-repeat;
  display: inline-block;
  margin-right: 3px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .PinCount .pinIcon {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -158px -130px;
      background-size: 214px 199px; } }

.PinDescriptionComment .content {
  resize: vertical; }
.PinDescriptionComment .addComment {
  display: none;
  margin-top: 7px; }
.PinDescriptionComment.summary .addCommentForm {
  display: inline-block;
  margin-bottom: 5px;
  width: 172px; }
  .PinDescriptionComment.summary .addCommentForm .content {
    border-radius: 2px; }
.PinDescriptionComment.summary .commentDescriptionContent {
  margin: 0;
  margin-bottom: 5px; }
.PinDescriptionComment.summary .commenterNameCommentText {
  font-size: 11px;
  line-height: 15px;
  width: 172px; }
.PinDescriptionComment.summary .commenterWrapper {
  line-height: 11px; }
  .PinDescriptionComment.summary .commenterWrapper .commentDescriptionCreator.delinked {
    color: #717171;
    font-weight: bold; }
.PinDescriptionComment.detailed .pinUserCommentBox {
  border-top: 1px solid #e3e3e3; }
.PinDescriptionComment.detailed .addCommentForm {
  margin-top: 5px; }
.PinDescriptionComment.detailed .pinDescriptionComment {
  margin-bottom: 0;
  padding: 10px 16px;
  overflow: hidden; }
  .PinDescriptionComment.detailed .pinDescriptionComment .commentDescriptionCreator {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #454545;
    font-size: 16px;
    line-height: 26px; }
  .PinDescriptionComment.detailed .pinDescriptionComment .commentDescriptionTimeAgo {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999;
    font-size: 13px;
    font-weight: normal; }
  .PinDescriptionComment.detailed .pinDescriptionComment .commentDescriptionContent {
    color: #171717;
    font-size: 15px;
    line-height: 17px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 600px; }
    .PinDescriptionComment.detailed .pinDescriptionComment .commentDescriptionContent a {
      color: #171717; }
  .PinDescriptionComment.detailed .pinDescriptionComment .content {
    border-radius: 6px;
    min-height: 40px; }
.PinDescriptionComment.detailed .userThumbContainer {
  position: relative;
  float: left;
  margin-right: 15px;
  width: 50px; }
  .PinDescriptionComment.detailed .userThumbContainer:after {
    border-radius: 50%;
    -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: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px; }
  .PinDescriptionComment.detailed .userThumbContainer .userThumb {
    border-radius: 50%;
    height: 50px;
    width: 50px; }
.PinDescriptionComment.detailed .userThumb {
  -webkit-transform: translateZ(0);
  overflow: hidden; }
.PinDescriptionComment.detailed .commenterNameCommentText {
  margin-left: 65px; }
.PinDescriptionComment.summary .userThumbContainer {
  position: relative;
  float: left;
  margin-right: 6px;
  width: 30px; }
  .PinDescriptionComment.summary .userThumbContainer:after {
    border-radius: 50%;
    -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; }
  .PinDescriptionComment.summary .userThumbContainer .userThumb {
    border-radius: 50%;
    height: 30px;
    width: 30px; }
.PinDescriptionComment.summary .userThumb {
  -webkit-transform: translateZ(0);
  overflow: hidden; }
.PinDescriptionComment.summary .commenterNameCommentText {
  margin-left: 36px; }

.PinDragAndDrop {
  background: #fff;
  bottom: 0;
  display: table;
  font-size: 48px;
  font-weight: bold;
  height: 100%;
  opacity: 0.8;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000; }
  .PinDragAndDrop .overlayText {
    display: table-cell;
    vertical-align: middle; }

.PinEdit {
  max-width: 675px; }
  .PinEdit .placeWrapper {
    overflow: visible; }
    .PinEdit .placeWrapper:after {
      content: "";
      display: table;
      clear: both; }
  .PinEdit .PinForm .standardForm > ul {
    overflow: visible; }

.PinForm .addPlace {
  margin-top: 6px;
  max-width: 525px;
  padding-bottom: 14px; }
.PinForm .BoardPickerDropdownButton {
  width: 100%; }
.PinForm .ImageUploader {
  float: left;
  padding: 0; }
  .PinForm .ImageUploader .Button.btn.large {
    float: left;
    padding-bottom: 8px;
    padding-top: 7px; }
  .PinForm .ImageUploader .uploaderProgress {
    float: left;
    height: 22px;
    max-width: 294px;
    padding: 1px 8px 10px 8px; }
    .PinForm .ImageUploader .uploaderProgress span {
      margin-left: 0; }
.PinForm .PinPreview {
  position: relative;
  overflow: hidden;
  background: #f7f7f7;
  border: 2px solid #b1b1b1;
  border-radius: 3px;
  float: right;
  height: 145px;
  margin: 15px 15px 0 0;
  position: relative;
  width: 145px;
  margin-right: 20px; }
  .PinForm .PinPreview:after {
    border-radius: 0;
    -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: 149px;
    left: 0;
    position: absolute;
    top: 0;
    width: 149px; }
  .PinForm .PinPreview img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto; }
  .PinForm .PinPreview .videoIndicator {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .PinForm .PinPreview .playIndicatorPill {
    bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: 10; }
  .PinForm .PinPreview .videoIndicator {
    width: 54px;
    height: 54px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -252px -179px no-repeat;
    margin-left: -27px;
    margin-top: -27px; }
.PinForm .pinnerName {
  margin-left: 2px; }
.PinForm .userWrapper .pinFormUser {
  line-height: inherit; }
.PinForm .removePlace {
  float: right;
  margin-top: 7px; }
  .PinForm .removePlace span {
    color: #999; }
.PinForm .removePlaceButton {
  float: right;
  margin-top: 5px; }
.PinForm .standardForm > ul {
  overflow: hidden; }
  .PinForm .standardForm > ul.placeFormWrapper {
    border-top: 1px solid #dfdfdf;
    margin-bottom: 10px;
    margin-right: 0; }
    .PinForm .standardForm > ul.placeFormWrapper .loading input {
      background-position: 277px center; }
    .PinForm .standardForm > ul.placeFormWrapper .fields {
      width: 305px; }
      .PinForm .standardForm > ul.placeFormWrapper .fields:after {
        content: "";
        display: table;
        clear: both; }
    .PinForm .standardForm > ul.placeFormWrapper li {
      overflow: visible; }
      .PinForm .standardForm > ul.placeFormWrapper li.highlighted a {
        background: #fafafa; }
      .PinForm .standardForm > ul.placeFormWrapper li a {
        color: #333;
        font-size: 13px;
        padding: 12px; }
      .PinForm .standardForm > ul.placeFormWrapper li .typeaheadResultEmphasized, .PinForm .standardForm > ul.placeFormWrapper li .typeaheadResultMetaData {
        max-width: 280px; }
.PinForm .socialShareWrapper {
  display: inline-block;
  margin-top: 9px; }
  .PinForm .socialShareWrapper span {
    font-weight: bold; }
  .PinForm .socialShareWrapper input {
    margin-right: 1px;
    position: relative;
    top: -1px; }
  .PinForm .socialShareWrapper .facebookInput {
    margin-right: 30px; }

.PinLikeButton {
  padding-bottom: 7px;
  padding-top: 8px; }
  .PinLikeButton em {
    background-position: -12px 1px; }
  .PinLikeButton.like em {
    width: 15px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -142px no-repeat;
    top: -1px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PinLikeButton.like em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -198px -98px;
        background-size: 214px 199px; } }
  .PinLikeButton.like span {
    margin-right: -1px; }
  .PinLikeButton.unlike em {
    width: 14px;
    height: 11px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -29px -205px no-repeat; }
  .PinLikeButton.likeSmall {
    padding: 7px 10px 8px; }
    .PinLikeButton.likeSmall em {
      width: 12px;
      height: 11px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -129px -189px no-repeat; }
    .PinLikeButton.likeSmall.unlike {
      padding: 11px 8px 9px; }
      .PinLikeButton.likeSmall.unlike em {
        width: 14px;
        height: 11px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -29px -205px no-repeat;
        display: block; }

.Pinnable {
  overflow: hidden; }
  .Pinnable.add_to_map {
    cursor: pointer; }
    .Pinnable.add_to_map .pinImageWrapper {
      overflow: hidden;
      border-radius: 6px;
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
    .Pinnable.add_to_map .pinHolder {
      position: relative;
      display: table;
      height: 152px;
      width: 152px; }
      .Pinnable.add_to_map .pinHolder: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: 152px;
        left: 0;
        position: absolute;
        top: 0;
        width: 152px; }
      .Pinnable.add_to_map .pinHolder img {
        border-radius: 3px;
        height: 152px;
        width: 152px; }
      .Pinnable.add_to_map .pinHolder img {
        border-radius: 0;
        height: 152px;
        width: auto; }
    .Pinnable.add_to_map .pinWrapper {
      position: relative; }
      .Pinnable.add_to_map .pinWrapper:active:before, .Pinnable.add_to_map .pinWrapper:hover:before {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.2);
        content: ' ';
        position: absolute;
        z-index: 10; }
      .Pinnable.add_to_map .pinWrapper:hover .hoverSelectedStateIconWrapper {
        visibility: visible; }
  .Pinnable.summary .pinImageWrapper {
    text-align: center;
    background: #fff; }

.PinUploader {
  width: 320px; }

.SocialIconsCounts .repinIconSmall {
  width: 14px;
  height: 11px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -13px -205px no-repeat;
  display: inline-block;
  font: 0 / 0 serif;
  text-shadow: none;
  color: transparent;
  margin-bottom: -3px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .SocialIconsCounts .repinIconSmall {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -103px -185px;
      background-size: 214px 199px; } }
.SocialIconsCounts .commentIconSmall {
  width: 10px;
  height: 9px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -108px -205px no-repeat;
  display: inline-block;
  font: 0 / 0 serif;
  text-shadow: none;
  color: transparent;
  margin-bottom: -2px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .SocialIconsCounts .commentIconSmall {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -130px -185px;
      background-size: 214px 199px; } }
.SocialIconsCounts .likeIconSmall {
  width: 12px;
  height: 10px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -65px -205px no-repeat;
  display: inline-block;
  font: 0 / 0 serif;
  text-shadow: none;
  color: transparent;
  margin-bottom: -3px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .SocialIconsCounts .likeIconSmall {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -175px -131px;
      background-size: 214px 199px; } }
.SocialIconsCounts .socialMetaCount {
  color: #999;
  font-style: normal;
  font-weight: normal;
  position: relative;
  top: 1px; }

.DomainVerify.inModal {
  width: 580px; }
.DomainVerify .standardForm .motivation, .DomainVerify .standardForm .errorReason {
  padding-top: 7px; }
.DomainVerify .standardForm .fieldHelpText {
  font-size: 11px;
  margin-left: 143px;
  margin-top: 7px; }
.DomainVerify .standardForm .helpText {
  display: table;
  height: 30px;
  width: 250px; }
  .DomainVerify .standardForm .helpText .helpContainer {
    display: table-cell;
    vertical-align: middle; }
  .DomainVerify .standardForm .helpText a {
    cursor: pointer; }
.DomainVerify .standardForm .errorSection, .DomainVerify .standardForm .filename {
  display: none; }

.FollowingSwitcher .navigateBar {
  height: 30px;
  text-align: center; }
.FollowingSwitcher .navigateScope {
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center; }
  .FollowingSwitcher .navigateScope .leftRounded {
    border-radius: 6px 0 0 6px;
    border-right: none; }
    .FollowingSwitcher .navigateScope .leftRounded.navScopeBtn.selected {
      border-right: none; }
  .FollowingSwitcher .navigateScope .rightRounded {
    border-radius: 0 6px 6px 0; }
  .FollowingSwitcher .navigateScope .navScopeBtn {
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-right: -4px;
    min-width: 115px; }
    .FollowingSwitcher .navigateScope .navScopeBtn.selected {
      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%);
      border: 1px solid #b6b6b6;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-shadow: none; }
      .FollowingSwitcher .navigateScope .navScopeBtn.selected: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%); }
    .FollowingSwitcher .navigateScope .navScopeBtn:hover {
      background-color: #f3f3f3;
      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%); }

.UserBoards .publicBoardHeader {
  font-size: 13px;
  font-weight: bold;
  padding: 25px 0 6px 14px; }
.UserBoards .publicBoardHeaderIcon {
  width: 14px;
  height: 16px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -314px -420px 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) {
    .UserBoards .publicBoardHeaderIcon {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -401px 0px;
      background-size: 415px 409px; } }
.UserBoards .secretBoardWrapper {
  background: rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 14px; }
  .UserBoards .secretBoardWrapper:after {
    content: "";
    display: table;
    clear: both; }
.UserBoards .title {
  display: inline-block;
  margin-left: 2px;
  color: #333; }
.UserBoards .text {
  display: inline-block;
  color: #777;
  font-weight: normal; }

.UserBoards {
  overflow-y: scroll; }
  .UserBoards.ownProfile .Grid {
    margin-bottom: 38px; }
  .UserBoards .help {
    display: inline-block;
    margin-left: 7px; }
    .UserBoards .help:hover {
      color: #444; }
  .UserBoards .secretBoardHeader {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    padding: 25px 0 6px 14px; }
  .UserBoards .secretHeaderIcon {
    width: 14px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -18px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent; }
  .UserBoards .title {
    margin-left: 0; }

.UserDropdown li {
  overflow: hidden;
  color: #777;
  display: block;
  font-size: 12px; }
  .UserDropdown li:first-child {
    padding-top: 5px; }
  .UserDropdown li:last-child {
    padding-bottom: 5px; }
  .UserDropdown li a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: bold;
    color: #777;
    cursor: pointer;
    display: block;
    padding: 9px 14px; }
    .UserDropdown li a:hover {
      background: #f1f1f1;
      color: #333; }
    .UserDropdown li a:active {
      background: #eaeaea; }
  .UserDropdown li a {
    font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
    color: #595959;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 18px; }
    .UserDropdown li a:hover {
      background-color: #f2f2f2;
      color: #333; }
    .UserDropdown li a:active {
      background-color: #cb2027;
      color: #fff; }
  .UserDropdown li:first-child {
    border-radius: 6px 6px 0 0;
    padding-top: 0; }
    .UserDropdown li:first-child a {
      padding-top: 10px; }
  .UserDropdown li:last-child {
    border-radius: 0 0 6px 6px;
    padding-bottom: 0; }
    .UserDropdown li:last-child a {
      padding-bottom: 10px; }

.UserFollowPinsPreview {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .UserFollowPinsPreview .pinSlot {
    -webkit-transform: translateZ(0);
    position: absolute;
    top: 400px;
    width: 236px; }
    .UserFollowPinsPreview .pinSlot img {
      margin-bottom: 14px;
      border-radius: 6px; }
  .UserFollowPinsPreview .pinSlotWrapper {
    height: 100%;
    margin: 0 auto;
    position: relative; }
  .UserFollowPinsPreview.followed .pinSlot {
    -webkit-transition: top 7s linear;
    transition: top 7s linear;
    top: -150px !important; }

.UserInfoBar.infoBar {
  border: 0 0 auto;
  border-radius: 0; }
  .UserInfoBar.infoBar.centeredWithinWrapper.gridWidth:not(.divider) {
    width: auto; }
  .UserInfoBar.infoBar .divider hr {
    background: #eee;
    border: 0;
    height: 1px;
    margin: 0;
    width: 100%; }
  .UserInfoBar.infoBar .tabs {
    left: 0;
    width: 100%; }
    .UserInfoBar.infoBar .tabs ul {
      display: table;
      table-layout: fixed;
      margin: auto; }
    .UserInfoBar.infoBar .tabs li {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-color: #fff;
      display: table-cell;
      float: none;
      line-height: 14px;
      margin-right: -1px;
      padding: 14px 0;
      text-align: center; }
      .UserInfoBar.infoBar .tabs li.hideGetStarted {
        display: none; }
      .UserInfoBar.infoBar .tabs li a {
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: normal;
        padding: 0; }
        .UserInfoBar.infoBar .tabs li a:hover .label, .UserInfoBar.infoBar .tabs li a:hover .value, .UserInfoBar.infoBar .tabs li a.active .label, .UserInfoBar.infoBar .tabs li a.active .value {
          color: #bd081c; }
    .UserInfoBar.infoBar .tabs .value {
      color: #aaa;
      display: block;
      font-size: 16px;
      font-weight: bold;
      padding-bottom: 3px; }
      .UserInfoBar.infoBar .tabs .value:hover, .UserInfoBar.infoBar .tabs .value.active {
        background: none;
        -webkit-box-shadow: 0;
        box-shadow: 0; }
    .UserInfoBar.infoBar .tabs .label {
      color: #9a9a9a;
      display: block;
      font-weight: normal;
      font-size: 11px; }
      .UserInfoBar.infoBar .tabs .label:hover, .UserInfoBar.infoBar .tabs .label.active {
        background: none;
        -webkit-box-shadow: 0;
        box-shadow: 0; }

.UserProfileFollow {
  height: 100%;
  overflow: hidden;
  text-align: center; }
  .UserProfileFollow .userProfileFakeHeader {
    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: 45px;
    position: relative; }
    .UserProfileFollow .userProfileFakeHeader em {
      width: 104px;
      height: 26px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -155px -388px no-repeat;
      display: inline-block;
      margin-top: 10px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .UserProfileFollow .userProfileFakeHeader em {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
          background-position: -243px -339px;
          background-size: 415px 409px; } }
  .UserProfileFollow .userProfileFollowInfo {
    background: #fff;
    -webkit-box-shadow: 0 -20px 50px #eee;
    box-shadow: 0 -20px 50px #eee;
    bottom: -1px;
    padding: 0 0 40px 0;
    position: absolute;
    -webkit-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out;
    width: 100%; }
    .UserProfileFollow .userProfileFollowInfo .about {
      color: #aaa;
      font-size: 15px;
      line-height: 22px;
      margin: 0 auto;
      max-width: 800px;
      padding: 0 10px; }
    .UserProfileFollow .userProfileFollowInfo .userDescription {
      color: #444;
      font-size: 15px;
      line-height: 20px;
      margin: 8px auto 5px;
      text-align: center;
      text-shadow: none;
      max-width: 750px; }
    .UserProfileFollow .userProfileFollowInfo img.profileImage {
      height: 64px;
      width: 64px;
      overflow: hidden;
      margin-top: -32px;
      -webkit-box-shadow: 0 0 10px #aaa;
      box-shadow: 0 0 10px #aaa; }
    .UserProfileFollow .userProfileFollowInfo .userName {
      color: #333;
      color: rgba(21, 21, 21, 0.8);
      font-size: 36px;
      line-height: 32px;
      padding-top: 10px;
      text-align: center; }
    .UserProfileFollow .userProfileFollowInfo .postUnFollow {
      margin-top: 20px;
      margin-bottom: 10px; }
    .UserProfileFollow .userProfileFollowInfo .stats {
      font-size: 15px;
      color: #aaa;
      margin: 15px 0 10px 0; }
      .UserProfileFollow .userProfileFollowInfo .stats .pinCount::before {
        content: "\2022"; }

.UserProfileHeader {
  position: relative;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  z-index: 670; }
  .UserProfileHeader .divider {
    color: #eee;
    font-size: 10px;
    position: relative;
    text-align: right; }
    .UserProfileHeader .divider hr {
      background: #eee;
      border: 0;
      height: 1px;
      margin: 0;
      width: 100%; }
  .UserProfileHeader .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 .iconsLinksEtc .locationWrapper, .UserProfileHeader .iconsLinksEtc .websiteWrapper {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      max-width: 200px; }
    .UserProfileHeader .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 .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 .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 .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 .iconsLinksEtc .website {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #9a9a9a;
      font-weight: 500;
      max-width: 200px; }
      .UserProfileHeader .iconsLinksEtc .website:hover {
        color: #cb2027; }
    .UserProfileHeader .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 .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 .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 .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 .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 .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 .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 .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 .iconsLinksEtc .middot {
      color: #ccc;
      margin-left: 1px;
      margin-right: 1px; }
  .UserProfileHeader.invisible {
    opacity: 0; }

.UserProfileImageUploader {
  width: 541px; }

.UserProfilePage .headerSizer {
  max-width: 1236px; }
.UserProfilePage .Board {
  float: left; }
  .UserProfilePage .Board .boardCover {
    clear: both; }

.YourWebsiteDropdown {
  border-radius: 6px;
  overflow: hidden; }
  .YourWebsiteDropdown .title {
    padding-left: 14px;
    padding-top: 14px; }
  .YourWebsiteDropdown .description {
    color: #999;
    font-size: 13px;
    line-height: 17px;
    padding: 16px 14px; }
  .YourWebsiteDropdown .divider {
    border-top: 1px solid #ebebeb; }
  .YourWebsiteDropdown .action {
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding: 14px; }
    .YourWebsiteDropdown .action a, .YourWebsiteDropdown .action strong {
      color: #333;
      font-weight: bold; }
  .YourWebsiteDropdown .action:hover {
    background-color: #f2f2f2;
    color: #444; }
  .YourWebsiteDropdown .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) {
      .YourWebsiteDropdown .hideAllPinsIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -81px -171px;
        background-size: 229px 211px; } }
  .YourWebsiteDropdown .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) {
      .YourWebsiteDropdown .hidePinIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -59px -171px;
        background-size: 229px 211px; } }
  .YourWebsiteDropdown .hideAllPinsIcon, .YourWebsiteDropdown .hidePinIcon, .YourWebsiteDropdown .learnMoreIcon {
    margin-top: -2px;
    float: left; }
  .YourWebsiteDropdown .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) {
      .YourWebsiteDropdown .learnMoreIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px 0px;
        background-size: 229px 211px; } }

.DeactivateAccount {
  width: 550px; }
  .DeactivateAccount .body {
    padding: 19px 19px 7px; }
  .DeactivateAccount .listItem {
    margin-bottom: 12px; }
  .DeactivateAccount h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px; }
  .DeactivateAccount p {
    font-size: 13px;
    font-weight: regular;
    margin-bottom: 12px;
    margin-top: 0; }
  .DeactivateAccount input[type='radio'] {
    height: 16px;
    margin-left: 20px;
    width: 16px; }
  .DeactivateAccount label {
    color: #333;
    font-size: 12px;
    padding-left: 1px;
    vertical-align: middle; }
  .DeactivateAccount textarea {
    font-size: 12px;
    height: 60px; }
  .DeactivateAccount .deleteText {
    float: left;
    font-size: 12px;
    margin-top: 8px; }
    .DeactivateAccount .deleteText .buttonText {
      font-weight: bold;
      text-decoration: underline; }
  .DeactivateAccount .headerText {
    font-size: 13px;
    font-weight: regular;
    margin-bottom: 12px; }
  .DeactivateAccount .hiddenText {
    background-color: #e3f8fe;
    border-radius: 5px;
    display: none;
    margin-bottom: 12px;
    margin-left: 43px;
    padding: 10px; }
  .DeactivateAccount .hiddenTextArea {
    display: none;
    margin-bottom: 12px;
    margin-left: 43px; }
  .DeactivateAccount .linkText {
    color: #ff0000; }

.ExperienceNag {
  max-width: 1000px;
  position: relative; }
  .ExperienceNag.pfySegmented {
    margin-top: 43px; }
  .ExperienceNag .message {
    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;
    background-color: #fff5c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff7cb), to(#fff4b7));
    background: -webkit-linear-gradient(#fff7cb, #fff4b7);
    background: linear-gradient(#fff7cb, #fff4b7);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    color: #717171;
    font-size: 15px;
    margin: 0 7px;
    padding: 1em;
    position: relative;
    z-index: 104; }
  .ExperienceNag.updateBrowser {
    text-align: center; }
  .ExperienceNag .nagClose {
    width: 12px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -228px -259px no-repeat;
    margin: -6px;
    padding: 6px;
    position: absolute;
    right: 2em;
    top: 2em;
    z-index: 105; }

.NagBase {
  display: inline-block; }
  .NagBase.pfySegmented {
    margin-top: 43px; }
  .NagBase .message {
    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;
    background-color: #fff5c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff7cb), to(#fff4b7));
    background: -webkit-linear-gradient(#fff7cb, #fff4b7);
    background: linear-gradient(#fff7cb, #fff4b7);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    color: #717171;
    font-size: 15px;
    margin: 0 7px;
    padding: 10px;
    position: relative;
    z-index: 104; }
    .columns-2 .NagBase .message, .columns-3 .NagBase .message {
      font-size: 12px; }
  .NagBase .nagClose {
    width: 8px;
    height: 8px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -36px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 6px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NagBase .nagClose {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -197px -77px;
        background-size: 229px 211px; } }
  .NagBase.updateBrowser {
    text-align: center; }

.NagNoScript.Module {
  display: block; }

.Nags {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  max-width: 1000px; }
  .Nags.centeredWithinWrapper > .centeredWithinWrapper {
    width: auto; }

.NagSearch .message {
  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;
  border-top-radius: 0;
  color: #717171;
  font-size: 15px;
  margin: 15px 7px;
  padding: 8px 25px;
  text-align: center; }
  .NagSearch .message p {
    line-height: 25px;
    margin: 0; }

.NotificationNag {
  position: relative; }
  .NotificationNag .message {
    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;
    background-color: #fff5c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff7cb), to(#fff4b7));
    background: -webkit-linear-gradient(#fff7cb, #fff4b7);
    background: linear-gradient(#fff7cb, #fff4b7);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #717171;
    font-size: 12px;
    padding: 1em;
    position: relative; }
    .NotificationNag .message a {
      text-decoration: underline; }
  .NotificationNag.updateBrowser {
    text-align: center; }
  .NotificationNag .nagClose {
    width: 12px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -228px -259px no-repeat;
    margin: -6px;
    padding: 6px;
    position: absolute;
    right: 2em;
    top: 1.6em;
    width: 12px;
    heigth: 12px; }

.PinfluencerOptOutConfirmationPage .standardForm {
  font-size: 14px;
  line-height: 21px;
  margin: 20px auto 40px auto; }

.SignedEmailDisassociatePage .standardForm {
  font-size: 14px;
  line-height: 21px;
  margin: 20px auto 40px auto; }
  .SignedEmailDisassociatePage .standardForm .formFooter {
    text-align: right; }

.SignedEmailSettingsPage .standardForm {
  margin: 20px auto 40px auto; }
  .SignedEmailSettingsPage .standardForm .emailSettings h3 {
    padding-top: 0; }
  .SignedEmailSettingsPage .standardForm .emailSettings .headlessSection h3 {
    padding-top: 6px; }

.SignedEmailUnsubscribePage .standardForm {
  font-size: 14px;
  line-height: 21px;
  margin: 20px auto 40px auto; }
.SignedEmailUnsubscribePage ul.unsubscribedEmails {
  list-style-type: disc;
  padding-left: 40px; }
  .SignedEmailUnsubscribePage ul.unsubscribedEmails li {
    font-weight: bold;
    list-style: inherit; }

.UserAppSettings {
  color: #555; }
  .UserAppSettings .appImage {
    float: left;
    margin-left: 0; }
  .UserAppSettings .appDetails {
    display: inline-block;
    line-height: 1.5em;
    margin-left: 20px;
    width: 450px; }
    .UserAppSettings .appDetails .appName, .UserAppSettings .appDetails .companyName {
      font-size: 14px;
      font-weight: bold; }
    .UserAppSettings .appDetails .companyName {
      color: #999; }
    .UserAppSettings .appDetails .description, .UserAppSettings .appDetails .approved {
      display: block;
      margin: 5px 0; }
    .UserAppSettings .appDetails .scopeDescriptions li {
      list-style-position: inside;
      list-style-type: disc; }
  .UserAppSettings .revokeButton {
    float: right; }
  .UserAppSettings .noApps {
    padding: 20px;
    text-align: center; }

.UserEdit.modal {
  width: 580px; }
  .UserEdit.modal .name {
    width: 195px; }
.UserEdit.full_page .name {
  width: 49%; }
.UserEdit .domain {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  float: left;
  font-size: 14px;
  line-height: 32px;
  margin-right: 5px;
  padding-left: 2px;
  width: 131px; }
.UserEdit input.username {
  width: 262px; }
.UserEdit .name.last {
  float: right; }
.UserEdit .profileImageWrapper {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  height: 75px;
  margin-right: 10px;
  vertical-align: middle;
  width: 75px; }
  .UserEdit .profileImageWrapper: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: 75px;
    left: 0;
    position: absolute;
    top: 0;
    width: 75px; }
  .UserEdit .profileImageWrapper .profileImage {
    border-radius: 3px;
    height: 75px;
    width: 75px; }
  .UserEdit .profileImageWrapper img {
    max-width: none;
    height: 75px !important;
    width: auto !important; }
    .UserEdit .profileImageWrapper img.restrictWidth {
      height: auto !important;
      width: 75px !important; }
.UserEdit .businessName {
  width: 100%; }
.UserEdit .helpText {
  width: 280px; }
.UserEdit .settingLabel {
  vertical-align: middle; }

.UserEditEmail {
  width: 530px; }
  .UserEditEmail p {
    margin-bottom: 0;
    padding: 0 18px; }

.UserEditVerifyWebsite .hidden {
  display: none; }
.UserEditVerifyWebsite .fillWidth {
  overflow: hidden;
  padding-right: 10px; }
.UserEditVerifyWebsite .verifyButton {
  float: right;
  font-size: 13px; }
.UserEditVerifyWebsite .verifiedDomainContainer {
  padding-top: 7px;
  float: right; }
  .UserEditVerifyWebsite .verifiedDomainContainer .verifiedDomainIcon {
    width: 18px;
    height: 18px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -121px -120px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    margin-top: -1px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UserEditVerifyWebsite .verifiedDomainContainer .verifiedDomainIcon {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -117px -118px;
        background-size: 214px 199px; } }

.UserSettingsPage {
  position: relative; }
  .columns-3 .UserSettingsPage .tocAndFormWrapper {
    max-width: 734px;
    margin: auto; }
  .UserSettingsPage .tocAndFormWrapper 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;
    line-height: 54px;
    margin-bottom: 52px; }
  .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; }
  .UserSettingsPage .customGender {
    float: right;
    margin-top: 10px; }
    .UserSettingsPage .customGender .hidden {
      display: none; }
  .UserSettingsPage .changePasswordButton, .UserSettingsPage .resetPasswordLink {
    color: #bd081c;
    font-weight: bold;
    margin-top: 5px; }
  .UserSettingsPage .resetPasswordLink {
    display: block; }
  .UserSettingsPage .exclude_from_search {
    overflow: hidden;
    display: block;
    font-size: 12px;
    font-weight: normal;
    max-width: 365px; }
  .UserSettingsPage .clearRecentSearches {
    margin-bottom: 5px; }
  .UserSettingsPage .clearRecentContactsDetails, .UserSettingsPage .clearRecentSearchDetails {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #555;
    margin-left: 7px;
    margin-top: 3px;
    vertical-align: top; }
  .UserSettingsPage .groupBoardEmailSettings {
    margin-left: 226px;
    margin-top: 10px; }
  .UserSettingsPage .formCheckedSet span {
    line-height: 28px; }
  .UserSettingsPage .formCheckedSet .personalize_from_offsite_browsing, .UserSettingsPage .formCheckedSet .ads_customize_from_conversion {
    font-size: 12px;
    font-weight: normal;
    line-height: normal; }
  .UserSettingsPage .toc li {
    border-bottom: 1px solid #dfdfdf;
    cursor: pointer;
    min-height: 18px;
    padding: 14px 20px 10px 20px; }
    .UserSettingsPage .toc li a {
      color: #999;
      font-size: 13px;
      font-weight: normal; }
      .UserSettingsPage .toc li a:hover {
        color: #333; }
  .UserSettingsPage .toc li:last-child {
    border-bottom: none; }
  .UserSettingsPage .toc li.selected {
    background-color: #f0f0f0; }
    .UserSettingsPage .toc li.selected a {
      color: #555;
      font-weight: bold; }
    .UserSettingsPage .toc li.selected:first-child {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .UserSettingsPage .toc li.selected:last-child {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
  .columns-3 .UserSettingsPage .standardForm {
    margin-left: 0; }
  .UserSettingsPage .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; }
  .UserSettingsPage .saveSettingsButton {
    margin-left: 10px; }
  .UserSettingsPage .formFooter {
    border-radius: 6px;
    -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);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 734px;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0; }
  .UserSettingsPage .formItem.headlessSection {
    border-top: 0;
    padding-top: 0; }
  .UserSettingsPage .sectionTitle {
    font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif; }
    .UserSettingsPage .sectionTitle h2 {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 22px; }
  .UserSettingsPage .emailDisabled > li {
    display: none; }
  .UserSettingsPage .emailDisabled .sectionTitle, .UserSettingsPage .emailDisabled .emailGlobalToggle {
    display: block; }
  .UserSettingsPage .personalizationDetails {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #555;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 0 10px; }
  .UserSettingsPage .personalizationSettings li {
    overflow: visible; }
  .UserSettingsPage .personalizationAndAdsSettings li {
    margin-top: 10px;
    overflow: visible;
    width: 365px; }
  .UserSettingsPage .settingLabel {
    vertical-align: middle; }

.UserSocialNetworkSettings .socialHeader h4 {
  font-size: 14px;
  font-weight: 200; }
.UserSocialNetworkSettings .socialHeader .socialIconFacebook {
  margin-right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -393px -128px 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) {
    .UserSocialNetworkSettings .socialHeader .socialIconFacebook {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -155px -339px;
      background-size: 415px 409px; } }
.UserSocialNetworkSettings .socialHeader .socialIconTwitter {
  margin-right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') 0px -388px no-repeat;
  display: inline-block;
  font: 0 / 0 serif;
  text-shadow: none;
  color: transparent; }
.UserSocialNetworkSettings .socialHeader .socialIconGplus {
  margin-right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.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) {
    .UserSocialNetworkSettings .socialHeader .socialIconGplus {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -124px -339px;
      background-size: 415px 409px; } }
.UserSocialNetworkSettings .socialHeader .socialIconGoogle {
  margin-right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -393px -160px 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) {
    .UserSocialNetworkSettings .socialHeader .socialIconGoogle {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -343px -292px;
      background-size: 415px 409px; } }
.UserSocialNetworkSettings .socialHeader .socialIconYahoo {
  margin-right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -32px -388px no-repeat;
  display: inline-block;
  font: 0 / 0 serif;
  text-shadow: none;
  color: transparent; }
.UserSocialNetworkSettings .socialHeader .socialIconRakuten {
  margin-right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -393px -288px 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) {
    .UserSocialNetworkSettings .socialHeader .socialIconRakuten {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: 0px -339px;
      background-size: 415px 409px; } }
.UserSocialNetworkSettings .socialHeader .socialIconMicrosoft {
  margin-right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.6ccf28f4.png') -393px -224px 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) {
    .UserSocialNetworkSettings .socialHeader .socialIconMicrosoft {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.258226f2.png');
      background-position: -62px -339px;
      background-size: 415px 409px; } }
.UserSocialNetworkSettings .socialHeader .socialIconText {
  display: inline-block;
  verticle-align: middle; }
.standardForm > .UserSocialNetworkSettings > li {
  border-top: 1px solid rgba(223, 223, 223, 0.5); }
.UserSocialNetworkSettings > li.socialHeader {
  border-top: 1px solid #dfdfdf; }

.CsrfErrorPage {
  text-align: center; }
  .CsrfErrorPage .header {
    background: #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);
    height: 44px;
    position: fixed;
    text-align: center;
    width: 100%; }
    .CsrfErrorPage .header img {
      position: relative;
      top: 8px;
      width: 104px; }
  .CsrfErrorPage .errorHeader p {
    color: #777;
    font-size: 17px;
    font-weight: normal; }
  .CsrfErrorPage .errorMessage {
    padding-top: 50px;
    width: auto; }
  .CsrfErrorPage .errorNumber {
    border-radius: 50%;
    border: 5px solid #bbb;
    color: #aaa;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 auto 20px;
    text-align: center;
    width: 40px; }
  .CsrfErrorPage .diagnoseList {
    margin: 30px 0;
    padding: 0;
    text-align: center; }
  .CsrfErrorPage .diagnose, .CsrfErrorPage .more {
    color: #555; }
  .CsrfErrorPage .diagnose {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 20px;
    vertical-align: top;
    width: 156px; }
    .CsrfErrorPage .diagnose a {
      color: #444;
      font-weight: bold;
      text-decoration: none; }
      .CsrfErrorPage .diagnose a:hover {
        color: #d62229; }

.FlagComment {
  width: 365px; }

.FlagContent {
  padding: 12px 19px 5px; }
  .FlagContent .hidden {
    display: none; }
  .FlagContent h2 {
    color: #333;
    font-size: 14px;
    margin-bottom: 12px; }
  .FlagContent div {
    margin-bottom: 8px; }
  .FlagContent .reportCategory {
    color: #333;
    font-size: 14px; }
  .FlagContent .reportCategoryItems {
    display: none;
    margin-left: 30px; }
  .FlagContent input[type='radio'] {
    height: 16px;
    width: 16px; }
  .FlagContent label {
    color: #333;
    font-size: 14px;
    padding-left: 1px;
    vertical-align: middle; }
  .FlagContent .otherWrapper {
    margin-bottom: 12px; }
  .FlagContent.blockInput input {
    display: block;
    opacity: 0.001;
    position: absolute; }
  .FlagContent.blockInput label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666;
    display: block;
    font-size: 13px;
    font-weight: bold; }

.FlagContentConfirm {
  width: 380px; }
  .FlagContentConfirm .formErrorMessage {
    margin: 0;
    padding: 0; }
  .FlagContentConfirm p, .FlagContentConfirm div {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 21px 10px; }
  .FlagContentConfirm .formFooterButtons {
    padding: 0; }

.FlagConversation {
  border-radius: 6px;
  overflow: hidden;
  width: 334px; }
  .FlagConversation .FlagContent {
    padding: 0; }
    .FlagConversation .FlagContent div {
      border-top: 1px solid #e7e7e7;
      margin: 0; }
      .FlagConversation .FlagContent div label {
        background: #f7f7f7;
        cursor: pointer;
        padding: 12px 16px; }
        .FlagConversation .FlagContent div label:hover, .FlagConversation .FlagContent div label.active {
          background: #ebebeb; }
        .FlagConversation .FlagContent div label:active {
          background: #d6d5d5; }
    .FlagConversation .FlagContent h2 {
      background-color: #fff;
      margin-bottom: 0; }
  .FlagConversation h2 {
    padding: 14px 16px 18px; }
  .FlagConversation .blockWarning .block {
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    padding: 0 16px; }
    .FlagConversation .blockWarning .block h3 {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #333;
      margin: 0;
      padding: 26px 0; }
    .FlagConversation .blockWarning .block .Button {
      float: right;
      margin: 17px 0 0 10px;
      padding-left: 25px;
      padding-right: 25px; }
  .FlagConversation .blockWarning .warning {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    background: #f7f7f7;
    clear: both;
    color: #777;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 15px;
    border-top: 1px solid #e7e7e7; }
    .FlagConversation .blockWarning .warning span {
      float: left; }
    .FlagConversation .blockWarning .warning .content {
      margin: 0 0 0 8px; }
  .FlagConversation .reportCategory .spam {
    border-top: none; }

.FlagPin {
  width: 380px; }
  .FlagPin .formFooter .formFooterButtons .primary {
    width: 97px; }

.FlagUser {
  border-radius: 6px;
  overflow: hidden;
  width: 334px; }
  .FlagUser .FlagContent {
    padding: 0; }
    .FlagUser .FlagContent div {
      border-top: 1px solid #e7e7e7;
      margin: 0; }
      .FlagUser .FlagContent div label {
        background: #f7f7f7;
        cursor: pointer;
        padding: 12px 16px; }
        .FlagUser .FlagContent div label:hover, .FlagUser .FlagContent div label.active {
          background: #ebebeb; }
        .FlagUser .FlagContent div label:active {
          background: #d6d5d5; }
    .FlagUser .FlagContent h2 {
      background-color: #fff;
      margin-bottom: 0; }
  .FlagUser h2 {
    padding: 14px 16px 18px; }
  .FlagUser .blockWarning .block {
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    padding: 0 16px; }
    .FlagUser .blockWarning .block h3 {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #333;
      margin: 0;
      padding: 26px 0; }
    .FlagUser .blockWarning .block .Button {
      float: right;
      margin: 17px 0 0 10px;
      padding-left: 25px;
      padding-right: 25px; }
  .FlagUser .blockWarning .warning {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    background: #f7f7f7;
    clear: both;
    color: #777;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 15px;
    border-top: 1px solid #e7e7e7; }
    .FlagUser .blockWarning .warning span {
      float: left; }
    .FlagUser .blockWarning .warning .content {
      margin: 0 0 0 8px; }

.TakedownForm .standardForm ul li .OffsiteWork {
  width: 100%; }
  .TakedownForm .standardForm ul li .OffsiteWork h3 {
    float: left;
    margin-top: 5px; }
  .TakedownForm .standardForm ul li .OffsiteWork .fullWidth {
    width: 100%; }
  .TakedownForm .standardForm ul li .OffsiteWork .left {
    float: left; }
  .TakedownForm .standardForm ul li .OffsiteWork .right {
    float: right; }

.ReportBug {
  width: 500px; }

.TakedownForm .standardForm ul li .ReportedContent {
  width: 100%; }
  .TakedownForm .standardForm ul li .ReportedContent h3 {
    float: left; }
  .TakedownForm .standardForm ul li .ReportedContent input[type="radio"] {
    margin-right: 5px;
    margin-left: 10px; }
  .TakedownForm .standardForm ul li .ReportedContent .disclaimer {
    display: none;
    float: none; }
  .TakedownForm .standardForm ul li .ReportedContent .explanationText {
    width: 75%;
    float: right; }
  .TakedownForm .standardForm ul li .ReportedContent .fakeLink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    width: 100%; }
  .TakedownForm .standardForm ul li .ReportedContent .left {
    float: left; }
  .TakedownForm .standardForm ul li .ReportedContent .right {
    float: right; }
  .TakedownForm .standardForm ul li .ReportedContent .wrapper {
    width: 100%; }

.TrademarkForm .instructions {
  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; }
  .TrademarkForm .instructions > div {
    overflow: hidden;
    border-top: 1px solid #dfdfdf;
    padding: 15px 21px 15px 27px; }
    .TrademarkForm .instructions > div:first-child {
      border: 0; }
.TrademarkForm .agentFields {
  display: none; }
.TrademarkForm .transferField {
  display: none; }
.TrademarkForm .infringingURLs > li {
  margin-bottom: 10px; }
.TrademarkForm .formFooter {
  border-radius: 6px;
  -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); }

.UserBlock {
  width: 380px; }
  .UserBlock h1 {
    font-weight: normal; }
  .UserBlock p {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 21px 10px; }