@charset "UTF-8";
/*
  !!! Don't modify these files manually !!!
  instead run the following script:
  ./webapp/scripts/generate_css_imports.js
*/
/** 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).
 */
/*
 * http://compass-style.org/reference/compass/utilities/general/clearfix/#mixin-clearfix
 */
/*
 * http://compass-style.org/reference/compass/utilities/general/clearfix/#mixin-pie-clearfix
 */
/**
 * Mixin to add a media-query based on the number of columns that are visible.
 * @param {number} lower-bound number of columns
 * @param {number} upper-bound number of columns, defaults to the lower-bound
 *
 * Usage:
 * @include columns-query(3) to target layouts with 3 columns
 *     If $numColumnsBegin is equal to the minimum number of columns, it is
 *     assumed that the query applies to viewport sizes smaller than minColumns,
 *     and will begin at 0.
 * @include columns-query(3, 5) to target layouts with 3-5 columns
 */
/*
 * 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.
 *
 */
@keyframes spin {
  to {
    transform: rotate(360deg); } }
/* Gestalt global CSS */
/* DEPRECATED - use Gestalt components instead */
/* Border lines */
.border {
  border: 1px solid #efefef; }
.border-top {
  border-top: 1px solid #efefef; }
.border-right {
  border-right: 1px solid #efefef; }
.border-bottom {
  border-bottom: 1px solid #efefef; }
.border-left {
  border-left: 1px solid #efefef; }
.no-border {
  border: 0; }
/* Border radii */
.square {
  border-radius: 0; }
.circle {
  border-radius: 50%; }
.rounded {
  border-radius: 8px; }
/* blue */
.blue {
  color: #0084ff; }
.bg-blue {
  background-color: #0084ff; }
/* dark-gray */
.dark-gray {
  color: #333; }
.dark-gray-hover:hover {
  color: #333; }
/* gray */
.gray {
  color: #8e8e8e; }
.bg-gray {
  background-color: #8e8e8e; }
/* red */
.red {
  color: #e60023; }
/* super-light-gray */
.bg-super-light-gray {
  background-color: #efefef; }
/* white */
.white {
  color: #fff; }
.bg-white {
  background-color: #fff; }
/* yellow */
.yellow {
  color: #fab904; }
.bg-yellow {
  background-color: #fab904; }
/* olive */
.olive {
  color: #364a4c; }
/* columns */
.col {
  display: inline-block;
  vertical-align: top; }
.col-4 {
  width: 33.33333%; }
.col-6 {
  width: 50%; }
.col-8 {
  width: 66.66667%; }
.col-12 {
  width: 100%; }
/* cursor */
.pointer {
  cursor: pointer; }
/* floats */
.pull-right {
  float: right; }
.clearfix::before, .clearfix::after {
  content: " ";
  display: table; }
.clearfix::after {
  clear: both; }
/* display */
.block {
  display: block; }
.inline {
  display: inline; }
.inline-block {
  display: inline-block; }
.table {
  display: table; }
.table-cell {
  display: table-cell; }
/* overflow */
.overflow-hidden {
  overflow: hidden; }
.fit {
  max-width: 100%; }
/* position */
.relative {
  position: relative; }
.fixed {
  position: fixed; }
.absolute {
  position: absolute; }
/* box model */
.flex {
  display: -ms-flexbox;
  display: flex; }
.flex-column {
  -ms-flex-direction: column;
  flex-direction: column; }
.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center; }
.self-end {
  -ms-flex-item-align: end;
  align-self: flex-end; }
.self-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }
.justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }
.justify-center {
  -ms-flex-pack: center;
  justify-content: center; }
.justify-between {
  -ms-flex-pack: justify;
  justify-content: space-between; }
.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }
/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  /* 1 */
  min-width: 0;
  /* 1 */ }
.flex-none {
  -ms-flex: none;
  flex: none; }
/* formatting */
.bold {
  font-weight: bold; }
.regular {
  font-style: normal; }
.italic {
  font-style: italic; }
.underline {
  text-decoration: underline; }
/* text overflow */
.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
/* Text sizes */
.text-lg {
  font-size: 18px;
  line-height: 20px;
  word-spacing: 0; }
/* Spacing */
.m0 {
  margin: 0; }
.p0 {
  padding: 0; }
.m1 {
  margin: 6px 8px; }
.mt1 {
  margin-top: 6px; }
.mr1 {
  margin-right: 8px; }
.mb1 {
  margin-bottom: 6px; }
.ml1 {
  margin-left: 8px; }
.p1 {
  padding: 6px 8px; }
.px1 {
  padding-left: 8px;
  padding-right: 8px; }
.py1 {
  padding-bottom: 6px;
  padding-top: 6px; }
.m2 {
  margin: 12px 16px; }
.mt2 {
  margin-top: 12px; }
.mr2 {
  margin-right: 16px; }
.mb2 {
  margin-bottom: 12px; }
.ml2 {
  margin-left: 16px; }
.p2 {
  padding: 12px 16px; }
.px2 {
  padding-left: 16px;
  padding-right: 16px; }
.m3 {
  margin: 18px 24px; }
.mt3 {
  margin-top: 18px; }
.mb3 {
  margin-bottom: 18px; }
.ml3 {
  margin-left: 24px; }
.p3 {
  padding: 18px 24px; }
.px3 {
  padding-left: 24px;
  padding-right: 24px; }
.py3 {
  padding-bottom: 18px;
  padding-top: 18px; }
.m4 {
  margin: 24px 32px; }
.mt4 {
  margin-top: 24px; }
.mb4 {
  margin-bottom: 24px; }
.ml4 {
  margin-left: 32px; }
.p4 {
  padding: 24px 32px; }
.py4 {
  padding-bottom: 24px;
  padding-top: 24px; }
.m5 {
  margin: 30px 40px; }
.mt5 {
  margin-top: 30px; }
.p5 {
  padding: 30px 40px; }
.py5 {
  padding-bottom: 30px;
  padding-top: 30px; }
.m6 {
  margin: 36px 48px; }
.mt6 {
  margin-top: 36px; }
.ml6 {
  margin-left: 48px; }
.p6 {
  padding: 36px 48px; }
@keyframes scrollBgGrid {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-300px); } }
/* From https://github.com/daneden/animate.css */
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.02); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes rotateCircle {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeOutToTransparentFromEightyPercent {
  0% {
    opacity: 0.8; }
  100% {
    opacity: 0; } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 1; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOutAndHide {
  0% {
    opacity: 1;
    display: block; }
  99% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 0;
    display: none; } }
@keyframes rotater {
  0% {
    transform: rotate(0) scale(1); }
  50% {
    transform: rotate(360deg) scale(2); }
  100% {
    transform: rotate(720deg) scale(1); } }
.rotate {
  animation-name: rotater;
  animation-iteration-count: 1;
  animation-timing-function: ease-out; }
@keyframes popBadge {
  0% {
    opacity: 0;
    transform: scale(0); }
  75% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes menu-slide-in-up {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes pinSlideIn {
  from {
    opacity: 0;
    transform: translateY(80px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes pinFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.93); }
  39% {
    opacity: 0;
    transform: scale(0.93); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes slideLeftIn {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }
@keyframes slideRightOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
@keyframes tapAnimation {
  0% {
    opacity: 0;
    transform: scale(0.96); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.standardForm {
  margin: 0 auto 70px;
  max-width: 734px; }
.inModal .standardForm,
  .modalStyle .standardForm {
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 0;
    width: auto; }
.standardForm .formFieldMessage {
    color: #e60023;
    margin: 10px 0 0; }
.standardForm > h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 35px;
    margin: 25px 0 0; }
.inModal .standardForm > h1,
    .modalStyle .standardForm > h1 {
      border-bottom: 1px solid #e7e7e7;
      color: #333;
      font-size: 20px;
      margin: 0;
      min-height: 20px;
      padding: 17px 18px 13px 18px;
      position: relative; }
.modalHasClose .standardForm > h1 {
      padding-right: 50px; }
.standardForm .formTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 35px;
    margin: 25px 0 0; }
.inModal .standardForm .formTitle,
    .modalStyle .standardForm .formTitle {
      border-bottom: 1px solid #e7e7e7;
      color: #333;
      font-size: 20px;
      margin: 0;
      min-height: 20px;
      padding: 17px 18px 13px 18px;
      position: relative; }
.modalHasClose .standardForm .formTitle {
      padding-right: 50px; }
.standardForm > h2 {
    font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
    color: #333;
    font-size: 20px;
    margin: 40px 0 10px; }
.standardForm > ul,
  .standardForm .formSection {
    background: #fff;
    border-radius: 6px;
    margin: 0; }
.standardForm > ul > li,
  .standardForm .formSection > li {
    overflow: hidden;
    border-top: 1px solid #dfdfdf;
    padding: 15px 21px 15px 27px; }
.standardForm > ul > li:first-child,
    .standardForm .formSection > li:first-child {
      border: 0; }
.inModal .standardForm > ul > li,
    .modalStyle .standardForm > ul > li, .inModal
    .standardForm .formSection > li,
    .modalStyle
    .standardForm .formSection > li {
      padding-left: 18px;
      padding-right: 21px; }
.standardForm .formItem {
    overflow: hidden;
    border-top: 1px solid #dfdfdf;
    padding: 15px 21px 15px 27px; }
.standardForm .formItem:first-child {
      border: 0; }
.inModal .standardForm .formItem,
    .modalStyle .standardForm .formItem {
      padding-left: 18px;
      padding-right: 21px; }
.standardForm > ul > li > h3,
  .standardForm .formSection > li > h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 10px 0 0;
    width: 216px; }
.standardForm > ul > li > h3 .hasError,
    .standardForm .formSection > li > h3 .hasError {
      color: #e60023; }
.inModal .standardForm > ul > li > h3,
    .modalStyle .standardForm > ul > li > h3, .inModal
    .standardForm .formSection > li > h3,
    .modalStyle
    .standardForm .formSection > li > h3 {
      width: 130px; }
.standardForm > ul > li > h3.optional,
    .standardForm .formSection > li > h3.optional {
      font-style: italic;
      font-weight: normal; }
.standardForm .formItem > h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 10px 0 0;
    width: 216px; }
.standardForm .formItem > h3 .hasError {
      color: #e60023; }
.inModal .standardForm .formItem > h3,
    .modalStyle .standardForm .formItem > h3 {
      width: 130px; }
.standardForm .formItem > h3.optional {
      font-style: italic;
      font-weight: normal; }
.standardForm .formItemHeading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 10px 0 0;
    width: 216px; }
.standardForm .formItemHeading .hasError {
      color: #e60023; }
.inModal .standardForm .formItemHeading,
    .modalStyle .standardForm .formItemHeading {
      width: 130px; }
.standardForm .formItemHeading.optional {
      font-style: italic;
      font-weight: normal; }
.standardForm > ul > li > div,
  .standardForm .formSection > li > div {
    margin-left: 226px; }
.inModal .standardForm > ul > li > div,
    .modalStyle .standardForm > ul > li > div, .inModal
    .standardForm .formSection > li > div,
    .modalStyle
    .standardForm .formSection > li > div {
      margin-left: 140px; }
.standardForm .formItem > div {
    margin-left: 226px; }
.inModal .standardForm .formItem > div,
    .modalStyle .standardForm .formItem > div {
      margin-left: 140px; }
.standardForm .formRightColumn {
    margin-left: 226px; }
.inModal .standardForm .formRightColumn,
    .modalStyle .standardForm .formRightColumn {
      margin-left: 140px; }
.standardForm .learnMore {
    float: right;
    font-size: 11px; }
.standardForm input[type="email"],
  .standardForm input[type="number"],
  .standardForm input[type="password"],
  .standardForm input[type="text"],
  .standardForm input[type="url"],
  .standardForm textarea {
    background-color: #f3f3f3;
    background: linear-gradient(#f0f0f0, #f5f5f5);
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #d6d3ce;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    padding: 7px; }
.standardForm input[type="email"]:focus,
    .standardForm input[type="number"]:focus,
    .standardForm input[type="password"]:focus,
    .standardForm input[type="text"]:focus,
    .standardForm input[type="url"]:focus,
    .standardForm textarea:focus {
      background: #fff; }
.standardForm input[type="email"].hasError, .standardForm input[type="email"].hasWarning,
    .standardForm input[type="number"].hasError,
    .standardForm input[type="number"].hasWarning,
    .standardForm input[type="password"].hasError,
    .standardForm input[type="password"].hasWarning,
    .standardForm input[type="text"].hasError,
    .standardForm input[type="text"].hasWarning,
    .standardForm input[type="url"].hasError,
    .standardForm input[type="url"].hasWarning,
    .standardForm textarea.hasError,
    .standardForm textarea.hasWarning {
      background: #e6abad;
      border-color: #e60023; }
.standardForm input[type="email"].disabled,
    .standardForm input[type="number"].disabled,
    .standardForm input[type="password"].disabled,
    .standardForm input[type="text"].disabled,
    .standardForm input[type="url"].disabled,
    .standardForm textarea.disabled {
      background-color: #f8f8f8;
      background: linear-gradient(#f5f5f5, #fafafa);
      border-color: #dcdcdc;
      color: #999;
      cursor: default; }
.safari .standardForm input[type="email"].disabled, .safari
      .standardForm input[type="number"].disabled, .safari
      .standardForm input[type="password"].disabled, .safari
      .standardForm input[type="text"].disabled, .safari
      .standardForm input[type="url"].disabled, .safari
      .standardForm textarea.disabled {
        background-color: #f8f8f8; }
.standardForm textarea {
    height: 85px;
    line-height: 20px;
    resize: vertical; }
.standardForm select {
    box-sizing: border-box;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #cfcfcf;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    height: 28px;
    padding: 4px 4px 4px 14px; }
.standardForm .learnMore {
    margin: 7px 0 0 10px; }
.formFooter {
  background: #f0f0f0;
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #dadada;
  clear: both;
  padding: 10px 20px; }
.formFooter::after {
    clear: both;
    content: "";
    display: table; }
.formFooter a:active {
    color: #e60023; }
.formFooter .formFooterButtons {
    float: right; }
.formFooter .helpText {
    color: #444;
    float: left;
    font-size: 11px;
    line-height: 15px;
    margin: 0; }
.formFooter .helpText a {
      color: #e60023;
      font-weight: bold; }
.formFooter .helpText a:hover {
        text-decoration: underline; }
.formFooter .helpText a:active {
        color: #e60023; }
.formFooter .btn.Button {
    margin-left: 8px;
    padding-left: 15px;
    padding-right: 15px; }
.formFooter .btn.Button.deleteButton {
      margin-left: 0; }
.formFieldMessage {
  font-size: 13px; }
label {
  cursor: pointer; }
.standardForm--login {
  max-width: 470px;
  padding-top: 20px; }
.standardForm--login > ul > li,
  .standardForm--login .formSection > li {
    border: none;
    padding: 5px 40px;
    position: relative; }
.standardForm--login .formItem {
    border: none;
    padding: 5px 40px;
    position: relative; }
.standardForm--login > h1 {
    color: #525252;
    font-size: 23px;
    margin: 10px 40px 15px; }
.standardForm--login .formTitle {
    color: #525252;
    font-size: 23px;
    margin: 10px 40px 15px; }
.standardForm--login > ul,
  .standardForm--login .formSection {
    margin-bottom: 20px;
    overflow: hidden; }
.standardForm--login select {
    font-size: 16px;
    font-weight: normal;
    height: 36px; }
.standardForm--login .formFooter {
    font-size: 14px;
    padding: 20px 40px; }
.standardForm--login .formFooter a:hover {
      color: #e60023; }
.standardForm--login input[type="email"],
  .standardForm--login input[type="number"],
  .standardForm--login input[type="password"],
  .standardForm--login input[type="text"],
  .standardForm--login input[type="url"],
  .standardForm--login textarea {
    border-radius: 3px;
    font-size: 20px;
    padding: 15px; }
.standardForm--login .helpText {
    line-height: 40px;
    font-size: 15px; }
.standardForm--login .email.hasError {
    padding-right: 130px; }
.standardForm--login .formFieldMessage {
    position: absolute;
    right: 57px;
    top: 16px; }
.standardForm--login input.hasError {
    background: transparent !important;
    border-color: #e60023 !important;
    box-shadow: 0 0 6px rgba(255, 0, 0, .35); }
@media (min-width: 0) and (max-width: 999px) {
  .centeredWithinWrapper {
    width: 750px; } }
@media (min-width: 1000px) and (max-width: 1249px) {
  .centeredWithinWrapper {
    width: 1000px; } }
@media (min-width: 1250px) and (max-width: 1499px) {
  .centeredWithinWrapper {
    width: 1250px; } }
@media (min-width: 1500px) and (max-width: 1749px) {
  .centeredWithinWrapper {
    width: 1500px; } }
@media (min-width: 1750px) and (max-width: 1999px) {
  .centeredWithinWrapper {
    width: 1750px; } }
@media (min-width: 2000px) and (max-width: 2249px) {
  .centeredWithinWrapper {
    width: 2000px; } }
@media (min-width: 2250px) and (max-width: 2499px) {
  .centeredWithinWrapper {
    width: 2250px; } }
@media (min-width: 2500px) and (max-width: 2749px) {
  .centeredWithinWrapper {
    width: 2500px; } }
html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #211922;
  font-size: 12px; }
html {
  height: 100%; }
body {
  min-height: 100%;
  overflow-y: scroll;
  position: relative; }
input::-ms-clear {
  display: none; }
.noScroll, .ReactModal__Body--open {
  overflow: hidden; }
ul {
  margin: 0;
  padding: 0; }
ul li {
    list-style: none;
    padding: 0; }
:focus {
  outline: #d1d1d1 auto 1px; }
.dangerouslyDisableFocusStyle:focus {
  outline: none; }
.centeredWithinWrapper {
  margin: 0 auto; }
.hidden {
  display: none; }
.errorMessage {
  animation: bounceIn .5s;
  color: #444;
  font-size: 21px;
  font-weight: bold;
  line-height: 30px;
  margin: 0 auto;
  max-width: 738px;
  padding-top: 130px;
  text-align: center; }
.errorMessage .back,
  .errorMessage .retry {
    font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
    color: #d62229;
    display: block; }
.errorMessage .retry {
    margin-top: 13px; }
.errorMessage .errorInternal {
    margin: 0 auto 32px;
    background: url(https://s.pinimg.com/webapp/style/images/502_tools-1x-675419bc.png) no-repeat;
    background-size: contain;
    height: 222px;
    width: 303px; }
.errorMessage .suggestionText {
    color: #777; }
.inlineError {
  color: #e60023;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 0;
  text-align: center; }
a {
  color: #333;
  font-weight: bold;
  text-decoration: none; }
a:focus, a:hover {
    color: #262626; }
.placeholder {
  color: #aaa !important; }
.bottomDrawer {
  background: rgba(200, 200, 200, .6);
  border-top: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .15) inset, 0 -1px 0 rgba(255, 255, 255, .18);
  clear: both;
  margin-top: 25px;
  padding-bottom: 40px; }
.sectionTitle {
  -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: #444;
  font-size: 13px;
  margin-bottom: 7px;
  margin-top: 28px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5); }
.debugMacro {
  border: 2px solid #f00;
  overflow: auto; }
.standaloneErrorPage .category {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
  border-radius: 6px;
  border: 0;
  box-shadow: none;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  vertical-align: top;
  width: 216px; }
.standaloneErrorPage .categoryLinkWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
.standaloneErrorPage .categoryImage {
  overflow: hidden;
  border-radius: 6px;
  /* stylelint-disable-next-line at-rule-no-unknown */ }
.standaloneErrorPage .categoryImage.animals {
    background: url(https://s.pinimg.com/webapp/style/images/animals-1x-50ba8d38.jpg) no-repeat;
    background-size: contain;
    height: 145px;
    width: 216px; }
.standaloneErrorPage .categoryImage.architecture {
    background: url(https://s.pinimg.com/webapp/style/images/architecture-1x-97b5b7b8.jpg) no-repeat;
    background-size: contain;
    height: 145px;
    width: 216px; }
.standaloneErrorPage .categoryImage.travel {
    background: url(https://s.pinimg.com/webapp/style/images/travel-1x-d0640cf1.jpg) no-repeat;
    background-size: contain;
    height: 145px;
    width: 216px; }
.standaloneErrorPage .categoryImage.food_drink {
    background: url(https://s.pinimg.com/webapp/style/images/food_drink-1x-5975e611.jpg) no-repeat;
    background-size: contain;
    height: 145px;
    width: 216px; }
.standaloneErrorPage .categoryImage.photography {
    background: url(https://s.pinimg.com/webapp/style/images/photography-1x-3030c6e9.jpg) no-repeat;
    background-size: contain;
    height: 145px;
    width: 216px; }
.standaloneErrorPage .categoryImage.film_music_books {
    background: url(https://s.pinimg.com/webapp/style/images/film_music_books-1x-8a7bbd9b.jpg) no-repeat;
    background-size: contain;
    height: 145px;
    width: 216px; }
.standaloneErrorPage .name {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  font-size: 21px;
  max-width: 100%;
  -ms-flex-order: 99999;
      order: 99999;
  overflow: hidden;
  padding: 6px 8px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
ul {
  display: block; }
audio,
canvas,
video {
  display: inline-block; }
audio:not([controls]) {
  display: none; }
html {
  font-size: 100%;
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none; }
a:hover,
a:active {
  outline: 0; }
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }
sup {
  top: -0.5em; }
sub {
  bottom: -0.25em; }
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }
#map_canvas img {
  max-width: none; }
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }
button,
input,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 100%;
  margin: 0;
  vertical-align: middle; }
button,
input {
  line-height: normal; }
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }
input[type="search"] {
  -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }
textarea {
  overflow: auto;
  vertical-align: top; }
body {
  margin: 0; }
h1, h2, h3, h4, h5, h6 {
  margin: 0; }
figure {
  margin: 0; }
.Module.fadeIn {
  animation: fadeIn 0.3s;
  animation-fill-mode: forwards; }
.Module.fadeOut {
  animation: fadeOut 0.3s;
  animation-fill-mode: forwards; }
.Module.slideIn {
  animation: menu-slide-in-up 0.3s;
  animation-fill-mode: forwards; }
.Module.hideModule {
  opacity: 0; }
.Module.error {
  opacity: 1;
  visibility: visible; }
.Module .moduleMask {
  background: #fff;
  opacity: 0.9;
  position: absolute;
  z-index: 660; }
.Spinner {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 659; }
.Spinner.hidden {
    display: none; }
.Spinner .spinnerSmall {
    background: url(https://s.pinimg.com/webapp/style/images/spinner-small-1x-b897d25e.gif) no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px;
    display: inline-block;
    opacity: .5;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Spinner .spinnerSmall {
        background-image: url(https://s.pinimg.com/webapp/style/images/spinner-small-2x-dbb1334f.gif); } }
.Spinner .spinnerMedium {
    background: url(https://s.pinimg.com/webapp/style/images/spinner-medium-1x-dbb1334f.gif) no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    display: inline-block;
    opacity: .5;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 50%; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Spinner .spinnerMedium {
        background-image: url(https://s.pinimg.com/webapp/style/images/spinner-medium-2x-3ffcb44b.gif); } }
/* Gestalt global CSS */
/* DEPRECATED - use Gestalt components instead */
/* Border lines */
.border {
  border: 1px solid #efefef; }
.border-top {
  border-top: 1px solid #efefef; }
.border-right {
  border-right: 1px solid #efefef; }
.border-bottom {
  border-bottom: 1px solid #efefef; }
.border-left {
  border-left: 1px solid #efefef; }
.no-border {
  border: 0; }
/* Border radii */
.square {
  border-radius: 0; }
.circle {
  border-radius: 50%; }
.rounded {
  border-radius: 8px; }
/* blue */
.blue {
  color: #0084ff; }
.bg-blue {
  background-color: #0084ff; }
/* dark-gray */
.dark-gray {
  color: #333; }
.dark-gray-hover:hover {
  color: #333; }
/* gray */
.gray {
  color: #8e8e8e; }
.bg-gray {
  background-color: #8e8e8e; }
/* red */
.red {
  color: #e60023; }
/* super-light-gray */
.bg-super-light-gray {
  background-color: #efefef; }
/* white */
.white {
  color: #fff; }
.bg-white {
  background-color: #fff; }
/* yellow */
.yellow {
  color: #fab904; }
.bg-yellow {
  background-color: #fab904; }
/* olive */
.olive {
  color: #364a4c; }
/* columns */
.col {
  display: inline-block;
  vertical-align: top; }
.col-4 {
  width: 33.33333%; }
.col-6 {
  width: 50%; }
.col-8 {
  width: 66.66667%; }
.col-12 {
  width: 100%; }
/* cursor */
.pointer {
  cursor: pointer; }
/* floats */
.pull-right {
  float: right; }
.clearfix::before, .clearfix::after {
  content: " ";
  display: table; }
.clearfix::after {
  clear: both; }
/* display */
.block {
  display: block; }
.inline {
  display: inline; }
.inline-block {
  display: inline-block; }
.table {
  display: table; }
.table-cell {
  display: table-cell; }
/* overflow */
.overflow-hidden {
  overflow: hidden; }
.fit {
  max-width: 100%; }
/* position */
.relative {
  position: relative; }
.fixed {
  position: fixed; }
.absolute {
  position: absolute; }
/* box model */
.flex {
  display: -ms-flexbox;
  display: flex; }
.flex-column {
  -ms-flex-direction: column;
  flex-direction: column; }
.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center; }
.self-end {
  -ms-flex-item-align: end;
  align-self: flex-end; }
.self-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }
.justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }
.justify-center {
  -ms-flex-pack: center;
  justify-content: center; }
.justify-between {
  -ms-flex-pack: justify;
  justify-content: space-between; }
.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }
/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  /* 1 */
  min-width: 0;
  /* 1 */ }
.flex-none {
  -ms-flex: none;
  flex: none; }
/* formatting */
.bold {
  font-weight: bold; }
.regular {
  font-style: normal; }
.italic {
  font-style: italic; }
.underline {
  text-decoration: underline; }
/* text overflow */
.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
/* Text sizes */
.text-lg {
  font-size: 18px;
  line-height: 20px;
  word-spacing: 0; }
/* Spacing */
.m0 {
  margin: 0; }
.p0 {
  padding: 0; }
.m1 {
  margin: 6px 8px; }
.mt1 {
  margin-top: 6px; }
.mr1 {
  margin-right: 8px; }
.mb1 {
  margin-bottom: 6px; }
.ml1 {
  margin-left: 8px; }
.p1 {
  padding: 6px 8px; }
.px1 {
  padding-left: 8px;
  padding-right: 8px; }
.py1 {
  padding-bottom: 6px;
  padding-top: 6px; }
.m2 {
  margin: 12px 16px; }
.mt2 {
  margin-top: 12px; }
.mr2 {
  margin-right: 16px; }
.mb2 {
  margin-bottom: 12px; }
.ml2 {
  margin-left: 16px; }
.p2 {
  padding: 12px 16px; }
.px2 {
  padding-left: 16px;
  padding-right: 16px; }
.m3 {
  margin: 18px 24px; }
.mt3 {
  margin-top: 18px; }
.mb3 {
  margin-bottom: 18px; }
.ml3 {
  margin-left: 24px; }
.p3 {
  padding: 18px 24px; }
.px3 {
  padding-left: 24px;
  padding-right: 24px; }
.py3 {
  padding-bottom: 18px;
  padding-top: 18px; }
.m4 {
  margin: 24px 32px; }
.mt4 {
  margin-top: 24px; }
.mb4 {
  margin-bottom: 24px; }
.ml4 {
  margin-left: 32px; }
.p4 {
  padding: 24px 32px; }
.py4 {
  padding-bottom: 24px;
  padding-top: 24px; }
.m5 {
  margin: 30px 40px; }
.mt5 {
  margin-top: 30px; }
.p5 {
  padding: 30px 40px; }
.py5 {
  padding-bottom: 30px;
  padding-top: 30px; }
.m6 {
  margin: 36px 48px; }
.mt6 {
  margin-top: 36px; }
.ml6 {
  margin-left: 48px; }
.p6 {
  padding: 36px 48px; }
.AppealConfirmationPage .standardForm {
  font-size: 14px;
  line-height: 21px;
  margin: 20px auto 40px; }
.AppealForm {
  overflow: hidden; }
.AppealForm h1 {
    color: #333;
    color: rgba(21, 21, 21, .8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin-left: auto;
    margin-right: auto;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
    margin-bottom: 52px; }
.AppealForm .formDescription {
    color: #333;
    font-weight: 500; }
.AppealForm .standardForm {
    margin: 0 auto; }
.AppealForm .standardForm ul {
      background: #fff;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
      border-radius: 6px;
      margin-bottom: 14px; }
.AppealForm .standardForm ul li {
        overflow: hidden; }
.AppealForm .standardForm ul li.empty {
          padding: 0; }
.AppealForm .standardForm ul li div {
          float: left;
          margin-left: 0;
          width: 515px; }
.AppealForm .standardForm ul li h2 {
          float: left; }
.AppealForm .standardForm ul li h3 {
          color: #333;
          font-size: 13px;
          padding: 0;
          width: 170px; }
.AppealForm .standardForm ul li h4 {
          float: left;
          font-size: 12px;
          font-weight: normal;
          margin-left: 20px;
          padding: 6px;
          width: 170px; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
/* stylelint-disable-next-line at-rule-no-unknown */
.Button {
  outline: none;
  position: relative; }
.Button.borderless {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0; }
.Button.btn {
    background-color: #f8f8f8;
    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: 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;
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, .34);
      color: #fff;
      text-shadow: 0 -1px rgba(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: linear-gradient(#e63d44, #c11a22);
        box-shadow: 0 1px 2px 0 rgba(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: linear-gradient(#bb1618, #e22123);
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .5) inset;
        background-color: #e22123;
        border-color: #99161b;
        text-shadow: 0 1px rgba(0, 0, 0, .6); }
.Button.btn.dim {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #777; }
.Button.btn[disabled], .Button.btn.disabled, .Button.btn.disabled:hover, .Button.btn.disabled:focus, .Button.btn.disabled:active {
      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(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -204px -176px 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(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
            background-position: -128px -78px;
            background-size: 249px 231px; } }
.Button.btn.noSidePadding {
      padding-left: 0;
      padding-right: 0; }
.Button.btn.shop {
      background: none;
      border: 0; }
.Button.btn.shop:active {
        box-shadow: none; }
.Button.btn:active, .Button.btn.active {
      background-color: #f8f8f8;
      background: linear-gradient(#f0f0f0, #fff);
      border-color: #b8b8b8 #c2c2c2 #ccc;
      box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset; }
.Button.btn.isBrioFlat {
      background-color: #efefef;
      background-image: none;
      border: 0;
      border-radius: 4px;
      box-shadow: none;
      color: #333;
      height: 36px;
      text-shadow: none;
      padding: 9px 12px; }
.Button.btn.isBrioFlat:hover {
        background-color: #e3e3e3;
        border: 0; }
.Button.btn.isBrioFlat:active, .Button.btn.isBrioFlat:focus, .Button.btn.isBrioFlat.active {
        background-color: #e3e3e3;
        background-image: none;
        border: 0;
        box-shadow: none; }
.Button.btn.isBrioFlat.primary, .Button.btn.isBrioFlat.primary:active {
        background-color: #e60023;
        border: 0;
        box-shadow: none;
        color: #efefef;
        text-shadow: none; }
.Button.btn.isBrioFlat.primary.btn.primary:hover, .Button.btn.isBrioFlat.primary.btn.primaryOnHover:hover:not(.noHoverActive):hover, .Button.btn.isBrioFlat.primary:focus, .Button.btn.isBrioFlat.primary:active, .Button.btn.isBrioFlat.primary.active .Button.btn.isBrioFlat.primary:not(.noHoverActive):active, .Button.btn.isBrioFlat.primary:not(.noHoverActive):focus, .Button.btn.isBrioFlat.primary:active.btn.primary:hover, .Button.btn.isBrioFlat.primary:active.btn.primaryOnHover:hover:not(.noHoverActive):hover, .Button.btn.isBrioFlat.primary:active:focus, .Button.btn.isBrioFlat.primary:active:active, .Button.btn.isBrioFlat.primary:active.active .Button.btn.isBrioFlat.primary:not(.noHoverActive):active, .Button.btn.isBrioFlat.primary:active:not(.noHoverActive):focus, .Button.btn.isBrioFlat.primary.active .Button.btn.isBrioFlat.primary:active:not(.noHoverActive):active, .Button.btn.isBrioFlat.primary:active.active .Button.btn.isBrioFlat.primary:active:not(.noHoverActive):active {
          /* the above is for css specificity, will be better after the experiments are shipped to
                all users */
          background: #b7071b;
          border: 0;
          box-shadow: none;
          text-shadow: none; }
.Button.btn.isBrioFlat.white, .Button.btn.isBrioFlat.white:active {
        background-color: white; }
.Button.btn.isBrioFlat.white:hover {
        background-color: #efefef; }
.Button.btn.isBrioFlat.hasText.hasIcon span {
        margin-left: 4px; }
.Button.btn.isBrioFlat.hasText.unlike span {
        margin-left: 0; }
.Button.btn.contactRequestsCount {
      width: 100%; }
.Button.btn.contactRequestsCount.contactRequestView {
        background: transparent; }
.Button.btn.contactRequestsCount.contactRequestView:hover {
          background: transparent; }
.Button.didIt em {
    width: 17px;
    height: 13px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -290px -325px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.didIt em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -246px -320px;
        background-size: 399px 382px; } }
.Button.didIt.done em {
    width: 17px;
    height: 13px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -309px -325px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.didIt.done em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -343px -292px;
        background-size: 399px 382px; } }
.Button.didIt.square {
    padding: 0 0 2px 0;
    width: 36px; }
.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 .buttonHoverMask {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
.Button .buttonBadge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    min-width: 8px;
    position: relative;
    transition: opacity .3s linear, margin-right .3s ease-out;
    vertical-align: middle; }
.Button .buttonBadge.leftBadge {
      background-color: #e60023;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      height: 14px;
      margin-left: 0;
      margin-right: 5px;
      opacity: 0;
      padding: 0 3px;
      text-align: center;
      top: -1px; }
.Button.badged .buttonBadge {
    animation: popBadge .5s ease-out;
    animation-fill-mode: forwards;
    margin-right: 0;
    opacity: 1; }
.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.seeMoreButton {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: rgba(0, 0, 0, .2);
    background-image: none;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    height: 36px;
    text-shadow: none;
    font-size: 14px;
    height: 36px;
    width: 98px; }
.Button.seeMoreButton:hover {
      background-color: rgba(0, 0, 0, .3);
      border: 0; }
.Button.seeMoreButton:active, .Button.seeMoreButton:focus, .Button.seeMoreButton.active {
      background-color: rgba(0, 0, 0, .3);
      background-image: none;
      border: 0;
      box-shadow: none; }
.Button.seeMoreButton.primary, .Button.seeMoreButton.primary:active {
      background-color: #e60023;
      border: 0;
      box-shadow: none;
      color: rgba(0, 0, 0, .2);
      text-shadow: none; }
.Button.seeMoreButton.primary.btn.primary:hover, .Button.seeMoreButton.primary.btn.primaryOnHover:hover:not(.noHoverActive):hover, .Button.seeMoreButton.primary:focus, .Button.seeMoreButton.primary:active, .Button.seeMoreButton.primary.active .Button.seeMoreButton.primary:not(.noHoverActive):active, .Button.seeMoreButton.primary:not(.noHoverActive):focus, .Button.seeMoreButton.primary:active.btn.primary:hover, .Button.seeMoreButton.primary:active.btn.primaryOnHover:hover:not(.noHoverActive):hover, .Button.seeMoreButton.primary:active:focus, .Button.seeMoreButton.primary:active:active, .Button.seeMoreButton.primary:active.active .Button.seeMoreButton.primary:not(.noHoverActive):active, .Button.seeMoreButton.primary:active:not(.noHoverActive):focus, .Button.seeMoreButton.primary.active .Button.seeMoreButton.primary:active:not(.noHoverActive):active, .Button.seeMoreButton.primary:active.active .Button.seeMoreButton.primary:active:not(.noHoverActive):active {
        /* the above is for css specificity, will be better after the experiments are shipped to
                all users */
        background: #b7071b;
        border: 0;
        box-shadow: none;
        text-shadow: none; }
.Button.seeMoreButton.white, .Button.seeMoreButton.white:active {
      background-color: white; }
.Button.seeMoreButton.white:hover {
      background-color: rgba(0, 0, 0, .2); }
.Button .hasText em {
    margin-right: 6px; }
.Button.website em {
    width: 18px;
    height: 17px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -100px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.website em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -370px -112px;
        background-size: 399px 382px; } }
.Button.website:hover em,
  .Button.website:focus em {
    width: 18px;
    height: 17px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -138px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.website:hover em,
      .Button.website:focus em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -370px -76px;
        background-size: 399px 382px; } }
.Button.website:active em {
    width: 18px;
    height: 17px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -119px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.website:active em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -370px -94px;
        background-size: 399px 382px; } }
.Button.crop em {
    width: 17px;
    height: 17px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px -171px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.crop em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -138px -201px;
        background-size: 249px 231px; } }
.Button.buy em {
    margin-top: -2px;
    width: 18px;
    height: 17px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px -130px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.buy em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -100px -201px;
        background-size: 249px 231px; } }
.Button.buy:hover em {
    width: 18px;
    height: 17px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px -111px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.buy:hover em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -119px -201px;
        background-size: 249px 231px; } }
.Button.buy:active em {
    width: 18px;
    height: 17px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px -92px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.buy:active em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -188px -60px;
        background-size: 249px 231px; } }
.Button.moreInfo {
    max-width: 250px;
    width: auto; }
.Button.moreInfo em {
      width: 14px;
      height: 14px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px -263px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.moreInfo em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
          background-position: -207px -201px;
          background-size: 249px 231px; } }
.Button.xlarge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
    font-size: 14px;
    margin-bottom: 4px;
    padding-bottom: 11px;
    padding-top: 12px; }
.Button.loginText {
    background: none;
    border: 0;
    color: #000;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 0; }
.Button.appInstallButton {
    font-size: 14px;
    padding: 6px 12px 7px; }
.Button.medium {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 1px -1px 1px rgba(255, 255, 255, .98) inset, -1px 0 1px rgba(255, 255, 255, .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: 10px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -18px no-repeat;
    margin: 0;
    position: relative;
    top: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.repin em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -402px -190px;
        background-size: 428px 427px; } }
.Button.repin:active em {
    width: 10px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -18px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.repin:active em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -402px -190px;
        background-size: 428px 427px; } }
.ja .Button.repin {
    height: 36px; }
.ja .Button.repin em,
    .ja .Button.repin:active em {
      width: 10px;
      height: 20px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -18px 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(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -402px -190px;
          background-size: 428px 427px; } }
.Button.repinSmall {
    height: 33px;
    padding-top: 7px; }
.Button.repinSmall em {
      width: 10px;
      height: 20px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -18px no-repeat;
      position: relative;
      top: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.repinSmall em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -402px -190px;
          background-size: 428px 427px; } }
.Button.repinSmall.repinSmall.matchDenzel em {
      /* hack to make react save button match denzel */
      margin-right: 4px; }
.Button.embed em {
    width: 17px;
    height: 12px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -70px -442px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.embed em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -208px -375px;
        background-size: 428px 427px; } }
.Button.editPin {
    margin-left: 5px;
    padding: 7px 8px 7px 9px; }
.Button.editPin em {
      width: 15px;
      height: 15px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -255px -325px no-repeat; }
.Button.editPin:hover {
      color: #191919; }
.Button.editPin.isBrioFlat {
      margin: 0;
      padding: 9px 10px; }
.Button.editPin.isBrioFlat em {
        width: 16px;
        height: 16px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -291px no-repeat;
        top: -1px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.editPin.isBrioFlat em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
            background-position: -370px -257px;
            background-size: 399px 382px; } }
.Button.editProfile em {
    width: 15px;
    height: 15px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -349px -418px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.editProfile em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -402px -141px;
        background-size: 428px 427px; } }
.Button.export {
    padding: 6px 2px; }
.Button.export .buttonText {
      margin-left: -7px; }
.Button.export em {
      width: 8px;
      height: 8px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -42px -373px no-repeat;
      float: right;
      margin-right: 7px;
      margin-top: 5px; }
.Button.pinFlag em {
    width: 12px;
    height: 16px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -137px no-repeat; }
.Button.share em {
    width: 17px;
    height: 16px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -377px -342px no-repeat;
    position: relative;
    top: -1px; }
.Button > .downArrow {
    width: 7px;
    height: 6px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -315px -97px no-repeat;
    display: inline-block;
    float: right;
    margin-left: 10px;
    margin-top: 5px; }
.Button.email em {
    width: 16px;
    height: 12px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -89px -442px no-repeat;
    top: -2px; }
.Button.facebook em {
    width: 16px;
    height: 16px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -313px -418px no-repeat;
    left: -1px;
    top: -1px; }
.Button.moreItems {
    text-align: center; }
.Button.closeModal {
    margin: -6px;
    padding: 6px;
    position: absolute;
    right: 18px;
    top: 22px; }
@media (max-width: 475px) {
      .Button.closeModal {
        top: 12px; } }
.Button.closeModal em {
      width: 12px;
      height: 12px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -261px -242px no-repeat; }
.Button.closeModal.closeOnMask {
    margin: 24px 24px 0 0;
    position: fixed;
    right: 22px;
    top: 9px; }
.Button.closeModal.closeOnMask em {
      background: url(https://s.pinimg.com/webapp/style/images/modal_cancel-1x-04ae52d3.png) no-repeat;
      background-size: contain;
      height: 16px;
      width: 16px; }
.Button.closeModal.closeOnMask.variantPickerModal {
      top: 0; }
.Button.closeModal.closeOnMask.variantPickerModal em {
        width: 16px;
        height: 16px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -309px no-repeat; }
.Button.close {
    background-color: whitesmoke;
    background: linear-gradient(#fff, #ebebeb);
    border-radius: 0 0 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .34), 1px 0 0 rgba(255, 255, 255, .9) inset;
    cursor: pointer;
    display: block;
    height: 44px;
    right: 14px;
    transform: translateY(-60px);
    transition-delay: .3s;
    transition-duration: .35s;
    transition-property: transform; }
.Button.close.visible {
      transform: translateY(0); }
.Button.close em {
      width: 16px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -309px no-repeat;
      margin: 10px; }
.Button.close:hover {
      background-color: #c11d24;
      background: linear-gradient(#d62229, #ab171e);
      box-shadow: 0 1px 4px rgba(0, 0, 0, .74);
      transition-delay: 0;
      transition-duration: 0; }
.Button.close:hover em {
        width: 16px;
        height: 17px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -236px no-repeat;
        position: relative;
        top: -1px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.close:hover em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
            background-position: -370px -187px;
            background-size: 399px 382px; } }
.Button.close .buttonText {
      display: block;
      height: 20px;
      line-height: 6px; }
.Button.twoPaneClose em {
    width: 12px;
    height: 12px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -107px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.twoPaneClose em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -321px -271px;
        background-size: 399px 382px; } }
.Button.twoPaneClose:hover em {
    width: 12px;
    height: 12px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -65px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.twoPaneClose:hover em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -357px -269px;
        background-size: 399px 382px; } }
.Button.pinActionBarButton {
    overflow: hidden;
    float: left;
    height: 34px;
    margin-right: 6px; }
.Button.pinActionBarButton.webResult {
      height: 35px; }
.Button.pinActionBarButton.webResult em {
        width: 16px;
        height: 16px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px -228px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.pinActionBarButton.webResult em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
            background-position: -190px -201px;
            background-size: 249px 231px; } }
.Button.pinActionBarButton.showMoreButton {
      background-color: #fff;
      margin-right: 0;
      padding: 9px 10px; }
.Button.pinActionBarButton.showMoreButton em {
        width: 20px;
        height: 6px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -153px -100px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Button.pinActionBarButton.showMoreButton em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
            background-position: -237px -224px;
            background-size: 399px 382px; } }
.Button.pinActionBarButton.showMoreButton:active, .Button.pinActionBarButton.showMoreButton:focus, .Button.pinActionBarButton.showMoreButton:hover {
        background-color: #fff;
        border: 0; }
.Button.dark:active, .Button.dark.active {
    background-color: #fbfbfb;
    background-color: rgba(251, 251, 251, .29);
    background: linear-gradient(rgba(240, 240, 240, .07), rgba(255, 255, 255, .51));
    border-color: #939393 #a2a2a2 #acacac;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .13) inset; }
.Button.large {
    font-size: 15px;
    padding: 10px 18px; }
.Button.flat.hasText {
    background: #fff;
    border-color: #c7c7c7;
    color: #333;
    font-size: 14px;
    line-height: 16px;
    outline: 0;
    padding: 7px 10px; }
.Button.flat.hasText.borderless {
      border: 0;
      color: #5f5f5f;
      font-size: 12px; }
.Button.flat.hasText.primary.rounded {
      background: #e60023;
      border-color: #e60023;
      color: #fff; }
.Button.flat.hasText.primary.rounded:hover {
        background: #b0071a;
        background-image: none;
        border: 1px solid #b0071a;
        box-shadow: none;
        text-shadow: none; }
.Button.flat.hasText.primary.rounded:active {
        background: #930616;
        border: 1px solid #930616;
        box-shadow: none;
        text-shadow: none; }
.Button.flat.hasText.rounded {
      border-radius: 4px;
      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;
      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: .22; }
.Button.flat.hasText.messageDraft {
      padding: 12px;
      width: 100%; }
.Button.flat.hasText.messageDraft .buttonText {
        font-size: 14px;
        line-height: 16px; }
.Button.datePickerButton.flat.hasText {
    font-size: 13px; }
.Button.fullWidth {
    width: 100%; }
.Button.btn.brio {
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px; }
.Button.btn.brio.primary {
      background: #e60023;
      border: 0; }
.Button.btn.brio.primary:hover, .Button.btn.brio.primaryOnHover:hover:not(.noHoverActive):hover, .Button.btn.brio:focus, .Button.btn.brio:active, .Button.btn.brio.active, .Button.btn.brio:not(.noHoverActive):active, .Button.btn.brio:not(.noHoverActive):focus {
      background: #d50c22;
      border: 0; }
.Button.btn.brio.flat {
      font-size: 14px;
      height: 35px;
      margin-top: 0; }
.Button.btn.brio.flat:hover, .Button.btn.brio.flat.dim:hover {
        background: #e60023;
        border: 1px solid #e60023; }
.Button.btn.brio.flat:hover .buttonText, .Button.btn.brio.flat.dim:hover .buttonText {
          color: #fff; }
.Button.btn.brio.flat:active, .Button.btn.brio.flat:focus, .Button.btn.brio.flat.dim:active, .Button.btn.brio.flat.dim:focus {
        background: #970616;
        border: 1px solid #970616; }
.Button.btn.brio.flat.dim {
        border: 1px solid #8e8e8e; }
.Button.btn.brio.flat.dim .buttonText {
          color: #8e8e8e; }
a.Button {
  box-sizing: border-box; }
/* desktop.scss */
/* stylelint-disable at-rule-no-unknown  */
.Button.btn.addToMap {
  color: #666;
  padding-left: 12px;
  padding-right: 12px; }
.Button.btn.bulkEditCheckbox {
  background: none;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 101; }
.Button.btn.bulkEditCheckbox em {
    width: 31px;
    height: 31px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -72px -176px no-repeat;
    opacity: .9; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.btn.bulkEditCheckbox em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -68px -139px;
        background-size: 249px 231px; } }
.Button.btn.bulkEditCheckbox.selected em {
    width: 31px;
    height: 31px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -105px -176px no-repeat;
    opacity: 1; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.btn.bulkEditCheckbox.selected em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -100px -139px;
        background-size: 249px 231px; } }
.Button.btn.bulkEditCheckbox.rounded {
    border: 0;
    border-radius: 6px;
    padding: 0; }
.Button.followerCount em {
  display: none; }
.Button.followerCount .buttonText {
  line-height: 14px; }
.Button.faded {
  background-color: #e0dfde;
  background: linear-gradient(#e5e4e3, #dad9d9);
  border-color: #b7b7b7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36);
  color: #999;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5); }
.Button.faded:hover {
    background-color: #e7e6e6;
    background: linear-gradient(#ececeb, #e2e1e1);
    border-color: #b7b7b7; }
.Button.userSelect {
  text-align: center; }
.Button.conversationHeadClose {
  background-color: #efefef !important;
  border-radius: 10px !important;
  height: 20px !important;
  width: 20px !important; }
.Button.conversationHeadClose em {
    width: 8px;
    height: 8px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -363px -226px no-repeat;
    top: -1px !important; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.conversationHeadClose em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -389px -101px;
        background-size: 399px 382px; } }
.Button.conversationClose em {
  width: 13px;
  height: 13px;
  background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -301px no-repeat;
  height: 14px;
  width: 14px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.conversationClose em {
      background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
      background-position: -26px -400px;
      background-size: 428px 427px; } }
.Button.contactRequestView {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1; }
.Button.contactRequestView em {
    width: 10px;
    height: 15px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -316px no-repeat;
    float: left; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.contactRequestView em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -418px 0;
        background-size: 428px 427px; } }
.Button.reportMsgButton em {
  width: 10px;
  height: 11px;
  background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -120px -442px no-repeat;
  margin-right: 10px;
  opacity: 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.reportMsgButton em {
      background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
      background-position: -418px -16px;
      background-size: 428px 427px; } }
.Button.footerIcon {
  border-radius: 50%;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1), 0 0 0 0.5px rgba(0, 0, 0, .04); }
.Button.footerIcon.borderless {
    background-color: #fff;
    padding: 8px; }
.Button.footerIcon.rounded {
    border-radius: 50%; }
.Button.footerIcon:hover {
    background-color: #f5f5f5; }
.Button.footerIcon:active, .Button.footerIcon.active {
    background-color: #e9e9e9; }
.Button.footerIcon.moreFooter.triggerActive {
    background-color: #24cefd; }
.Button.addPinFooter {
  padding: 12.5px !important; }
.Button.addPinFooter em {
    width: 14px;
    height: 14px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -16px -375px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinFooter em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: 0 -368px;
        background-size: 399px 382px; } }
.Button.addPinFooter:not(.disabled):hover em {
    width: 14px;
    height: 14px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -16px -375px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinFooter:not(.disabled):hover em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: 0 -368px;
        background-size: 399px 382px; } }
.Button.moreFooter {
  padding: 12.5px !important; }
.Button.moreFooter em {
    width: 10px;
    height: 15px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -20px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.moreFooter em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -357px -253px;
        background-size: 399px 382px; } }
.Button.moreFooter:not(.disabled):hover em {
    width: 10px;
    height: 15px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -20px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.moreFooter:not(.disabled):hover em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -357px -253px;
        background-size: 399px 382px; } }
.Button.moreFooter.triggerActive em {
    width: 10px;
    height: 15px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -20px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.moreFooter.triggerActive em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -357px -253px;
        background-size: 399px 382px; } }
.Button.categories {
  height: 30px;
  padding: 3px 0 0;
  width: 36px; }
.Button.categories em {
    width: 16px;
    height: 16px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -295px -418px no-repeat;
    left: 9px;
    top: 2px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.categories em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -106px -375px;
        background-size: 428px 427px; } }
.Button.categories:hover em,
  .Button.categories.active em,
  .Button.categories.primary em {
    width: 16px;
    height: 16px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -277px -418px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.categories:hover em,
      .Button.categories.active em,
      .Button.categories.primary em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -123px -375px;
        background-size: 428px 427px; } }
.Button.interest {
  padding: 4px 0 4px 6px; }
.Button.interest em {
    width: 20px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -24px -418px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.interest em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -378px -174px;
        background-size: 428px 427px; } }
.Button.interest:hover em, .Button.interest.active em {
    width: 20px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -90px -418px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.interest:hover em, .Button.interest.active em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -378px -321px;
        background-size: 428px 427px; } }
.Button .addButtonWrapper {
  visibility: hidden; }
.Button.interestFollow.btn {
  margin: 11px 0 18px;
  padding: 8px 18px 7px; }
.Button.page {
  font-size: 12px;
  margin-right: -1px;
  padding: 7px 0;
  width: 35px; }
.Button.page.current {
    background-color: #6d6d6d;
    background: linear-gradient(#7f7f7f, #5a5a5a);
    border-color: #404040;
    color: #fff;
    position: relative;
    text-shadow: none;
    z-index: 1; }
.Button.page:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px; }
.Button.page:last-child {
    /** Last child doesn't work for ie8 and less, but
                neither is border radius. */
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px; }
.Button.page.prev em,
  .Button.page.next em {
    margin-top: -1px; }
.Button.page.prev em {
    width: 6px;
    height: 8px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -315px -77px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.page.prev em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -45px -222px;
        background-size: 249px 231px; } }
.Button.page.next em {
    width: 6px;
    height: 8px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -315px -87px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.page.next em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -59px -222px;
        background-size: 249px 231px; } }
.Button.menuItem .buttonText {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }
.Button.item .buttonText {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }
.Button.contactRequestsCount {
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.3; }
.Modal .formFooter .Button.rounded:not(.primary) .buttonText, .ReactModal__Content .formFooter .Button.rounded:not(.primary) .buttonText, .news .pending .actions .Button.remove .buttonText, .boardEdit .Button .buttonText, .Button.userFollowingGridButton .buttonText, .Button.moreItems .buttonText, .formFooterButton.cancelButton .buttonText, .Button.CardFollow.GrayButton .buttonText, .Button.FollowButton .buttonText, .Button.UserFollowButton .buttonText, .Modal .formFooter .Button.primary .buttonText, .ReactModal__Content .formFooter .Button.primary .buttonText, .news .pending .actions .Button.primary .buttonText, .panelFooter .formFooterButtons .cancelButton .buttonText, .Button.searchToFollowButton .buttonText, .formFooterButton.confirmButton .buttonText, .Button.CardFollow.RedButton .buttonText, .Button.editProfile .buttonText, .boardDetail .pending .actions .Button.remove .buttonText, .boardDetail .pending .actions .Button.primary .buttonText, .BoardCollaboratorInviter .BoardInviteForm .inviteButton .buttonText, .boardCollaboratorsWrapper .BoardInviteForm .inviteButton .buttonText {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  word-spacing: 0; }
.Button.UserFollowButton.followed, .Modal .formFooter .Button.rounded:not(.primary),
.ReactModal__Content .formFooter .Button.rounded:not(.primary), .news .pending .actions .Button.remove, .boardEdit .Button, .Button.userFollowingGridButton, .Button.moreItems, .formFooterButton.cancelButton, .Button.CardFollow.GrayButton, .Button.FollowButton, .Button.UserFollowButton, .Modal .formFooter .Button.primary,
.ReactModal__Content .formFooter .Button.primary, .news .pending .actions .Button.primary, .panelFooter .formFooterButtons .cancelButton, .Button.searchToFollowButton, .formFooterButton.confirmButton, .Button.CardFollow.RedButton, .Button.editProfile, .boardDetail .pending .actions .Button.remove, .boardDetail .pending .actions .Button.primary, .BoardCollaboratorInviter .BoardInviteForm .inviteButton, .boardCollaboratorsWrapper .BoardInviteForm .inviteButton {
  background-image: none !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 10px 14px !important;
  position: relative !important;
  text-shadow: none !important; }
.Button.UserFollowButton.followed, .Modal .formFooter .Button.rounded:not(.primary),
  .ReactModal__Content .formFooter .Button.rounded:not(.primary), .news .pending .actions .Button.remove, .boardEdit .Button, .Button.userFollowingGridButton, .Button.moreItems, .formFooterButton.cancelButton, .Button.CardFollow.GrayButton, .Button.FollowButton, .Button.UserFollowButton, .Modal .formFooter .Button.primary,
  .ReactModal__Content .formFooter .Button.primary, .news .pending .actions .Button.primary, .panelFooter .formFooterButtons .cancelButton, .Button.searchToFollowButton, .formFooterButton.confirmButton, .Button.CardFollow.RedButton, .Button.editProfile, .boardDetail .pending .actions .Button.remove, .boardDetail .pending .actions .Button.primary, .BoardCollaboratorInviter .BoardInviteForm .inviteButton, .boardCollaboratorsWrapper .BoardInviteForm .inviteButton, .Modal .formFooter .btn.btn.disabled.disabled.Button.rounded:not(.primary),
  .ReactModal__Content .formFooter .btn.btn.disabled.disabled.Button.rounded:not(.primary), .news .pending .actions .btn.btn.disabled.disabled.Button.remove, .boardEdit .btn.btn.disabled.disabled.Button, .btn.btn.disabled.disabled.Button.userFollowingGridButton, .btn.btn.disabled.disabled.Button.moreItems, .btn.btn.disabled.disabled.formFooterButton.cancelButton, .btn.btn.disabled.disabled.Button.CardFollow.GrayButton, .btn.btn.disabled.disabled.Button.FollowButton, .btn.btn.disabled.disabled.Button.UserFollowButton, .Modal .formFooter .btn.btn.disabled.disabled.Button.primary,
  .ReactModal__Content .formFooter .btn.btn.disabled.disabled.Button.primary, .news .pending .actions .btn.btn.disabled.disabled.Button.primary, .panelFooter .formFooterButtons .btn.btn.disabled.disabled.cancelButton, .btn.btn.disabled.disabled.Button.searchToFollowButton, .btn.btn.disabled.disabled.formFooterButton.confirmButton, .btn.btn.disabled.disabled.Button.CardFollow.RedButton, .btn.btn.disabled.disabled.Button.editProfile, .boardDetail .pending .actions .btn.btn.disabled.disabled.Button.remove, .boardDetail .pending .actions .btn.btn.disabled.disabled.Button.primary, .BoardCollaboratorInviter .BoardInviteForm .btn.btn.disabled.disabled.inviteButton, .boardCollaboratorsWrapper .BoardInviteForm .btn.btn.disabled.disabled.inviteButton {
    border: none !important; }
.Modal .formFooter .btn.btn.disabled.disabled.Button.rounded:not(.primary) .buttonText, .ReactModal__Content .formFooter .btn.btn.disabled.disabled.Button.rounded:not(.primary) .buttonText, .news .pending .actions .btn.btn.disabled.disabled.Button.remove .buttonText, .boardEdit .btn.btn.disabled.disabled.Button .buttonText, .btn.btn.disabled.disabled.Button.userFollowingGridButton .buttonText, .btn.btn.disabled.disabled.Button.moreItems .buttonText, .btn.btn.disabled.disabled.formFooterButton.cancelButton .buttonText, .btn.btn.disabled.disabled.Button.CardFollow.GrayButton .buttonText, .btn.btn.disabled.disabled.Button.FollowButton .buttonText, .btn.btn.disabled.disabled.Button.UserFollowButton .buttonText, .Modal .formFooter .btn.btn.disabled.disabled.Button.primary .buttonText, .ReactModal__Content .formFooter .btn.btn.disabled.disabled.Button.primary .buttonText, .news .pending .actions .btn.btn.disabled.disabled.Button.primary .buttonText, .panelFooter .formFooterButtons .btn.btn.disabled.disabled.cancelButton .buttonText, .btn.btn.disabled.disabled.Button.searchToFollowButton .buttonText, .btn.btn.disabled.disabled.formFooterButton.confirmButton .buttonText, .btn.btn.disabled.disabled.Button.CardFollow.RedButton .buttonText, .btn.btn.disabled.disabled.Button.editProfile .buttonText, .boardDetail .pending .actions .btn.btn.disabled.disabled.Button.remove .buttonText, .boardDetail .pending .actions .btn.btn.disabled.disabled.Button.primary .buttonText, .BoardCollaboratorInviter .BoardInviteForm .btn.btn.disabled.disabled.inviteButton .buttonText, .boardCollaboratorsWrapper .BoardInviteForm .btn.btn.disabled.disabled.inviteButton .buttonText {
    color: #8e8e8e !important; }
.Button.UserFollowButton.followed, .Modal .formFooter .Button.rounded:not(.primary),
.ReactModal__Content .formFooter .Button.rounded:not(.primary), .news .pending .actions .Button.remove, .boardEdit .Button, .Button.userFollowingGridButton, .Button.moreItems, .formFooterButton.cancelButton, .Button.CardFollow.GrayButton {
  background-color: #efefef !important; }
.Button.UserFollowButton.followed .buttonText, .Modal .formFooter .Button.rounded:not(.primary) .buttonText, .ReactModal__Content .formFooter .Button.rounded:not(.primary) .buttonText, .news .pending .actions .Button.remove .buttonText, .boardEdit .Button .buttonText, .Button.userFollowingGridButton .buttonText, .Button.moreItems .buttonText, .formFooterButton.cancelButton .buttonText, .Button.CardFollow.GrayButton .buttonText {
    color: #333 !important; }
.Button.FollowButton, .Button.UserFollowButton, .Modal .formFooter .Button.primary,
.ReactModal__Content .formFooter .Button.primary, .news .pending .actions .Button.primary, .panelFooter .formFooterButtons .cancelButton, .Button.searchToFollowButton, .formFooterButton.confirmButton, .Button.CardFollow.RedButton {
  background-color: #e60023 !important; }
.Button.FollowButton .buttonText, .Button.UserFollowButton .buttonText, .Modal .formFooter .Button.primary .buttonText, .ReactModal__Content .formFooter .Button.primary .buttonText, .news .pending .actions .Button.primary .buttonText, .panelFooter .formFooterButtons .cancelButton .buttonText, .Button.searchToFollowButton .buttonText, .formFooterButton.confirmButton .buttonText, .Button.CardFollow.RedButton .buttonText {
    color: #fff !important; }
.Button.editProfile {
  background: transparent !important; }
.Button.editProfile .buttonText {
    color: #333 !important; }
.Button.UserFollowButton.followed:not(.disabled):hover, .Modal .formFooter .Button.rounded:not(.disabled):hover:not(.primary),
.ReactModal__Content .formFooter .Button.rounded:not(.disabled):hover:not(.primary), .news .pending .actions .Button.remove:not(.disabled):hover, .boardEdit .Button:not(.disabled):hover, .Button.userFollowingGridButton:not(.disabled):hover, .Button.moreItems:not(.disabled):hover, .formFooterButton.cancelButton:not(.disabled):hover, .Button.CardFollow.GrayButton:not(.disabled):hover, .Button.UserFollowButton.followed:not(.disabled):active, .Modal .formFooter .Button.rounded:not(.disabled):active:not(.primary),
.ReactModal__Content .formFooter .Button.rounded:not(.disabled):active:not(.primary), .news .pending .actions .Button.remove:not(.disabled):active, .boardEdit .Button:not(.disabled):active, .Button.userFollowingGridButton:not(.disabled):active, .Button.moreItems:not(.disabled):active, .formFooterButton.cancelButton:not(.disabled):active, .Button.CardFollow.GrayButton:not(.disabled):active, .Button.UserFollowButton.followed:not(.disabled).active, .Modal .formFooter .Button.rounded:not(.disabled).active:not(.primary),
.ReactModal__Content .formFooter .Button.rounded:not(.disabled).active:not(.primary), .news .pending .actions .Button.remove:not(.disabled).active, .boardEdit .Button:not(.disabled).active, .Button.userFollowingGridButton:not(.disabled).active, .Button.moreItems:not(.disabled).active, .formFooterButton.cancelButton:not(.disabled).active, .Button.CardFollow.GrayButton:not(.disabled).active, .Button.FollowButton:not(.disabled):hover, .Button.UserFollowButton:not(.disabled):hover, .Modal .formFooter .Button.primary:not(.disabled):hover,
.ReactModal__Content .formFooter .Button.primary:not(.disabled):hover, .news .pending .actions .Button.primary:not(.disabled):hover, .panelFooter .formFooterButtons .cancelButton:not(.disabled):hover, .Button.searchToFollowButton:not(.disabled):hover, .formFooterButton.confirmButton:not(.disabled):hover, .Button.CardFollow.RedButton:not(.disabled):hover, .Button.FollowButton:not(.disabled):active, .Button.UserFollowButton:not(.disabled):active, .Modal .formFooter .Button.primary:not(.disabled):active,
.ReactModal__Content .formFooter .Button.primary:not(.disabled):active, .news .pending .actions .Button.primary:not(.disabled):active, .panelFooter .formFooterButtons .cancelButton:not(.disabled):active, .Button.searchToFollowButton:not(.disabled):active, .formFooterButton.confirmButton:not(.disabled):active, .Button.CardFollow.RedButton:not(.disabled):active, .Button.FollowButton:not(.disabled).active, .Button.UserFollowButton:not(.disabled).active, .Modal .formFooter .Button.primary:not(.disabled).active,
.ReactModal__Content .formFooter .Button.primary:not(.disabled).active, .news .pending .actions .Button.primary:not(.disabled).active, .panelFooter .formFooterButtons .cancelButton:not(.disabled).active, .Button.searchToFollowButton:not(.disabled).active, .formFooterButton.confirmButton:not(.disabled).active, .Button.CardFollow.RedButton:not(.disabled).active, .Button.editProfile:not(.disabled):hover, .Button.editProfile:not(.disabled):active, .Button.editProfile:not(.disabled).active {
  box-shadow: none !important; }
.Button.UserFollowButton.followed:not(.disabled):hover::after, .Modal .formFooter .Button.rounded:not(.primary):not(.disabled):hover::after,
  .ReactModal__Content .formFooter .Button.rounded:not(.primary):not(.disabled):hover::after, .news .pending .actions .Button.remove:not(.disabled):hover::after, .boardEdit .Button:not(.disabled):hover::after, .Button.userFollowingGridButton:not(.disabled):hover::after, .Button.moreItems:not(.disabled):hover::after, .formFooterButton.cancelButton:not(.disabled):hover::after, .Button.CardFollow.GrayButton:not(.disabled):hover::after, .Button.UserFollowButton.followed:not(.disabled):active::after, .Modal .formFooter .Button.rounded:not(.primary):not(.disabled):active::after,
  .ReactModal__Content .formFooter .Button.rounded:not(.primary):not(.disabled):active::after, .news .pending .actions .Button.remove:not(.disabled):active::after, .boardEdit .Button:not(.disabled):active::after, .Button.userFollowingGridButton:not(.disabled):active::after, .Button.moreItems:not(.disabled):active::after, .formFooterButton.cancelButton:not(.disabled):active::after, .Button.CardFollow.GrayButton:not(.disabled):active::after, .Button.UserFollowButton.followed:not(.disabled).active::after, .Modal .formFooter .Button.rounded:not(.primary):not(.disabled).active::after,
  .ReactModal__Content .formFooter .Button.rounded:not(.primary):not(.disabled).active::after, .news .pending .actions .Button.remove:not(.disabled).active::after, .boardEdit .Button:not(.disabled).active::after, .Button.userFollowingGridButton:not(.disabled).active::after, .Button.moreItems:not(.disabled).active::after, .formFooterButton.cancelButton:not(.disabled).active::after, .Button.CardFollow.GrayButton:not(.disabled).active::after, .Button.FollowButton:not(.disabled):hover::after, .Button.UserFollowButton:not(.disabled):hover::after, .Modal .formFooter .Button.primary:not(.disabled):hover::after,
  .ReactModal__Content .formFooter .Button.primary:not(.disabled):hover::after, .news .pending .actions .Button.primary:not(.disabled):hover::after, .panelFooter .formFooterButtons .cancelButton:not(.disabled):hover::after, .Button.searchToFollowButton:not(.disabled):hover::after, .formFooterButton.confirmButton:not(.disabled):hover::after, .Button.CardFollow.RedButton:not(.disabled):hover::after, .Button.FollowButton:not(.disabled):active::after, .Button.UserFollowButton:not(.disabled):active::after, .Modal .formFooter .Button.primary:not(.disabled):active::after,
  .ReactModal__Content .formFooter .Button.primary:not(.disabled):active::after, .news .pending .actions .Button.primary:not(.disabled):active::after, .panelFooter .formFooterButtons .cancelButton:not(.disabled):active::after, .Button.searchToFollowButton:not(.disabled):active::after, .formFooterButton.confirmButton:not(.disabled):active::after, .Button.CardFollow.RedButton:not(.disabled):active::after, .Button.FollowButton:not(.disabled).active::after, .Button.UserFollowButton:not(.disabled).active::after, .Modal .formFooter .Button.primary:not(.disabled).active::after,
  .ReactModal__Content .formFooter .Button.primary:not(.disabled).active::after, .news .pending .actions .Button.primary:not(.disabled).active::after, .panelFooter .formFooterButtons .cancelButton:not(.disabled).active::after, .Button.searchToFollowButton:not(.disabled).active::after, .formFooterButton.confirmButton:not(.disabled).active::after, .Button.CardFollow.RedButton:not(.disabled).active::after, .Button.editProfile:not(.disabled):hover::after, .Button.editProfile:not(.disabled):active::after, .Button.editProfile:not(.disabled).active::after {
    background: rgba(0, 0, 0, .06);
    border-radius: 4px !important;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100; }
.Button.UserFollowButton.followed:not(.disabled):active, .Modal .formFooter .Button.rounded:not(.disabled):active:not(.primary),
.ReactModal__Content .formFooter .Button.rounded:not(.disabled):active:not(.primary), .news .pending .actions .Button.remove:not(.disabled):active, .boardEdit .Button:not(.disabled):active, .Button.userFollowingGridButton:not(.disabled):active, .Button.moreItems:not(.disabled):active, .formFooterButton.cancelButton:not(.disabled):active, .Button.CardFollow.GrayButton:not(.disabled):active, .Button.FollowButton:not(.disabled):active, .Button.UserFollowButton:not(.disabled):active, .Modal .formFooter .Button.primary:not(.disabled):active,
.ReactModal__Content .formFooter .Button.primary:not(.disabled):active, .news .pending .actions .Button.primary:not(.disabled):active, .panelFooter .formFooterButtons .cancelButton:not(.disabled):active, .Button.searchToFollowButton:not(.disabled):active, .formFooterButton.confirmButton:not(.disabled):active, .Button.CardFollow.RedButton:not(.disabled):active, .Button.editProfile:not(.disabled):active {
  box-shadow: none !important; }
.Button.UserFollowButton.followed:not(.disabled):active::after, .Modal .formFooter .Button.rounded:not(.primary):not(.disabled):active::after,
  .ReactModal__Content .formFooter .Button.rounded:not(.primary):not(.disabled):active::after, .news .pending .actions .Button.remove:not(.disabled):active::after, .boardEdit .Button:not(.disabled):active::after, .Button.userFollowingGridButton:not(.disabled):active::after, .Button.moreItems:not(.disabled):active::after, .formFooterButton.cancelButton:not(.disabled):active::after, .Button.CardFollow.GrayButton:not(.disabled):active::after, .Button.FollowButton:not(.disabled):active::after, .Button.UserFollowButton:not(.disabled):active::after, .Modal .formFooter .Button.primary:not(.disabled):active::after,
  .ReactModal__Content .formFooter .Button.primary:not(.disabled):active::after, .news .pending .actions .Button.primary:not(.disabled):active::after, .panelFooter .formFooterButtons .cancelButton:not(.disabled):active::after, .Button.searchToFollowButton:not(.disabled):active::after, .formFooterButton.confirmButton:not(.disabled):active::after, .Button.CardFollow.RedButton:not(.disabled):active::after, .Button.editProfile:not(.disabled):active::after {
    background: rgba(0, 0, 0, .1); }
.Button.editProfile {
  padding: 10px 0 !important; }
.Button.gridItem {
  left: 0;
  width: 236px; }
/* Modal Buttons */
/* Board invite buttons in notifications */
.news .pending .actions .Button.remove {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-right: 4px; }
.news .pending .actions .Button.remove span.buttonText {
    font-size: 12px;
    line-height: 14px; }
.news .pending .actions .Button.primary {
  -ms-flex-positive: 1;
      flex-grow: 1; }
.news .pending .actions .Button.primary span.buttonText {
    font-size: 12px;
    line-height: 14px; }
/* Board invite buttons on board */
.boardDetail .pending .actions .Button.remove {
  background: #88a5ab;
  border: 2px solid #fff !important;
  color: #fff;
  margin-right: 4px;
  padding: 6px 40px !important; }
.boardDetail .pending .actions .Button.primary {
  background: #fff;
  border: 2px solid #fff !important;
  color: #88a5ab;
  padding: 6px 40px !important; }
/* Board invite buttons on board edit */
.BoardCollaboratorInviter .BoardInviteForm .inviteButton {
  background: #333 !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 0 18px !important;
  position: absolute !important; }
/* BoardCollaboratorInviter */
.Button.pinCreateClose em,
.Button.twoPaneClose em {
  width: 17px;
  height: 16px;
  background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -358px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.pinCreateClose em,
    .Button.twoPaneClose em {
      background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
      background-position: -88px -375px;
      background-size: 428px 427px; } }
.Button.pinCreateClose:hover em,
.Button.twoPaneClose:hover em {
  width: 17px;
  height: 16px;
  background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -339px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.pinCreateClose:hover em,
    .Button.twoPaneClose:hover em {
      background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
      background-position: -70px -375px;
      background-size: 428px 427px; } }
.Button.CardFollow {
  width: 100%; }
.Checkbox {
  display: inline-block; }
.Checkbox.fancyToggle input,
  .Checkbox.flatToggle input,
  .Checkbox.fancyCheckbox input {
    border: 0;
    height: 0;
    margin: 0;
    opacity: 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: .33; }
.Checkbox.styledToggle .onText {
      visibility: hidden; }
.Checkbox.styledToggle .status {
      margin: 0;
      position: absolute; }
.Checkbox.flatToggle {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    box-sizing: border-box; }
.Checkbox.flatToggle .slider {
      background: #fff;
      border: 0;
      border-radius: 3px;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .14);
      height: 26px;
      left: 0;
      top: 0;
      width: 30px; }
.Checkbox.flatToggle.on {
      background: #e60023;
      border-color: #e60023; }
.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; }
.Checkbox.fancyToggle .slider {
      background: #fff;
      border: 1px solid #ececec;
      height: 22px;
      left: 2px;
      top: 2px; }
.Checkbox.fancyToggle.on {
      background: #e60023; }
.Checkbox.fancyToggle.on .slider {
        right: 2px; }
.Checkbox.fancyToggle.on .onText {
        left: 10px; }
.Checkbox.fancyToggle.on .status {
        color: #fff; }
.Checkbox.fancyToggle .status {
      color: #333;
      font-size: 12px;
      font-weight: bold;
      right: 13px;
      top: 7px; }
.Checkbox.fancyCheckbox .visibleCheck {
    width: 21px;
    height: 21px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) 0 -242px 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(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -136px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox:hover .visibleCheck {
    width: 21px;
    height: 21px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -92px -242px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox:hover .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -158px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.on .visibleCheck {
    width: 21px;
    height: 21px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -191px -97px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.on .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -92px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.facebook .visibleCheck {
    width: 25px;
    height: 23px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -162px -214px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.facebook .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px 0;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.facebook:hover .visibleCheck {
    width: 25px;
    height: 23px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -216px -214px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.facebook:hover .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -104px -174px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.facebook.on .visibleCheck {
    width: 25px;
    height: 23px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -189px -214px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.facebook.on .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -24px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.facebook.on:hover .visibleCheck {
    width: 25px;
    height: 23px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -243px -214px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.facebook.on:hover .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -130px -174px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.twitter .visibleCheck {
    width: 25px;
    height: 23px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -108px -214px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.twitter .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -182px -174px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.twitter:hover .visibleCheck {
    width: 25px;
    height: 23px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -81px -214px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.twitter:hover .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -52px -174px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.twitter.on .visibleCheck {
    width: 25px;
    height: 23px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -135px -214px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.twitter.on .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -156px -174px;
        background-size: 249px 231px; } }
.Checkbox.fancyCheckbox.twitter.on:hover .visibleCheck {
    width: 25px;
    height: 23px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -54px -214px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Checkbox.fancyCheckbox.twitter.on:hover .visibleCheck {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -78px -174px;
        background-size: 249px 231px; } }
.ConfirmDialog {
  width: 380px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .ConfirmDialog {
      width: 100%; } }
.ConfirmDialog .body {
    color: #333;
    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 .standardForm a.confirm {
    display: inline-block; }
.ConfirmDialog .searchPrivacyForm .body a {
    text-decoration: underline; }
.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 .apiSecret {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 2px;
    /* stylelint-disable-next-line property-blacklist */
    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; }
.ConfirmDialog .modalActionDescription {
    color: #999;
    display: table;
    font-size: 13px;
    height: 360px;
    width: 550px; }
.ConfirmDialog .modalActionDescription > span {
      display: table-cell;
      padding: 0 18px;
      text-align: center;
      vertical-align: middle; }
.ConfirmDialog .modalActionTitle {
    width: 514px; }
.ConfirmDialog .standardForm.boldForm > h1 {
    padding-top: 40px; }
.ConfirmDialog .standardForm.boldForm > h1,
  .ConfirmDialog .standardForm.boldForm .formFooter {
    border: none; }
.ReactModal__Overlay {
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(226, 228, 228, .9);
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  overflow-y: scroll;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 751; }
.ReactModal__Content {
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
  margin: auto;
  max-height: 200%;
  position: relative; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Dropdown {
  cursor: default;
  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: #333;
    font-weight: 500;
    margin: 5px 0 10px;
    max-width: 175px;
    padding: 0 15px; }
.Dropdown .dropdownText b {
      color: #333; }
.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: #e60023;
      font-style: normal;
      font-weight: bold; }
.Dropdown.positionModuleElement.active {
    min-height: 0; }
.Dropdown.sterlingContentDropdown.positionModuleElement {
    z-index: 669; }
.Dropdown.fake .dropdownContainer {
    opacity: .7;
    z-index: 900; }
.Dropdown.underneathHeader {
    z-index: 669; }
.Dropdown.aboveModal {
    z-index: 751; }
.Dropdown.strongBorder {
    background-color: #fbfbfb;
    border: 1px solid #b6b6b6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22); }
.Dropdown.boardPicker {
    margin-left: -7px;
    margin-top: -77px; }
.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; }
.DropdownButton {
  display: inline-block;
  position: relative; }
.DropdownButton em {
    width: 10px;
    height: 7px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -162px -200px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DropdownButton em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -143px -162px;
        background-size: 249px 231px; } }
.DropdownButton.embed em {
    width: 17px;
    height: 12px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -442px -404px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DropdownButton.embed em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -378px -362px;
        background-size: 428px 427px; } }
.DropdownButton.inContextDropdownButton {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0; }
.DropdownButton.caret em {
    width: 10px;
    height: 7px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -162px -200px no-repeat;
    opacity: .5; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DropdownButton.caret em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -143px -162px;
        background-size: 249px 231px; } }
.DropdownButton.flat .buttonText {
    float: left; }
.DropdownButton.flat em {
    background: url(https://s.pinimg.com/webapp/style/images/arrow_down-1x-f80d10cd.png) no-repeat;
    background-size: contain;
    height: 6px;
    width: 10px;
    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(https://s.pinimg.com/webapp/style/images/arrow_down-2x-f08d1bc4.png); } }
.DropdownButton.metricsGraph .buttonText {
    font-size: 14px; }
.DropdownButton.metricsGraph.cpe .buttonText {
    color: #a24e8c; }
.DropdownButton.metricsGraph.cpc .buttonText {
    color: #c5a807; }
.DropdownButton.metricsGraph.cpm .buttonText {
    color: #417505; }
.DropdownButton.metricsGraph.cpa .buttonText {
    color: #ec7a70; }
.DropdownButton.metricsGraph.bcpm .buttonText {
    color: #685cae; }
.DropdownButton.sterling .downArrow {
    background: url(https://s.pinimg.com/webapp/style/images/arrow_down-1x-f80d10cd.png) no-repeat;
    background-size: contain;
    height: 6px;
    width: 10px;
    display: block;
    float: right;
    margin: 6px 0;
    opacity: 1; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DropdownButton.sterling .downArrow {
        background-image: url(https://s.pinimg.com/webapp/style/images/arrow_down-2x-f08d1bc4.png); } }
.Field {
  cursor: text;
  font-size: 13px;
  position: relative; }
.Field .content {
    background: #f0f0f0;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .07);
    box-sizing: border-box;
    color: #333;
    display: block;
    margin: 0; }
.Field .content.detailed {
      background: #efefef;
      border: 0;
      height: 40px; }
.Field .content.detailed:focus {
        background: #efefef;
        outline: 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-bottom-left-radius: 3px;
      border-right: 0;
      border-top-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-bottom-left-radius: 4px;
    border-color: #c7c7c7;
    border-top-left-radius: 4px;
    color: #fff;
    font-weight: bold; }
.Field.noRightBorder input {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0; }
.FollowButton:not(.primary):not(.followed):not(.disabled) .buttonText {
  color: #e60023; }
.FollowButton.exploreTabFollowButton.btn, .FollowButton.exploreTabFollowButton.btn.primary, .FollowButton.exploreTabFollowButton.btn.followed {
  background: rgba(255, 255, 255, .5);
  border-color: #eaeaea;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 0;
  text-shadow: none;
  width: 100%; }
.FollowButton.exploreTabFollowButton.btn:hover, .FollowButton.exploreTabFollowButton.btn.primary:hover, .FollowButton.exploreTabFollowButton.btn.followed:hover {
    background: #e60023;
    border-color: #e60023;
    box-shadow: none; }
.FollowButton.exploreTabFollowButton.btn:hover .buttonText, .FollowButton.exploreTabFollowButton.btn.primary:hover .buttonText, .FollowButton.exploreTabFollowButton.btn.followed:hover .buttonText {
      color: #fff; }
.FollowButton.exploreTabFollowButton.btn:active .buttonHoverMask, .FollowButton.exploreTabFollowButton.btn.primary:active .buttonHoverMask, .FollowButton.exploreTabFollowButton.btn.followed:active .buttonHoverMask {
    background-color: rgba(0, 0, 0, .2); }
.FollowButton.exploreTabFollowButton.btn:focus, .FollowButton.exploreTabFollowButton.btn.primary:focus, .FollowButton.exploreTabFollowButton.btn.followed:focus {
    outline: none; }
.FollowButton.homefeedBuilderFollowButton.btn, .FollowButton.homefeedBuilderFollowButton.btn.primary, .FollowButton.homefeedBuilderFollowButton.btn.followed {
  background: none; }
.FollowButton.homefeedBuilderFollowButton.btn.followed, .FollowButton.exploreTabFollowButton.btn {
  color: #8e8e8e; }
.FollowButton.homefeedBuilderFollowButton.btn, .FollowButton.exploreTabFollowButton.btn {
  color: #e60023; }
.FollowButton.isBrioFlat {
  height: 35px; }
.FollowButton.isBrioFlat.btn.hasText {
    background: #fff;
    border: 1px solid;
    border-color: #c7c7c7;
    color: #8e8e8e;
    font-size: 14px;
    line-height: 16px;
    margin-top: 0;
    outline: 0; }
.FollowButton.isBrioFlat.btn.hasText:hover, .FollowButton.isBrioFlat.btn.hasText.dim:hover {
      background: #e60023;
      border: 1px solid #e60023; }
.FollowButton.isBrioFlat.btn.hasText:hover .buttonText, .FollowButton.isBrioFlat.btn.hasText.dim:hover .buttonText {
        color: #fff; }
.FollowButton.isBrioFlat.rounded {
    border-radius: 4px; }
.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; }
.Image {
  max-width: 100%;
  position: relative; }
.Image > .heightContainer > img {
    height: 100%;
    position: absolute;
    width: 100%; }
.Image.unknownImage > .heightContainer > img {
    position: static; }
.Image.gatorFeed {
    max-width: 564px; }
.Image.gatorFeed img {
      border-radius: 8px;
      position: relative; }
.Image.brioBorderRadius img {
    border-radius: 8px; }
.Image.boardMessageRep {
    height: 50px;
    width: 50px; }
.Image.boardMessageRep img {
      border-radius: 8px; }
.Image.boardMessageRep.normal {
      height: 60px;
      width: 60px; }
.Input {
  overflow: hidden;
  border-top: 1px solid #dfdfdf;
  padding: 15px 21px 15px 27px;
  background-color: #f3f3f3;
  background: linear-gradient(#f0f0f0, #f5f5f5);
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #d6d3ce;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  padding: 7px; }
.Input:first-child {
    border: 0; }
.Input:focus {
    background: #fff; }
.Input.hasError, .Input.hasWarning {
    background: #e6abad;
    border-color: #e60023; }
.Input.disabled {
    background-color: #f8f8f8;
    background: linear-gradient(#f5f5f5, #fafafa);
    border-color: #dcdcdc;
    color: #999;
    cursor: default; }
.safari .Input.disabled {
      background-color: #f8f8f8; }
.Input.flat {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    padding: 7px; }
.Input.flat:focus {
      border-color: #12afe3;
      outline: none; }
.Input.flat:disabled {
      background-color: #f5f5f5;
      color: #b9b9b9; }
.withCurrencySymbol .Input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
.Input.searchInput {
    padding-right: 30px; }
.Input.bottomBorder {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
.Input.bottomBorder:focus {
      border-color: #e3e3e3; }
.Input.noBorder {
    border: 0; }
.Input.searchInputRight {
    padding-left: 30px; }
.Input.targetingValueList {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 40px; }
.Label.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis; }
.Label .subheading {
  color: #333;
  font-size: smaller;
  font-weight: normal; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Modal {
  position: fixed;
  top: 0;
  z-index: 751; }
.Modal.hide {
    opacity: 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: .5; }
.Modal .modalMask.shadow {
      background-color: #000;
      opacity: .8; }
.Modal .modalMask.transparent {
      background-color: transparent; }
.Modal .modalScroller {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed; }
.Modal.absoluteCenter .modalScroller {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
.Modal .modalContainer {
    min-height: 0;
    position: relative;
    text-align: center; }
.Modal.fullScreen .modalContainer {
    height: 100%; }
.Modal.fullScreen .modalContent {
    display: block;
    height: 100%;
    margin-bottom: 0;
    margin-top: 0; }
.Modal.fullScreen .modalModule {
    height: 100%; }
.Modal.fullScreen .modalModule > * {
      height: 100%;
      width: 100%; }
.Modal.panel .modalContent {
    background: transparent;
    box-shadow: none;
    opacity: 1; }
.Modal.panel .modalModule {
    -webkit-transform: translateZ(0);
    overflow: hidden;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.Modal.panel .modalContainer {
    -webkit-transform: translateZ(0);
    background: transparent;
    border-radius: 0 5px 5px 0;
    bottom: 0;
    box-shadow: none;
    left: 0;
    position: fixed;
    top: 0;
    visibility: hidden; }
.Modal.panel .modalContainer.show {
      visibility: visible; }
.Modal.panel .modalScroller {
    overflow: hidden; }
.Modal.panel .modalMask {
    opacity: 0;
    transition: opacity .3s; }
.Modal.panel .modalMask.show {
      opacity: 1; }
.Modal.panel.panelRight .modalContainer {
    left: auto;
    right: 0; }
.Modal .fastFollowModalContainer .closeModal {
    right: 10px;
    top: 10px; }
.Modal .closeModal {
    -webkit-transform: translateZ(0);
    display: none; }
.Modal .closeModal.show {
      display: block; }
.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;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    display: inline-block;
    margin: 20px auto;
    opacity: 0;
    position: relative;
    text-align: left; }
.Modal .modalContent.addPinToMapWrapper {
      background: rgba(255, 255, 255, .82); }
.Modal .modalContent.transparent {
      background: transparent;
      box-shadow: none; }
.Modal.show .modalContent {
    opacity: 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 {
      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);
      animation: fadeOutToTransparentFromEightyPercent .2s ease-out;
      animation-fill-mode: forwards; }
.Modal.webNewContentNewRepin .modalContent {
    background: transparent;
    box-shadow: 0 0 12px rgba(0, 0, 0, .6); }
.Modal.webNewContentNewRepin .modalContent::after {
      clear: both;
      content: "";
      display: table; }
.Modal.webNewContentNewRepin .closeModal {
    display: none; }
.Modal.sterlingPinEditModal .modalContainer {
    display: -ms-flexbox;
    display: flex;
    height: 450px; }
.Modal.flashlightModal .modalContainer {
    width: 100%; }
.Modal.flashlightModal .modalMask {
    background-color: #f6f6f6;
    opacity: .98; }
.Modal.flashlightModal .modalContent {
    background: transparent;
    bottom: 0;
    box-shadow: none;
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none; }
.Modal.flashlightModal .closeModal {
    margin-right: 21px;
    margin-top: 10px;
    position: fixed; }
.Modal.flashlightModal .closeModal em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -358px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.flashlightModal .closeModal em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -88px -375px;
          background-size: 428px 427px; } }
.Modal.flashlightModal .closeModal:hover em,
    .Modal.flashlightModal .closeModal:active em,
    .Modal.flashlightModal .closeModal:focus em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -339px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.flashlightModal .closeModal:hover em,
        .Modal.flashlightModal .closeModal:active em,
        .Modal.flashlightModal .closeModal:focus em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -70px -375px;
          background-size: 428px 427px; } }
.Modal.flashlightModal .modalScroller {
    -ms-flex-direction: initial;
        flex-direction: initial; }
.Modal.homefeedBuilderModal .closeModal {
    height: 24px;
    right: 40px;
    top: 40px;
    width: 24px;
    z-index: 11; }
.Modal.homefeedBuilderModal .closeModal em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -358px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.homefeedBuilderModal .closeModal em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -88px -375px;
          background-size: 428px 427px; } }
.Modal.homefeedBuilderModal .closeModal:hover em,
    .Modal.homefeedBuilderModal .closeModal:active em,
    .Modal.homefeedBuilderModal .closeModal:focus em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -339px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.homefeedBuilderModal .closeModal:hover em,
        .Modal.homefeedBuilderModal .closeModal:active em,
        .Modal.homefeedBuilderModal .closeModal:focus em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -70px -375px;
          background-size: 428px 427px; } }
.Modal.exploreTabStoryModal .modalContent {
    border-radius: 16px; }
.Modal.exploreTabStoryModal .closeModal {
    height: 24px;
    right: 40px;
    top: 40px;
    width: 24px; }
.Modal.exploreTabStoryModal .closeModal em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -358px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.exploreTabStoryModal .closeModal em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -88px -375px;
          background-size: 428px 427px; } }
.Modal.exploreTabStoryModal .closeModal:hover em,
    .Modal.exploreTabStoryModal .closeModal:active em,
    .Modal.exploreTabStoryModal .closeModal:focus em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -339px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.exploreTabStoryModal .closeModal:hover em,
        .Modal.exploreTabStoryModal .closeModal:active em,
        .Modal.exploreTabStoryModal .closeModal:focus em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -70px -375px;
          background-size: 428px 427px; } }
.Modal.appUpsellModal .closeModal {
    height: 18px;
    right: 30px;
    top: 20px;
    width: 18px; }
.Modal.appUpsellModal .closeModal em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -358px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.appUpsellModal .closeModal em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -88px -375px;
          background-size: 428px 427px; } }
.Modal.appUpsellModal .closeModal:hover em,
    .Modal.appUpsellModal .closeModal:active em,
    .Modal.appUpsellModal .closeModal:focus em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -339px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.appUpsellModal .closeModal:hover em,
        .Modal.appUpsellModal .closeModal:active em,
        .Modal.appUpsellModal .closeModal:focus em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -70px -375px;
          background-size: 428px 427px; } }
.Modal.appUpsellModal .modalMask {
    top: 64px; }
.Modal.appUpsellModal .modalScroller {
    top: 64px; }
.Modal.fullScreenWhiteModal .modalMask {
    background-color: #fff; }
.Modal.fullScreenWhiteModal .modalScroller {
    overflow-x: auto;
    overflow-y: hidden; }
.Modal.fullScreenWhiteModal .closeModal {
    position: fixed;
    right: 14px;
    top: 18px;
    z-index: 1000; }
.Modal.fullScreenWhiteModal .closeModal em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -358px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.fullScreenWhiteModal .closeModal em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -88px -375px;
          background-size: 428px 427px; } }
.Modal.fullScreenWhiteModal .closeModal:hover em,
    .Modal.fullScreenWhiteModal .closeModal:active em,
    .Modal.fullScreenWhiteModal .closeModal:focus em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -339px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Modal.fullScreenWhiteModal .closeModal:hover em,
        .Modal.fullScreenWhiteModal .closeModal:active em,
        .Modal.fullScreenWhiteModal .closeModal:focus em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -70px -375px;
          background-size: 428px 427px; } }
.Modal.confirmDialogModal {
    z-index: 1001; }
/* desktop.scss */
.Modal .modalMask,
.Modal.webNewContentNewRepin .modalMask,
.ReactModal__Overlay {
  background-color: rgba(0, 0, 0, .6);
  opacity: 1; }
.Modal.flashlightModal .modalMask {
  background: #fff; }
.Modal .modalContent,
.Modal.webNewContentNewRepin .modalContent {
  border-radius: 8px;
  box-shadow: none; }
.Modal .formFooter,
.ReactModal__Content .formFooter {
  background: #fff; }
.Modal.fullScreenWhiteModal .modalMask {
  background: #fff; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.NavigateButton.linkModuleActionButton.btn.hasText {
  font-size: 14px;
  height: 34px;
  margin-top: 0; }
.NavigateButton.inlineBlock {
  display: inline-block; }
.NavigateButton .accessibilityText {
  font: 0 / 0 serif;
  text-shadow: none;
  color: transparent;
  position: absolute; }
/* desktop.scss */
.NavigateButton.borderless.homeUnauthTertiary, .NavigateButton.borderless.homeUnauthTertiaryHorizontal {
  background: rgba(0, 0, 0, .4);
  border-radius: 6px;
  bottom: 15px;
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 6px;
  max-width: 135px;
  padding: 4px 7px;
  text-align: center; }
.NavigateButton.borderless.homeUnauthTertiary span, .NavigateButton.borderless.homeUnauthTertiaryHorizontal span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }
.NavigateButton.borderless.homeUnauthTertiary:hover, .NavigateButton.borderless.homeUnauthTertiaryHorizontal:hover {
    background: rgba(0, 0, 0, .6); }
.UnauthHomePage.inModal .NavigateButton.borderless.homeUnauthTertiary {
  background: transparent;
  bottom: 0;
  color: #333;
  display: inline;
  margin-bottom: 0;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0; }
.UnauthHomePage.inModal .NavigateButton.borderless.homeUnauthTertiary span {
    display: inline; }
.UnauthHomePage.inModal .NavigateButton.borderless.homeUnauthTertiary:hover {
    text-decoration: underline; }
.NavigateButton.borderless.homeUnauthTertiaryHorizontal {
  background: none;
  display: inline; }
.NavigateButton.borderless.homeUnauthTertiaryHorizontal a, .NavigateButton.borderless.homeUnauthTertiaryHorizontal span {
    display: inline; }
.NavigateButton.borderless.homeUnauthTertiaryHorizontal:hover {
    background: none; }
.NavigateButton.loginButton {
  background: #333;
  border: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
  text-shadow: none; }
.NavigateButton.exploreButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fafafa;
  background: linear-gradient(#fff, #f5f5f5);
  background-color: #f5f5f5;
  border: 1px solid #d4d4d4;
  border-radius: 6px 0 0 6px;
  box-sizing: border-box;
  color: #818181;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  text-align: left;
  z-index: 104;
  background: transparent;
  border: none;
  margin-right: 0;
  vertical-align: middle; }
.NavigateButton.exploreButton::after {
    clear: both;
    content: "";
    display: table; }
.NavigateButton.exploreButton:focus, .NavigateButton.exploreButton:hover {
    background: linear-gradient(#fff, #eee);
    border-color: #c0c0c0;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .07);
    z-index: 105; }
.NavigateButton.exploreButton:focus .buttonText, .NavigateButton.exploreButton:hover .buttonText {
      color: #818181;
      text-shadow: none; }
.NavigateButton.exploreButton em {
    width: 25px;
    height: 25px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -147px -260px no-repeat;
    float: left; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NavigateButton.exploreButton em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -144px -256px;
        background-size: 399px 382px; } }
.NavigateButton.exploreButton:hover, .NavigateButton.exploreButton:focus {
    background: none;
    box-shadow: none; }
.NavigateButton.exploreButton:hover > em {
    width: 25px;
    height: 25px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -174px -260px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NavigateButton.exploreButton:hover > em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -170px -256px;
        background-size: 399px 382px; } }
.NavigateButton.labeledNavbarButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 4px 0 0;
  width: 80px; }
.NavigateButton.labeledNavbarButton .buttonText {
    color: #b3b3b3;
    font-size: 12px;
    text-align: center;
    text-shadow: none; }
.NavigateButton.labeledNavbarButton em {
    margin: auto;
    margin-bottom: 2px; }
.NavigateButton.labeledNavbarButton.exploreButton em {
    margin-bottom: 1px; }
.NavigateButton.labeledNavbarButton .accessibilityText {
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    position: absolute; }
.NavigateButton.labeledNavbarButton:hover svg, .NavigateButton.labeledNavbarButton.active svg {
    color: #333; }
.NavigateButton.labeledNavbarButton:hover .buttonText, .NavigateButton.labeledNavbarButton.active .buttonText {
    color: #333; }
/* stylelint-disable-next-line at-rule-no-unknown */
/* stylelint-disable-next-line at-rule-no-unknown */
.PositionModule > .Module {
  display: none; }
.modalPinIntro .positionModuleElement.defaultCaret.positionLeft {
  z-index: 999999999; }
.positionModuleElement {
  -webkit-transform: translateZ(0);
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .07);
  display: none;
  position: absolute;
  z-index: 685; }
.positionModuleElement.defaultCaret.positionBottom {
    margin-top: 11px; }
.positionModuleElement.defaultCaret.positionBottom .positionModuleCaret {
      width: 20px;
      height: 11px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -135px -265px no-repeat;
      top: -11px; }
.positionModuleElement.defaultCaret.positionLeft {
    margin-left: -11px; }
.positionModuleElement.defaultCaret.positionLeft .positionModuleCaret {
      width: 11px;
      height: 20px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -258px -132px no-repeat;
      right: -10px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .positionModuleElement.defaultCaret.positionLeft .positionModuleCaret {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
          background-position: -234px -37px;
          background-size: 249px 231px; } }
.positionModuleElement.defaultCaret.positionRight {
    margin-left: 11px; }
.positionModuleElement.defaultCaret.positionRight .positionModuleCaret {
      width: 11px;
      height: 20px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -276px -222px no-repeat;
      left: -10px; }
.positionModuleElement.defaultCaret.positionTop {
    margin-top: -9px; }
.positionModuleElement.defaultCaret.positionTop .positionModuleCaret {
      width: 18px;
      height: 9px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -149px -86px no-repeat;
      bottom: -8px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .positionModuleElement.defaultCaret.positionTop .positionModuleCaret {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
          background-position: -19px -222px;
          background-size: 249px 231px; } }
.positionModuleElement.bigCaret.positionBottom {
    margin-top: 13px; }
.positionModuleElement.bigCaret.positionBottom .positionModuleCaret {
      width: 27px;
      height: 13px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) 0 -265px no-repeat;
      top: -13px; }
.positionModuleElement.bigCaret.positionLeft {
    margin-left: -13px; }
.positionModuleElement.bigCaret.positionLeft .positionModuleCaret {
      width: 13px;
      height: 27px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -276px -113px no-repeat;
      right: -12px; }
.positionModuleElement.bigCaret.positionRight {
    margin-left: 13px; }
.positionModuleElement.bigCaret.positionRight .positionModuleCaret {
      width: 13px;
      height: 27px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -276px -55px no-repeat;
      left: -12px; }
.positionModuleElement.bigCaret.positionTop {
    margin-top: -13px; }
.positionModuleElement.bigCaret.positionTop .positionModuleCaret {
      width: 27px;
      height: 13px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -29px -265px no-repeat;
      bottom: -12px; }
.positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.lightGrayCaretStyle {
    width: 18px;
    height: 9px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -189px -86px no-repeat; }
.positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.lightGrayCaretStyle {
    width: 11px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -259px -44px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.lightGrayCaretStyle {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -234px -58px;
        background-size: 249px 231px; } }
.positionModuleElement.defaultCaret.positionRight .positionModuleCaret.lightGrayCaretStyle {
    width: 9px;
    height: 18px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -315px 0 no-repeat; }
.positionModuleElement.defaultCaret.positionTop .positionModuleCaret.lightGrayCaretStyle {
    width: 18px;
    height: 9px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -169px -86px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionTop .positionModuleCaret.lightGrayCaretStyle {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -184px -78px;
        background-size: 249px 231px; } }
.positionModuleElement.bigCaret.positionBottom .positionModuleCaret.lightGrayCaretStyle {
    width: 27px;
    height: 13px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -240px -176px no-repeat; }
.positionModuleElement.bigCaret.positionLeft .positionModuleCaret.lightGrayCaretStyle {
    width: 13px;
    height: 27px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -276px -26px no-repeat; }
.positionModuleElement.bigCaret.positionRight .positionModuleCaret.lightGrayCaretStyle {
    width: 13px;
    height: 27px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -276px -171px no-repeat; }
.positionModuleElement.bigCaret.positionTop .positionModuleCaret.lightGrayCaretStyle {
    width: 27px;
    height: 13px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -58px -265px no-repeat; }
.positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.userEdBlueCaretStyle {
    width: 36px;
    height: 22px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -138px -176px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.userEdBlueCaretStyle {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -132px -139px;
        background-size: 249px 231px; } }
.positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.userEdBlueCaretStyle {
    width: 13px;
    height: 24px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px -40px no-repeat; }
.positionModuleElement.defaultCaret.positionRight .positionModuleCaret.userEdBlueCaretStyle {
    width: 13px;
    height: 24px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px -66px no-repeat; }
.positionModuleElement.defaultCaret.positionTop .positionModuleCaret.userEdBlueCaretStyle {
    width: 24px;
    height: 13px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -87px -265px no-repeat; }
.positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.whiteWashCaretStyle {
    width: 20px;
    height: 11px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -113px -265px no-repeat; }
.positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.whiteWashCaretStyle {
    width: 11px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -276px -200px no-repeat; }
.positionModuleElement.defaultCaret.positionRight .positionModuleCaret.whiteWashCaretStyle {
    width: 11px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -259px -66px no-repeat; }
.positionModuleElement.defaultCaret.positionTop .positionModuleCaret.whiteWashCaretStyle {
    width: 18px;
    height: 9px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -129px -86px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionTop .positionModuleCaret.whiteWashCaretStyle {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: 0 -222px;
        background-size: 249px 231px; } }
.positionModuleElement.bigCaret.positionBottom .positionModuleCaret.whiteWashCaretStyle {
    width: 27px;
    height: 13px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -232px -242px no-repeat; }
.positionModuleElement.bigCaret.positionLeft .positionModuleCaret.whiteWashCaretStyle {
    width: 13px;
    height: 27px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -276px -84px no-repeat; }
.positionModuleElement.bigCaret.positionRight .positionModuleCaret.whiteWashCaretStyle {
    width: 13px;
    height: 27px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -276px -142px no-repeat; }
.positionModuleElement.bigCaret.positionTop .positionModuleCaret.whiteWashCaretStyle {
    width: 27px;
    height: 13px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -203px -242px no-repeat; }
.positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.fpxBlueCaretStyle {
    width: 20px;
    height: 11px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -191px -120px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionBottom .positionModuleCaret.fpxBlueCaretStyle {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -163px -78px;
        background-size: 249px 231px; } }
.positionModuleElement.defaultCaret.positionLeft .positionModuleCaret.fpxBlueCaretStyle {
    width: 11px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -259px -88px no-repeat; }
.positionModuleElement.defaultCaret.positionRight .positionModuleCaret.fpxBlueCaretStyle {
    width: 11px;
    height: 20px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -259px -110px no-repeat; }
.positionModuleElement.defaultCaret.positionTop .positionModuleCaret.fpxBlueCaretStyle {
    width: 20px;
    height: 11px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -157px -265px 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;
    z-index: 686; }
.positionModuleElement .positionModuleCaret.gsHeaderIntroLastStepCaretStyle {
      left: 20px !important; }
.positionModuleElement > .Module {
    display: block; }
.positionModuleElement.defaultCaret.positionBottom .positionModuleCaret {
    width: 29px;
    height: 15px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -237px -296px no-repeat;
    height: 11px !important; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .positionModuleElement.defaultCaret.positionBottom .positionModuleCaret {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -227px -292px;
        background-size: 399px 382px; } }
.RadioButton {
  display: inline-block;
  vertical-align: middle; }
.RadioButton.fancy {
    width: 21px;
    height: 21px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -69px -242px no-repeat;
    position: relative; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .RadioButton.fancy {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -70px;
        background-size: 249px 231px; } }
.RadioButton.fancy.fancySelected {
      width: 21px;
      height: 21px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -23px -242px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .RadioButton.fancy.fancySelected {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
          background-position: -208px -48px;
          background-size: 249px 231px; } }
.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; }
.TextContainer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  margin: 15px; }
.TextContainer.textHeader {
    font-size: 16px;
    font-weight: bold;
    margin: 0; }
.TextContainer.textHeader > p {
      word-wrap: break-word; }
.TextField textarea.detailed,
.TextField textarea.detailed:focus {
  border: 0;
  box-shadow: none;
  color: #333; }
.TextField textarea.detailed.content,
  .TextField textarea.detailed:focus.content {
    padding: 10px; }
.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;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    padding: 7px; }
.TextField .content.pinCreateDescription {
    padding: 0; }
.TextField .content.autogrow {
    overflow: hidden; }
.TextField .content.autogrow.maxheight {
      overflow-y: scroll; }
.TextField .content.brioFlat {
    background: #efefef;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    min-height: 90px;
    outline: none;
    resize: vertical; }
.TextField .content.brioFlat:focus {
      background: #fff;
      border: 1px solid #efefef; }
.TextField .invisibleElemContainer {
  bottom: -1000px;
  height: 0;
  position: fixed;
  right: -1000px;
  width: 0; }
.TextField .invisibleElemContainer .invisibleElem {
    overflow: hidden;
    position: absolute;
    visibility: hidden; }
.TextField.error .content {
  background: #e6abad;
  border: 1px solid #e60023; }
.TextField.hasValue .brioFlat {
  background: #fff;
  border: 1px solid #efefef;
  font-weight: bold; }
/* Code for the at-who lib */
.at-view {
  -webkit-transform: translateZ(0);
  z-index: 802; }
.at-view ul {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
    list-style-type: none;
    max-width: 300px; }
.at-view ul li {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #777;
      font-size: 13px;
      font-weight: normal;
      padding: 4px;
      white-space: nowrap; }
.at-view ul li img {
        border-radius: 3px;
        height: 30px;
        margin-right: 2px;
        width: 30px; }
.at-view ul li .username {
        color: #000;
        font-weight: 500; }
.at-view ul li.cur {
      background-color: #eee; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.App > .moduleMask {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }
.App .appendedContainer > .Module:not(.reactCloseupContainer) {
  -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 {
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0, 0, 0, .7);
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 1s ease;
  z-index: 1000; }
.App .inspiredWallOverlay.doNotShow {
    opacity: 0;
    pointer-events: none; }
.App .typeaheadOverlay {
  background-color: rgba(0, 0, 0, .4);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 500; }
.underlineLink:focus, .underlineLink:hover {
  text-decoration: underline; }
/* desktop.scss */
.App .draggable-dragging {
  opacity: .6;
  position: absolute;
  transform-origin: top left;
  z-index: 999999999 !important; }
.App .appContent > .Module.loading {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
.App .appContent > .Module.error {
  border: 0;
  display: block;
  margin: 100px auto;
  width: 300px; }
.App.full .appContent.hasSpellCheck {
  margin-top: 24px; }
.App.full.unauth .appContent {
  padding-top: 64px; }
.App.hasInterstitialHeader .appContent {
  left: 0;
  position: absolute;
  right: 0;
  top: 100%; }
.App.hasInterstitialHeader .Header {
  display: none; }
.App .footerButtons {
  bottom: 14px;
  position: fixed;
  right: 14px;
  transform: translateZ(0);
  z-index: 660; }
.App .footerButtons.visible .buttonInoutWrapper {
    opacity: 1;
    position: relative;
    text-align: center;
    transform: translateY(0);
    transition-duration: .85s;
    transition-timing-function: cubic-bezier(0.19, 1.32, 0.48, 1); }
.App .footerButtons.aboveChatheads {
    bottom: 110px; }
.App .footerButtons .buttonInoutWrapper {
    opacity: 0;
    position: relative;
    transform: translateY(200px); }
.App .footerButtons .buttonInoutWrapper.addButtonWrapper {
      animation-delay: 100ms;
      margin-bottom: 8px;
      transition-delay: 100ms; }
.App .footerButtons .buttonInoutWrapper.helpButtonWrapper {
      animation-delay: 100ms;
      margin-bottom: 15px;
      transition-delay: 100ms; }
.App .footerButtons .buttonInoutWrapper.privacyPolicyWrapper {
      animation-delay: 100ms;
      margin-top: 8px;
      transition-delay: 100ms; }
.App .footerButtons .nonEuPrivacyPolicy {
    font-family: HelveticaNeue-Bold, Helvetica, Arial;
    background-color: #fff;
    border-radius: 4px;
    bottom: 15px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1), 0 0 0 0.5px rgba(0, 0, 0, .04);
    color: #333;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 5px 3px;
    z-index: 100; }
.App .footerButtons .nonEuPrivacyPolicy:hover {
      background-color: #f5f5f5; }
.App .footerButtons .nonEuPrivacyPolicy:active, .App .footerButtons .nonEuPrivacyPolicy.active {
      background-color: #e9e9e9; }
.App .footerButtons.hide {
    transform: translateY(22px);
    transition-duration: .85s;
    transition-timing-function: cubic-bezier(0.19, 1.32, 0.48, 1); }
.App .footerButtons.hide .privacyPolicyWrapper {
      opacity: 0; }
.App .footerButtons.show {
    transform: translateY(0);
    transition-duration: .85s;
    transition-timing-function: cubic-bezier(0.19, 1.32, 0.48, 1); }
.AppBase {
  margin-top: -1px;
  min-width: 320px;
  padding-top: 1px; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.User.exploreStoryHeaderView img,
.User.exploreStoryHeaderView .hoverMask {
  border-radius: 50%;
  height: 60px; }
.User.exploreStoryHeaderView .userPhoto {
  display: block;
  margin: 0 auto;
  width: 60px; }
.User.exploreStoryHeaderView .thumbImageWrapper {
  position: relative; }
.User.exploreStoryHeaderView .thumbImageWrapper:hover .hoverMask {
    background: rgba(0, 0, 0, .15); }
.User.exploreStoryHeaderView .thumbImageWrapper:active .hoverMask {
    background: rgba(0, 0, 0, .25); }
.User.exploreStoryHeaderView .thumbImageWrapper .hoverMask {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: none;
    z-index: 100; }
.User.exploreStoryHeaderView .userFullName {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 8px auto; }
.User.exploreStoryHeaderView .userFullName .verifiedIdentifyIcon {
    width: 11px;
    height: 11px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -204px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    height: 12px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .User.exploreStoryHeaderView .userFullName .verifiedIdentifyIcon {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -69px -368px;
        background-size: 399px 382px; } }
.User.exploreStoryHeaderView .userFollowerCount {
  color: #333;
  font-size: 12px;
  margin-top: 4px; }
.User.exploreTabView {
  margin: 0 17px 34px;
  width: 218px; }
.User.exploreTabView img, .User.exploreTabView .homefeedBuilderHoverMask {
    height: 218px;
    width: 218px; }
.User.exploreTabView .userFullName {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    font-size: 21px;
    line-height: 23px;
    margin-top: 15px; }
.User.exploreTabView .homefeedBuilderHoverMask {
    margin: 0 17px; }
.User.homefeedBuilderView {
  margin: 0 7px 30px;
  width: 172px; }
.User.homefeedBuilderView img, .User.homefeedBuilderView .homefeedBuilderHoverMask {
    height: 172px;
    width: 172px; }
.User.homefeedBuilderView .userFullName {
    color: #444;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    margin-top: 10px; }
.User.homefeedBuilderView .userFullName .verifiedIdentifyIcon {
      height: 12px; }
.User.homefeedBuilderView .homefeedBuilderHoverMask {
    margin: 0 7px; }
.User.homefeedBuilderView .userFullName, .User.exploreTabView .userFullName {
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap; }
.User.homefeedBuilderView .userFullName .verifiedIdentifyIcon, .User.exploreTabView .userFullName .verifiedIdentifyIcon {
    width: 11px;
    height: 11px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -204px 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) {
      .User.homefeedBuilderView .userFullName .verifiedIdentifyIcon, .User.exploreTabView .userFullName .verifiedIdentifyIcon {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -69px -368px;
        background-size: 399px 382px; } }
.User.homefeedBuilderView .thumbImageWrapper:hover .homefeedBuilderHoverMask, .User.exploreTabView .thumbImageWrapper:hover .homefeedBuilderHoverMask {
  background: rgba(0, 0, 0, .15); }
.User.homefeedBuilderView .thumbImageWrapper:active .homefeedBuilderHoverMask, .User.exploreTabView .thumbImageWrapper:active .homefeedBuilderHoverMask {
  background: rgba(0, 0, 0, .25); }
.User.homefeedBuilderView .thumbImageWrapper .homefeedBuilderHoverMask, .User.exploreTabView .thumbImageWrapper .homefeedBuilderHoverMask {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100; }
.User.homefeedBuilderView .thumbImageWrapper img, .User.homefeedBuilderView .thumbImageWrapper .homefeedBuilderHoverMask, .User.exploreTabView .thumbImageWrapper img, .User.exploreTabView .thumbImageWrapper .homefeedBuilderHoverMask {
  border-radius: 50%; }
.User.homefeedBuilderView .userFollowers, .User.exploreTabView .userFollowers {
  color: #333;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 6px;
  margin-top: 4px;
  text-align: center; }
.User.homefeedBuilderView .followMask, .User.exploreTabView .followMask {
  background-color: rgba(0, 0, 0, .7);
  border-radius: 50%;
  height: 172px;
  opacity: 0;
  position: absolute;
  transition: visibility 0s .2s, opacity .2s linear;
  visibility: hidden;
  width: 172px; }
.User.homefeedBuilderView .followMask .followMaskIcon, .User.exploreTabView .followMask .followMaskIcon {
    width: 59px;
    height: 42px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -215px 0 no-repeat;
    display: inline-block;
    margin-left: 57px;
    margin-top: 65px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .User.homefeedBuilderView .followMask .followMaskIcon, .User.exploreTabView .followMask .followMaskIcon {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -128px -35px;
        background-size: 249px 231px; } }
.User.homefeedBuilderView .followMask.visible, .User.exploreTabView .followMask.visible {
    opacity: 1;
    transition: opacity .2s linear;
    visibility: visible; }
.User.linkModule {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
.User.linkModule.thumb.domainOwner .thumbImageWrapper {
    margin-right: 8px; }
.User.linkModule .profileSource {
    display: -ms-flexbox;
    display: flex; }
.User.linkModule .profileSource .profileSourceAttributionContent {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-top: 3px; }
.User.linkModule .profileSource .profileSourceAttributionContent .title, .User.linkModule .profileSource .profileSourceAttributionContent .fullname {
        color: #444;
        max-width: 414px; }
.User.linkModule .profileSource .profileSourceAttributionContent .title {
        margin-top: 0; }
.User.linkModule .profileSource .thumbImageWrapper {
      float: none;
      margin-right: 8px; }
.User.linkModule .profileSource .thumbImageWrapper,
      .User.linkModule .profileSource .thumbImageWrapper img, .User.linkModule .profileSource .thumbImageWrapper::after {
        height: 40px;
        width: 40px; }
.User.linkModule.User.thumb.domainOwner.hasText .thumbImageWrapper {
    margin-left: 0; }
.User .hoverMask {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.04s linear;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
  z-index: 100; }
.User .userWrapper:hover .hoverMask {
  background: rgba(255, 255, 255, .08); }
.User .userWrapper:active .hoverMask {
  background: rgba(255, 255, 255, .08); }
.User.gridItem {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(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;
  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;
    box-shadow: 0 0 2px rgba(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;
    box-shadow: 0 0 2px rgba(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%;
    box-shadow: 0 0 2px rgba(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%;
    box-shadow: 0 0 2px rgba(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.smallerMedium .thumbImageWrapper {
  position: relative;
  width: 40px; }
.User.smallerMedium .thumbImageWrapper::after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
    content: " ";
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px; }
.User.smallerMedium .thumbImageWrapper img {
    border-radius: 50%;
    height: 40px;
    width: 40px; }
.User.smallerMedium.brio .title {
  font-weight: normal !important;
  margin-bottom: 0; }
.User.smallerMedium.brio .title, .User.smallerMedium.brio .fullname {
  color: #333;
  font-size: 14px; }
.User.smallerMedium.brio .fullname {
  margin-top: 2px; }
.User.largerMedium .thumbImageWrapper {
  position: relative;
  width: 60px; }
.User.largerMedium .thumbImageWrapper::after {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
    content: " ";
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px; }
.User.largerMedium .thumbImageWrapper img {
    border-radius: 50%;
    height: 60px;
    width: 60px; }
.User.small {
  line-height: 30px; }
.User.small .thumbImageWrapper {
    position: relative;
    height: 30px;
    width: 30px; }
.User.small .thumbImageWrapper::after {
      border-radius: 50%;
      box-shadow: 0 0 2px rgba(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.small .thumbImageWrapper .icon {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      background-color: #999;
      border: 0;
      border-radius: 50%;
      box-sizing: border-box;
      color: #fff;
      display: block;
      font-size: 18px;
      font-weight: bold;
      height: 32px;
      line-height: 32px;
      text-align: center;
      width: 32px; }
.User.interests .thumbImageWrapper img {
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
  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: 0;
    border-radius: 50%;
    font-size: 0;
    height: 85px;
    left: 13px;
    position: absolute;
    top: 0;
    transition: background .1s ease-in, opacity .1s ease-in, box-shadow .1s ease-in, transform .1s ease-in;
    width: 85px;
    z-index: 100; }
.User.userSelectFollow .UserFollowButton:hover {
      transform: scale(1.05); }
.User.userSelectFollow .UserFollowButton.dim {
      background: url(https://s.pinimg.com/webapp/style/images/follow-friends-checkmark-1x-5bfb33da.png) no-repeat;
      background-size: contain;
      height: 85px;
      width: 85px; }
.User.userSelectFollow .profileImage {
    border-radius: 50%;
    height: 85px;
    transition: transform .1s ease-in;
    width: 85px; }
.User.userSelectFollow p {
    white-space: nowrap;
    overflow: hidden;
    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(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -295px 0 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(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -62px -201px;
        background-size: 249px 231px; } }
.User.gridItem .verifiedDomainIcon {
    width: 18px;
    height: 18px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -80px 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(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -351px -347px;
        background-size: 399px 382px; } }
.User.gridItem .verifiedIdentifyIcon {
    width: 11px;
    height: 11px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -204px 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) {
      .User.gridItem .verifiedIdentifyIcon {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -69px -368px;
        background-size: 399px 382px; } }
.User.gridItem .followersCount {
    background-color: #000;
    background-color: rgba(68, 68, 68, .7);
    border-radius: 2px;
    bottom: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .3);
    color: #fff;
    padding: 3px 6px;
    position: absolute;
    right: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .7); }
.User.gridItem .username {
    margin-bottom: 0; }
.User.gridItem .userStats {
    white-space: nowrap;
    overflow: hidden;
    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.storyView {
  box-shadow: None; }
.User .focusThumbContainer {
  margin-right: 3px; }
.User .fullname {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  display: block;
  font-size: 15px;
  line-height: 17px; }
.User h3 {
  white-space: nowrap;
  overflow: hidden;
  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: #000;
    font-weight: normal;
    margin: 10px -10px 0; }
.User.userSelect {
  cursor: pointer;
  position: relative; }
.User.userSelect .hoverMask {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
    z-index: 100; }
.User.userSelect .userSelectImageWrapper:hover .hoverMask {
    background: rgba(255, 255, 255, .08); }
.User.userSelect .userSelectImageWrapper:active .hoverMask {
    background: rgba(255, 255, 255, .08); }
.User.userSelect .userWrapper {
    padding: 0; }
.User.userSelect .moduleMask {
    background: #f5f5f5; }
.User.userSelect .userSelectImageWrapper {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16);
    display: block;
    height: 68px;
    width: 68px; }
.User.userSelect .userSelectImageWrapper::after {
      border-radius: 50%;
      box-shadow: inset 0 0 2px rgba(0, 0, 0, .75), inset 0 2px 0 rgba(255, 255, 255, .4), 0 1px 3px rgba(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;
    text-overflow: ellipsis;
    clear: both;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    margin: 9px 0 0;
    max-width: 68px;
    text-align: center; }
.User.userSelect:active {
    transform: scale(0.98);
    transition: scale .1s ease-in-out; }
.User.userSelect:active.fakeUser {
      transform: scale(1); }
.User.userCheckableSelectView {
  display: inline-block;
  padding-bottom: 50px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 136px; }
.User.userCheckableSelectView.noPadding {
    padding-bottom: 0; }
.User.userCheckableSelectView .selectCheck {
    width: 21px;
    height: 21px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) 0 -242px 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(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -136px;
        background-size: 249px 231px; } }
.User.userCheckableSelectView .selectCheck.checked {
    width: 21px;
    height: 21px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -191px -97px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .User.userCheckableSelectView .selectCheck.checked {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -92px;
        background-size: 249px 231px; } }
.User.userCheckableSelectView .profileImage {
    border-radius: 50%;
    cursor: pointer;
    height: 116px;
    transition: transform .1s ease-in;
    width: 116px; }
.User.userCheckableSelectView .profileName {
    font-size: 15px;
    margin-top: 8px; }
.User.userCheckableSelectView p {
    white-space: nowrap;
    overflow: hidden;
    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.imageOnlyThumb {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 136px; }
.User.imageOnlyThumb .overflowMask {
    background: #e60023;
    border-radius: 50%;
    height: 136px;
    position: absolute;
    transition: transform .1s ease-in;
    width: 136px;
    z-index: 103; }
.User.imageOnlyThumb .overflowMask .mask {
      display: table;
      height: 100%;
      width: 100%; }
.User.imageOnlyThumb .overflowMask .text {
      color: #fff;
      display: table-cell;
      font-size: 24px;
      font-weight: bold;
      line-height: 29px;
      padding: 8px;
      text-align: center;
      vertical-align: middle; }
.User.imageOnlyThumb .profileImage {
    border-radius: 50%;
    cursor: pointer;
    height: 136px;
    transition: transform .1s ease-in;
    width: 136px; }
.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.thumb .profileSourceAttributionContent, .User.thumbUserInfo .thumbImageWrapper,
  .User.thumbUserInfo .profileSourceAttributionContent {
    float: left; }
.User.thumb .fullname, .User.thumbUserInfo .fullname {
    white-space: nowrap;
    overflow: hidden;
    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%;
        box-shadow: 0 0 2px rgba(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.homefeedBuilderTitle .thumbImageWrapper, .User.thumb.exploreTabTitle .thumbImageWrapper, .User.thumbUserInfo.homefeedBuilderTitle .thumbImageWrapper, .User.thumbUserInfo.exploreTabTitle .thumbImageWrapper {
    position: relative;
    margin-right: 9px;
    width: 38px; }
.User.thumb.homefeedBuilderTitle .thumbImageWrapper::after, .User.thumb.exploreTabTitle .thumbImageWrapper::after, .User.thumbUserInfo.homefeedBuilderTitle .thumbImageWrapper::after, .User.thumbUserInfo.exploreTabTitle .thumbImageWrapper::after {
      border-radius: 50%;
      box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
      content: " ";
      height: 38px;
      left: 0;
      position: absolute;
      top: 0;
      width: 38px; }
.User.thumb.homefeedBuilderTitle .thumbImageWrapper img, .User.thumb.exploreTabTitle .thumbImageWrapper img, .User.thumbUserInfo.homefeedBuilderTitle .thumbImageWrapper img, .User.thumbUserInfo.exploreTabTitle .thumbImageWrapper img {
      border-radius: 50%;
      height: 38px;
      width: 38px; }
.User.thumb.homefeedBuilderTitle .title,
  .User.thumb.homefeedBuilderTitle .fullname, .User.thumb.exploreTabTitle .title,
  .User.thumb.exploreTabTitle .fullname, .User.thumbUserInfo.homefeedBuilderTitle .title,
  .User.thumbUserInfo.homefeedBuilderTitle .fullname, .User.thumbUserInfo.exploreTabTitle .title,
  .User.thumbUserInfo.exploreTabTitle .fullname {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444;
    max-width: 100%; }
.User.thumb.homefeedBuilderTitle .title, .User.thumb.exploreTabTitle .title, .User.thumbUserInfo.homefeedBuilderTitle .title, .User.thumbUserInfo.exploreTabTitle .title {
    font-size: 14px;
    line-height: 16px;
    padding: 2px 0; }
.User.thumb.homefeedBuilderTitle .fullname, .User.thumb.exploreTabTitle .fullname, .User.thumbUserInfo.homefeedBuilderTitle .fullname, .User.thumbUserInfo.exploreTabTitle .fullname {
    font-size: 12px;
    font-weight: normal; }
.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%;
      box-shadow: 0 0 2px rgba(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;
    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;
    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.medium.boardCollaborator.noLocation .fullname, .User.thumbUserInfo.medium.boardCollaborator.noLocation .fullname {
    line-height: 34px; }
.User.thumb.medium.boardFollower .fullname, .User.thumbUserInfo.medium.boardFollower .fullname {
    line-height: 34px; }
.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: 6.5px 0 7px; }
.User.thumb.pinner .fullname, .User.thumbUserInfo.pinner .fullname {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px; }
.User.thumb.domainOwner .thumbImageWrapper, .User.thumbUserInfo.domainOwner .thumbImageWrapper {
    margin-right: 4px; }
.User.thumb.domainOwner .fullname, .User.thumbUserInfo.domainOwner .fullname {
    color: #333;
    font-size: 14px;
    font-weight: bold; }
.User.thumb.domainOwner .title, .User.thumbUserInfo.domainOwner .title {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin-top: 2px; }
.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 {
    clear: both;
    content: "";
    display: table; }
.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%;
      box-shadow: 0 0 2px rgba(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(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -235px -206px 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(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -418px -89px;
        background-size: 428px 427px; } }
.User.followFriendsItem .contactConfirmation {
    white-space: nowrap;
    overflow: hidden;
    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: #e60023; }
.User.followFriendsItem .UserFollowButton:hover {
      text-decoration: none; }
.User.followFriendsItem .UserFollowButton.disabled {
      color: #717171; }
.User.followFriendsItem .UserFollowButton.disabled:hover {
        cursor: default;
        text-decoration: none; }
.User.thumbHomefeedBuilder {
  width: 172px; }
.User.thumbHomefeedBuilder .thumbImageWrapper {
    bottom: 38px;
    left: 12px;
    position: absolute;
    width: auto;
    width: initial;
    z-index: 101; }
.User.thumbHomefeedBuilder .thumbImageWrapper img {
      border: 2px solid #fff;
      border-radius: 50%;
      display: inline-block;
      float: none;
      height: 30px;
      width: 30px; }
.User.thumbHomefeedBuilder .thumbImageWrapper img:nth-child(1) {
      border-radius: 50%; }
.User.thumbHomefeedBuilder .thumbImageWrapper::after {
      box-shadow: none;
      height: 30px;
      width: 30px; }
.User.thumbHomefeedBuilder .title {
    color: #444;
    line-height: 18px;
    padding-top: 12px;
    size: 16px; }
.User.thumbHomefeedBuilder .fullname {
    color: #444;
    font-weight: normal;
    size: 12px; }
.User.contactRequestListItem {
  margin: 0 10px; }
.User.communityItem .profileSource {
  display: -ms-flexbox;
  display: flex; }
.User.communityItem .fullname {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0 !important; }
/* desktop.scss */
.User a.profileSource {
  display: block; }
.User .focusThumbContainer {
  background: none;
  height: 236px;
  margin-right: 0;
  width: 236px; }
.User .focusThumbContainer img {
    border-radius: 50%;
    height: 236px;
    width: 236px; }
.User .focusThumbContainer::after {
    background: rgba(0, 0, 0, .02);
    border-radius: 50%;
    box-shadow: none;
    height: 236px;
    width: 236px; }
.User.thumbUserInfo.small .fullname {
  color: #333;
  font-size: 13px;
  line-height: 30px;
  max-width: 150px; }
.User.exploreTabView .homefeedBuilderHoverMask {
  margin: 10px 17px; }
.User.gridItem {
  background: none;
  box-shadow: none;
  cursor: pointer;
  margin: -10px;
  padding: 10px;
  width: 236px; }
.User.gridItem .username {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.User.gridItem .userThumbs {
    margin-bottom: 0; }
.User.gridItem::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 8px;
    content: " " !important;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: 3; }
.User.gridItem:not(.userWrapperDisableHover):hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.User.storyView::before {
  display: none; }
.User .hoverMask {
  border-radius: none;
  box-shadow: none; }
.User .thumbImageWrapper::after {
  box-shadow: none !important; }
.User .userFocusImage {
  margin: 0; }
.User .userWrapper {
  padding: 0; }
.User .Button.gridItem {
  bottom: auto;
  width: 236px; }
.User .homefeedBuilderHoverMask {
  margin-top: 10px; }
.User.thumb.boardRepTitle .title {
  margin-right: 24px; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Interest {
  height: 136px;
  position: relative;
  width: 136px; }
.Interest.authLandingPageView {
    height: 36px;
    width: auto; }
.Interest.authLandingPageView .pillWrapper {
      border-radius: 4px; }
.Interest.authLandingPageView .labelText {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #fff;
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      padding: 10px 14px; }
.Interest.authLandingPageView span:hover {
      background: rgba(0, 0, 0, .05); }
.Interest.homefeedSetupView {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    border-radius: 6px;
    height: 176px; }
.Interest.homefeedSetupView .interestWrapper {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      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.homefeedSetupViewNoFollowButton {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    border-radius: 6px;
    height: 136px; }
.Interest.homefeedSetupViewNoFollowButton .interestWrapper {
      box-shadow: none;
      height: 136px; }
.Interest.homefeedBuilderView .interestWrapper:active, .Interest.storyView .interestWrapper:active {
    transform: none; }
.Interest.homefeedBuilderView .interestWrapper .hoverMask, .Interest.storyView .interestWrapper .hoverMask {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    background: linear-gradient(transparent, transparent 50%, rgba(51, 51, 51, .5) 95%);
    z-index: 100; }
.Interest.homefeedBuilderView .interestWrapper .interestLabel, .Interest.storyView .interestWrapper .interestLabel {
    margin-bottom: 15px;
    margin-left: 15px;
    width: auto;
    width: initial; }
.Interest.homefeedBuilderView .interestWrapper .interestLabel h2, .Interest.storyView .interestWrapper .interestLabel h2 {
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;
      padding: 0;
      text-shadow: none; }
.Interest.homefeedBuilderView .interestWrapper .interestLabel .followerCount, .Interest.storyView .interestWrapper .interestLabel .followerCount {
      color: #fff;
      font-size: 12px;
      line-height: 16px; }
.Interest.homefeedBuilderView .interestWrapper .interestLabel .followerCountFollowers, .Interest.storyView .interestWrapper .interestLabel .followerCountFollowers {
      font-weight: normal; }
.Interest.homefeedBuilderView {
    height: 210px;
    margin-bottom: 32px;
    padding: 0 8px;
    position: relative;
    width: 172px; }
.Interest.homefeedBuilderView .followMask {
      background-color: rgba(0, 0, 0, .7);
      border-radius: 4px;
      height: 100%;
      opacity: 0;
      position: absolute;
      transition: visibility 0s .2s, opacity .2s linear;
      visibility: hidden;
      width: 100%;
      z-index: 1; }
.Interest.homefeedBuilderView .followMask .followMaskIcon {
        width: 59px;
        height: 42px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -215px 0 no-repeat;
        display: inline-block;
        margin-left: 57px;
        margin-top: 65px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Interest.homefeedBuilderView .followMask .followMaskIcon {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
            background-position: -128px -35px;
            background-size: 249px 231px; } }
.Interest.homefeedBuilderView .followMask.visible {
        opacity: 1;
        transition: opacity .2s linear;
        visibility: visible; }
.Interest.homefeedBuilderView .interestWrapper {
      border-radius: 4px;
      height: 172px;
      margin-bottom: 8px;
      width: 172px; }
.Interest.homefeedBuilderView .interestWrapper:hover .hoverMask {
        background: rgba(0, 0, 0, .15); }
.Interest.homefeedBuilderView .interestWrapper:active .hoverMask {
        background: rgba(0, 0, 0, .25); }
.Interest.homefeedBuilderView .interestWrapper:hover > .interestImage {
        background: #fff center;
        background-size: cover;
        opacity: .8; }
.Interest.storyView {
    height: auto;
    height: initial;
    width: 236px; }
.Interest.storyView .interestMaskAndWrapper {
      display: block;
      padding: 10px;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0; }
.Interest.storyView .interestWrapper {
      border-radius: 3px;
      height: 216px;
      width: 216px; }
.Interest.storyView .Button {
      margin: 0 10px 10px;
      width: 216px; }
.Interest .selectCheck {
    width: 21px;
    height: 21px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) 0 -242px 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(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -136px;
        background-size: 249px 231px; } }
.Interest .selectCheck.checked {
    width: 21px;
    height: 21px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -191px -97px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Interest .selectCheck.checked {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -208px -92px;
        background-size: 249px 231px; } }
.Interest .wholeInterestMask {
    cursor: pointer;
    position: absolute;
    z-index: 101; }
.Interest .wholeInterestMask .check {
      width: 35px;
      height: 35px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -37px 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(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -342px -36px;
          background-size: 428px 427px; } }
.Interest .wholeInterestMask .mask {
      background-color: #000;
      border-radius: 6px;
      height: 136px;
      opacity: .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.briofy {
      background-color: #e60023; }
.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 .overflowMask .text.briofy {
        color: #fff;
        font-size: 24px;
        line-height: 29px; }
.Interest .interestWrapper {
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .25);
    display: block;
    height: 136px;
    position: relative;
    transition: transform .1s ease-in-out;
    width: 136px; }
.Interest .interestWrapper:active {
      transform: scale(0.95); }
.Interest .interestWrapper:active > .interestImage {
      overflow: hidden;
      background-color: #000;
      opacity: .5; }
.Interest .interestWrapper .interestImage {
      background: #fff center;
      background-size: cover;
      border-radius: 6px;
      display: block;
      height: 100%;
      opacity: .8;
      position: relative;
      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: 18px;
        line-height: 20px;
        overflow: hidden;
        padding: 8px;
        text-overflow: ellipsis;
        white-space: normal; }
.Interest .interestWrapper img {
      max-width: 100%; }
.Interest.small {
    height: 110px;
    width: 110px; }
.Interest.small .interestWrapper {
      height: 110px;
      width: 110px; }
.Interest.microsmall {
    height: 100px;
    width: 100px; }
.Interest.microsmall .interestWrapper {
      height: 100px;
      width: 100px; }
.Interest.followingView, .Interest.followingOneClickView, .Interest.followingOneClickHoverView {
    height: 236px;
    width: 236px; }
/* desktop.scss */
.Interest .interestWrapper {
  box-shadow: none;
  cursor: pointer; }
.Interest .interestWrapper:focus > .interestImage, .Interest .interestWrapper:hover > .interestImage {
    overflow: hidden;
    opacity: 1; }
.Interest.large {
  height: 285px;
  width: 285px; }
.Interest.interestMenuGridItem {
  height: 90px;
  width: 90px; }
.Interest.storyView {
  background: none;
  box-shadow: none;
  cursor: pointer;
  margin: -10px;
  padding: 10px;
  width: 236px; }
.Interest.storyView .interestWrapper {
    border-radius: 8px;
    height: 236px;
    margin-bottom: 12px;
    width: 236px; }
.Interest.storyView .interestMaskAndWrapper {
    padding: 0; }
.Interest.storyView .Button {
    margin: 0;
    width: 236px; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Closeup {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.Closeup .sticky {
    border-radius: 8px;
    will-change: transform;
    z-index: 101; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .Closeup .sticky {
        position: relative;
        top: 0; } }
.Closeup .close {
    -webkit-transform: translateZ(0);
    background: none;
    box-shadow: none;
    margin-right: 24px;
    margin-top: 24px;
    position: fixed;
    z-index: 652; }
.Closeup .close em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -358px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Closeup .close em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -88px -375px;
          background-size: 428px 427px; } }
.Closeup .close:hover em,
    .Closeup .close:active em,
    .Closeup .close:focus em {
      width: 17px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -339px -342px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Closeup .close:hover em,
        .Closeup .close:active em,
        .Closeup .close:focus em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -70px -375px;
          background-size: 428px 427px; } }
.Closeup .close:hover {
      background: none;
      box-shadow: none; }
.Closeup .closeupContainer {
    margin: 32px auto;
    max-width: 628px;
    width: 100%; }
.Closeup .closeupContainer::after {
      clear: both;
      content: "";
      display: table; }
.Closeup .closeupContainer:focus {
      outline: 0; }
.Closeup.canClose {
    background-color: rgba(239, 239, 239, .96);
    cursor: zoom-out;
    overflow-x: hidden; }
.Closeup.canClose .closeupContainer,
    .Closeup.canClose .closeupBottom {
      cursor: auto; }
.Closeup.canClose .closeupBottom {
      -webkit-transform: translateZ(0); }
@media only screen and (max-device-width: 600px) {
    .Closeup .closeupContainer {
      margin: 10px auto; }
    .Closeup .sticky {
      top: 0; } }
.OAuthAuthorizationPage {
  margin: auto; }
.OAuthAuthorizationPage .formHeader {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px; }
.OAuthAuthorizationPage .logo {
    width: 104px;
    height: 26px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -253px -166px 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(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -111px -201px;
        background-size: 428px 427px; } }
.OAuthAuthorizationPage .errorMessage {
    background: #ffebe8;
    border: 1px solid #e60023;
    font-size: 16px;
    margin-top: 20px;
    padding-top: 0; }
.OAuthDialog {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .45);
  margin: 100px auto 0;
  position: relative;
  max-width: 640px;
  z-index: 682; }
.OAuthPage {
  width: 670px; }
.OAuthPage .header {
    background-color: #fff;
    height: 34px;
    padding: 10px; }
.OAuthPage .header .pinterestLogo {
      width: 104px;
      height: 26px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -253px -166px no-repeat;
      display: block;
      float: left;
      margin-left: 20px;
      margin-top: 8px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .OAuthPage .header .pinterestLogo {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -111px -201px;
          background-size: 428px 427px; } }
.OAuthPage .header .joinButton {
      float: right;
      margin-right: 20px; }
.OAuthPage h2 {
    padding: 20px 20px 10px; }
.OAuthPage .mainContent {
    margin: 0 20px;
    max-height: 315px;
    min-height: 300px;
    position: relative;
    width: 630px; }
.OAuthPage .mainContent .authUserInfo {
      text-align: center; }
.OAuthPage .mainContent .authUserInfo img {
        margin: 20px 102.5px 10px; }
.OAuthPage .mainContent .userInfo {
      border-right: 1px solid #ccc;
      float: left;
      height: 260px;
      width: 345px; }
.OAuthPage .mainContent .userInfo .standardForm {
        margin: 0;
        width: 345px; }
.OAuthPage .mainContent .userInfo .loginError {
        margin: 0 0 0 20px; }
.OAuthPage .mainContent .userInfo .authorize {
        border-bottom-left-radius: 6px;
        border-right: 1px solid #ccc;
        bottom: 0;
        max-height: 65px;
        min-height: 30px;
        padding: 20px;
        position: absolute;
        text-align: left;
        width: 305px; }
.OAuthPage .mainContent .userInfo .authorize span {
          float: left; }
.OAuthPage .mainContent .userInfo .authorize .authorizeApp {
          float: right; }
.OAuthPage .mainContent .consumerScopes {
      float: right;
      height: 290px;
      width: 284px; }
.OAuthPage .mainContent .consumerScopes .consumerScopesWrapper {
        margin: 20px; }
.OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .scopeHeading,
        .OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .facebookScopes {
          margin-top: 10px; }
.OAuthPage .mainContent .consumerScopes .consumerScopesWrapper li {
          margin-bottom: 10px; }
.OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .websiteInfo {
          height: 14px;
          width: 14px; }
.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;
    box-shadow: 0 1px 2px 0 rgba(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 {
          position: absolute;
          right: 34px;
          top: 16px; }
.OAuthPageBase .mainContent .loginError {
      color: #e60023;
      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 {
      background: url(https://s.pinimg.com/webapp/style/images/spinning_pin-1x-de64e754.gif) no-repeat;
      background-size: contain;
      height: 48px;
      width: 48px;
      display: block;
      margin: 40px auto 0;
      opacity: .1; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .OAuthPageBase .loading .spinner {
          background-image: url(https://s.pinimg.com/webapp/style/images/spinning_pin-2x-c17a7c3c.gif); } }
.OAuthPageBase .loading h2 {
      text-align: center; }
@keyframes scaleDownAndFade {
  0%, 50% {
    opacity: 1;
    transform: scale(1); }
  66%, 83% {
    opacity: 1;
    transform: scale(0.5); }
  100% {
    opacity: 0;
    transform: scale(0.5); } }
.PaddedPin {
  position: relative; }
.PaddedPin .paddedPinLink {
    background: #fff;
    display: block; }
.PaddedPin .pinImage {
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
.PaddedPin .Image {
    margin: auto; }
.PaddedPin .FlashlightEnabledImage {
    margin: auto; }
.PaddedPin .pinCloseupPlaceholderText {
    color: #333 !important;
    margin-left: auto;
    margin-right: auto; }
.PaddedPin .seeYourPinStory {
    background-color: #000;
    height: 62px;
    position: relative;
    width: 100%; }
.PaddedPin .seeYourPinStory .pinstoryButton {
      box-shadow: none;
      font-size: 15px;
      height: 40px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 125px; }
.PaddedPin .pinCanonicalDescription {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    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, .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;
    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, .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;
      animation: scaleDownAndFade 1.5s;
      transition: opacity 0.2s, transform 0.2s;
      opacity: 0;
      background: #f22;
      border: 6px solid #fff;
      border-radius: 50%;
      box-shadow: 0 0 10px #000;
      height: 32px;
      left: 50%;
      margin-left: -22px;
      margin-top: -22px;
      position: absolute;
      top: 50%;
      transform: scale(0.5);
      transform-origin: center;
      width: 32px; }
.PaddedPin .visualSearchObjectTagClickTarget:hover .visualSearchObjectTag {
      opacity: 1;
      transform: scale(0.65); }
.PaddedPin .visualSearchObjectTagClickTarget:active .visualSearchObjectTag {
      background: #b00; }
.PaddedPin:hover .visualSearchObjectTag {
    opacity: 0.67; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Pin {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  transform: rotateY(0deg); }
.Pin .fadeIn {
    animation: fadeIn 1.5s ease-out;
    display: block;
    opacity: 1; }
.Pin.column.detailed {
    margin: 0 7px; }
.Pin.column.detailed .pinWrapper {
      width: 100%; }
.Pin .bulkEditPinWrapper {
    display: none; }
.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 .pinWrapper {
    width: 100%; }
.Pin.summary .hoverMask {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.04s linear;
    border-radius: 6px 6px 0 0;
    box-shadow: none;
    z-index: 100; }
.Pin.summary .pinHolder:hover .hoverMask {
    background: rgba(255, 255, 255, .08); }
.Pin.summary .pinHolder:active .hoverMask {
    background: rgba(255, 255, 255, .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;
    z-index: 3; }
.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;
        box-shadow: 0 0 2px rgba(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%;
          box-shadow: 0 0 2px rgba(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 .creditName {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #999;
      display: block; }
.Pin.summary .creditItem .creditName h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px; }
.Pin.summary .creditItem .creditTitle {
      white-space: nowrap;
      overflow: hidden;
      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 .pinCredits button {
      z-index: 3; }
.Pin.summary .pinDomain {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    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, .17);
    top: 50%; }
.Pin.summary .pinCanonicalDescription {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    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, .17);
    top: 45%;
    white-space: normal;
    word-wrap: break-word; }
.Pin.summary .pinHolder {
    position: relative;
    z-index: 3; }
.Pin.summary .pinImageWrapper {
    background: #eee;
    border-radius: 6px 6px 0 0;
    display: block;
    padding: 0;
    position: relative; }
.Pin.summary .pinImg {
    display: block;
    margin: 0 auto;
    opacity: 0;
    z-index: 5; }
.Pin.summary .pinImg.noFade {
      opacity: 1; }
.Pin.summary .pinImg.loaded {
      opacity: 1; }
.Pin.summary .pinImg.fade {
      transition: opacity .04s linear; }
.Pin.summary .pinImg:hover {
      cursor: pointer; }
.Pin.summary .pinImg.fullBleed {
      border-radius: 6px 6px 0 0; }
.Pin.summary.bulkEditMode .pinWrapper .bulkEditPinWrapper {
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 102; }
.Pin.summary.bulkEditMode .pinWrapper .bulkEditCheckboxWrapper {
    display: block; }
.Pin.summary.bulkEditMode .pinWrapper .leftSideButtonsWrapper,
  .Pin.summary.bulkEditMode .pinWrapper .rightSideButtonsWrapper {
    display: none; }
.Pin.summary .productPrice {
    color: #e60023;
    font-size: 13px;
    font-weight: bold;
    margin: 12px 12px 0; }
.Pin.summary .pinWrapper {
    border-radius: 6px;
    position: relative; }
.Pin.summary .creditItem {
    line-height: 15px;
    padding: 10px;
    position: relative; }
.Pin.summary .creditItem .creditTitle {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #333;
      display: block;
      font-weight: normal; }
.Pin.summary .creditItem .creditTitle h5 {
        font-size: 11px; }
.Pin.summary .creditItem .creditName {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #333;
      font-weight: bold; }
.Pin.summary .creditItem:hover {
      background: #f1f1f1; }
.Pin.summary .creditItem:hover .creditName h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px; }
.Pin.summary .pinCreditWrapper {
    border-radius: 0 0 6px 6px;
    position: relative;
    z-index: 103; }
.Pin.summary .pinCreditWrapper .creditTitle, .Pin.summary .pinCreditWrapper .creditName {
      width: 151px; }
.Pin.summary .pinImageWrapper {
    cursor: zoom-in; }
.Pin.summary .pinImageWrapper::after {
      border-bottom: 1px solid rgba(0, 0, 0, .1);
      bottom: 0;
      content: "";
      height: 1px;
      left: 0;
      margin-top: -1px;
      position: absolute;
      right: 0;
      z-index: 10; }
.Pin.summary .leftSideButtonsWrapper {
    left: 8px; }
.Pin.summary .leftSideButtonsWrapper .repinSmall {
      border: 1px solid;
      border-color: #670f13;
      float: left; }
.Pin.summary .rightSideButtonsWrapper,
  .Pin.summary .bulkEditCheckboxWrapper {
    right: 8px; }
.Pin.summary .rightSideButtonsWrapper .btn,
    .Pin.summary .bulkEditCheckboxWrapper .btn {
      margin-right: 4px; }
.Pin.summary .rightSideButtonsWrapper .btn:last-child,
      .Pin.summary .bulkEditCheckboxWrapper .btn:last-child {
        margin-right: 0; }
.Pin.summary .leftSideButtonsWrapper,
  .Pin.summary .rightSideButtonsWrapper {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 8px;
    z-index: 103; }
.Pin.summary .leftSideButtonsWrapper .btn,
    .Pin.summary .rightSideButtonsWrapper .btn {
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, .3);
      border-radius: 4px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
      font-size: 13px; }
.Pin.summary .leftSideButtonsWrapper .btn:hover,
      .Pin.summary .rightSideButtonsWrapper .btn:hover {
        border: 1px solid rgba(0, 0, 0, .4);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.Pin.summary .leftSideButtonsWrapper .btn:active,
      .Pin.summary .rightSideButtonsWrapper .btn:active {
        box-shadow: 0 0 2px rgba(0, 0, 0, .1) inset; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat,
      .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat {
        background-color: #efefef;
        background-image: none;
        border: 0;
        border-radius: 4px;
        box-shadow: none;
        color: #333;
        height: 36px;
        text-shadow: none;
        background-color: #fff;
        font-size: 14px;
        opacity: .97; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat:hover,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat:hover {
          background-color: #e3e3e3;
          border: 0; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat:active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat:focus, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.active,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat:active,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat:focus,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.active {
          background-color: #e3e3e3;
          background-image: none;
          border: 0;
          box-shadow: none; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active {
          background-color: #e60023;
          border: 0;
          box-shadow: none;
          color: #efefef;
          text-shadow: none; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary.btn.primary:hover, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary.btn.primaryOnHover:hover:not(.noHoverActive):hover, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:focus, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary.active .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):focus, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active.btn.primary:hover, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active.btn.primaryOnHover:hover:not(.noHoverActive):hover, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active:focus, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active:active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active.active .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):focus,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary.btn.primary:hover,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary.btn.primaryOnHover:hover:not(.noHoverActive):hover,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:focus,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary.active .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):focus,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active.btn.primary:hover,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active.btn.primaryOnHover:hover:not(.noHoverActive):hover,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active:focus,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active:active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active.active .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):focus, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary.active .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active.active .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary.active .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active.active .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary.active
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active.active
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary.active
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active.active
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:not(.noHoverActive):active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary.active
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):active, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.primary:active.active
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary.active
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):active,
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active.active
          .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.primary:active:not(.noHoverActive):active {
            /* the above is for css specificity, will be better after the experiments are shipped to
                all users */
            background: #b7071b;
            border: 0;
            box-shadow: none;
            text-shadow: none; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.white, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.white:active,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.white,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.white:active {
          background-color: white; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat.white:hover,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat.white:hover {
          background-color: #efefef; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat span,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat span {
          margin-left: 4px; }
.Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat:hover, .Pin.summary .leftSideButtonsWrapper .btn.isBrioFlat:active,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat:hover,
        .Pin.summary .rightSideButtonsWrapper .btn.isBrioFlat:active {
          background-color: #efefef; }
.Pin.summary .pinHolder {
    cursor: pointer; }
.Pin.summary .pinHolder:hover .pinImageWrapper::after {
      border-bottom-color: rgba(0, 0, 0, .08); }
.Pin.summary .pinHolder:active .pinImageWrapper::after {
      border-bottom-color: rgba(0, 0, 0, .12); }
.Pin.sterlingPin {
    box-shadow: none; }
.Pin.sterlingPin .pinMask {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 102; }
/* desktop.scss */
/* stylelint-disable at-rule-no-unknown */
.Pin {
  background-color: transparent;
  box-shadow: none !important; }
.Pin.imageGrid {
    border-radius: 8px;
    padding: 8px; }
.Pin.imageGrid .pinImageWrapper img {
      border-radius: 8px; }
.Pin.summary.imageOnlyWeb .pinMeta {
    min-height: 13px; }
.Pin.summary .pinImageWrapper,
  .Pin.summary .hoverMask {
    border-radius: 8px; }
.Pin.summary .pinHolder::after {
    background: rgba(0, 0, 0, .02);
    border-radius: 8px;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
.Pin.summary .pinDomain {
    display: none; }
.Pin.summary .pinWrapper {
    cursor: zoom-in;
    margin: -8px;
    padding: 8px;
    position: relative; }
.Pin.summary .pinWrapper::before {
      background: rgba(0, 0, 0, .05);
      border-radius: 8px;
      content: " " !important;
      height: 100%;
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      transform: scale(0.96);
      width: 100%;
      z-index: 3; }
.Pin.summary .pinWrapper:hover::before {
      animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.Pin.summary .pinWrapper.disableHover {
      pointer-events: none; }
.Pin.summary .pinCredits > .pinCreditWrapper {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative; }
.Pin.summary .pinCredits > .pinCreditWrapper:hover {
      background: transparent; }
.Pin.summary .pinCredits > .pinCreditWrapper:hover a {
        text-decoration: underline; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem {
      /* Fix for Chrome 44 bug: https://code.google.com/p/chromium/issues/detail?id=506893 */
      border-radius: 4px;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      font-size: 12px;
      line-height: 14px;
      max-width: 100%;
      min-height: 0;
      /* 1 */
      min-width: 0;
      /* 1 */
      overflow: hidden;
      padding: 0;
      text-overflow: ellipsis;
      white-space: nowrap; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem:hover {
        color: #333; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem > a {
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditName,
      .Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditTitle {
        color: #333;
        width: 125px; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditName {
        font-weight: bold; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditTitle {
        font-weight: normal; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditImg.user::after {
        display: none; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditImg,
      .Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditImg img {
        height: 24px;
        width: 24px; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditImg {
        background-color: #efefef;
        -ms-flex: none;
            flex: none; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditImg.user .heightContainer {
        position: relative; }
.Pin.summary .pinCredits > .pinCreditWrapper .creditItem .creditImg.user .heightContainer::after {
        background: rgba(0, 0, 0, .02);
        border-radius: 50%;
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
.Pin.summary .pinCredits > .creditItem {
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap; }
.Pin.summary .pinCredits > .creditItem:hover {
      background-color: #efefef; }
.Pin.summary .pinCredits > .creditItem > a {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex; }
.Pin.summary .pinCredits > .creditItem .creditName,
    .Pin.summary .pinCredits > .creditItem .creditTitle {
      color: #8e8e8e;
      max-width: 160px; }
.Pin.summary .pinCredits > .creditItem .creditName {
      font-weight: normal; }
.Pin.summary .pinCredits > .creditItem .creditTitle {
      font-weight: bold; }
.Pin.summary .fadeContainer img {
    color: transparent; }
.Pin .pinCredits {
    border-top: none !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
.Pin .pinImageWrapper::after {
    display: none; }
.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;
        box-shadow: 0 0 2px rgba(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, .2);
        content: " ";
        position: absolute;
        z-index: 10; }
.Pinnable.add_to_map .pinWrapper:hover .hoverSelectedStateIconWrapper {
        visibility: visible; }
.Pinnable.summary .pinImageWrapper {
    background: #fff;
    text-align: center; }
.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; }
.DomainVerify .contentWrapper {
  padding: 15px; }
.DomainVerify .contentWrapper .descriptionBlurb, .DomainVerify .contentWrapper .metaTag, .DomainVerify .contentWrapper .instructions {
    margin-bottom: 10px; }
.DomainVerify .contentWrapper .verifyThroughDownload .filename {
    display: block;
    margin-top: 10px; }
.DomainVerify .contentWrapper .downloadLink {
    cursor: pointer; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.addPinFlyout .positionModuleCaret {
  top: 130px; }
.browserButtonUpsellModal {
  background: #fff;
  border-radius: 6px;
  padding: 24px; }
.creditsImage {
  border-radius: 100px;
  height: 24px;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  width: 24px; }
.creditsCard {
  font-weight: normal; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Board .hoverMask {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.04s linear;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
  z-index: 100; }
.Board .boardLinkWrapper:hover .hoverMask {
  background: rgba(255, 255, 255, .08); }
.Board .boardLinkWrapper:active .hoverMask {
  background: rgba(255, 255, 255, .08); }
.Board .boardName {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin: 0 3px 6px;
  position: relative;
  height: auto; }
.Board .boardName .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.Board .boardName .authorName {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-weight: normal; }
.Board.noBoardName .boardName {
  display: none; }
.Board.boardCoverImage {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
  border-radius: 6px;
  background-color: transparent;
  width: 236px; }
.Board.boardCoverImage .boardLinkWrapper {
    padding: 10px 10px 0; }
.Board.boardCoverImage img {
    border-radius: 2px; }
.Board.boardCoverImage .boardCoverWrapper {
    position: relative;
    height: 111px;
    width: 216px; }
.Board.boardCoverImage .boardCoverWrapper::after {
      border-radius: 3px;
      box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
      content: " ";
      height: auto;
      left: 0;
      position: absolute;
      top: 0;
      width: 216px; }
.Board.boardCoverImage .boardCoverWrapper .boardCover {
      border-radius: 3px;
      height: auto;
      width: 216px; }
.Board.boardCoverImage .boardThumbs {
    margin: 4px 0; }
.Board.boardCoverImage .boardThumbs::after {
      clear: both;
      content: "";
      display: table; }
.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;
        box-shadow: 0 0 2px rgba(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.boardCoverImage {
  position: relative; }
.Board.boardCoverImage .boardLinkWrapper {
    display: block; }
.Board.boardCoverImage a {
    color: #333;
    display: block;
    position: relative; }
.Board.boardCoverImage .BoardIcons {
    float: right; }
.Board.boardCoverImage .boardCoverWrapper {
    overflow: hidden;
    background-color: #eee;
    clear: both; }
.Board.boardCoverImage .boardPinCount {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 2px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .3);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
    background-color: #000;
    background-color: rgba(68, 68, 68, .7);
    bottom: 3px;
    color: #fff;
    padding: 3px 6px;
    position: absolute;
    left: 3px; }
.Board .thumbImageWrapper {
  position: relative;
  width: 50px; }
.Board .thumbImageWrapper::after {
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(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.selectable {
  cursor: pointer; }
.Board.selectable:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3); }
.Board.selectable:active {
    background-color: #f3f3f3;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .13); }
.Board .debugMacro {
  padding: 2px; }
.Board.noButton {
  padding-bottom: 6px; }
/* desktop.scss */
.item > .Board {
  cursor: pointer;
  margin: -10px;
  padding: 10px; }
.item > .Board::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 8px;
    content: " " !important;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: 3; }
.item > .Board:not(.boardWrapperDisableHover):hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.Board.boardCoverImage {
  border: none;
  box-shadow: none;
  width: 236px; }
.Board.boardCoverImage .boardCoverWrapper {
  background-color: #efefef;
  border-radius: 8px 8px 0 0;
  height: 111px;
  width: auto; }
.Board.boardCoverImage .boardCoverWrapper::after {
  background: rgba(0, 0, 0, .02);
  border-radius: 8px 8px 0 0;
  box-shadow: none;
  height: 100%;
  width: 100%; }
.Board.boardCoverImage .boardCoverWrapper .boardCover {
  border-radius: 8px 8px 0 0;
  width: 236px; }
.Board.boardCoverImage .boardCoverWrapper .boardCover[src=""] {
  visibility: hidden; }
.Board.boardCoverImage .boardThumbs {
  display: -ms-flexbox;
  display: flex;
  height: 111px;
  margin-bottom: 0;
  margin-top: 2px;
  width: 236px; }
.Board.boardCoverImage .boardThumbs li {
  background-color: #efefef;
  height: 100%;
  margin-left: 2px;
  width: 100%; }
.Board.boardCoverImage .boardThumbs li::after {
    background: rgba(0, 0, 0, .02);
    box-shadow: none;
    height: 100%;
    width: 100%; }
.Board.boardCoverImage .boardThumbs li .thumb {
  border-radius: 0;
  height: 100%;
  width: 100%; }
.Board.boardCoverImage .boardThumbs li:first-child,
.Board.boardCoverImage .boardThumbs li:first-child::after {
  border-bottom-left-radius: 8px;
  margin-left: 0; }
.Board.boardCoverImage .boardThumbs li:first-child .thumb {
  border-bottom-left-radius: 8px; }
.Board.boardCoverImage .boardThumbs li:nth-child(2),
.Board.boardCoverImage .boardThumbs li:nth-child(2)::after {
  border-bottom-right-radius: 8px; }
.Board.boardCoverImage .boardThumbs li:nth-child(2) .thumb {
  border-bottom-right-radius: 8px; }
.Board.boardCoverImage .boardThumbs li:nth-child(3) {
  display: none; }
.Board.boardCoverImage .boardThumbs li::after {
  box-shadow: none; }
.Board.boardCoverImage .boardLinkWrapper {
  /* Setting this to flex allows us to re-order the items */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0;
  padding: 0; }
.Board.boardCoverImage .Button {
  margin: 0;
  width: 236px; }
.Board .boardName {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  -ms-flex-order: 99999;
      order: 99999;
  padding: 6px 8px; }
.Board .boardName .name {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-size: 18px;
    line-height: 20px;
    margin-right: 16px; }
.Board .boardName .boardPinCount {
    background-color: transparent;
    box-shadow: none;
    color: #8e8e8e;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-size: 12px;
    font-weight: normal;
    left: 0;
    line-height: 14px;
    -ms-flex-order: 99999;
        order: 99999;
    padding: 0;
    position: relative;
    text-shadow: none; }
.Board .boardName .boardPinCount .PinCount {
      margin-top: 6px; }
.Board .boardName .boardPinCount .PinCount .value {
        font-weight: bold; }
.Board .boardName > .secretIcon {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-right: 8px; }
.Board .boardName .BoardIcons.pinCreate {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-left: auto;
    -ms-flex-order: 3;
        order: 3; }
.Board .boardName .BoardIcons.pinCreate .secretIcon {
      display: none; }
.Board .hoverMask {
  display: none; }
.Board .boardName.hasBoardContext {
  margin-top: 6px;
  overflow: visible; }
.Board .boardName.hasBoardContext .boardPinCount, .Board .boardName.hasBoardContext .BoardIcons.pinCreate {
    display: none; }
.BoardIcons {
  display: inline-block; }
.BoardIcons .secretIcon,
  .BoardIcons .collaborativeIcon {
    display: inline-block;
    margin-right: 1px; }
.BoardIcons .secretIcon {
    width: 9px;
    height: 10px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -317px no-repeat;
    margin-top: -1px; }
.BoardIcons .collaborativeIcon {
    width: 18px;
    height: 11px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -347px -325px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BoardIcons .collaborativeIcon {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -264px -320px;
        background-size: 399px 382px; } }
.BoardIcons.pinCreate {
    height: 16px; }
.BoardIcons.pinCreate .secretIcon,
    .BoardIcons.pinCreate .collaborativeIcon {
      margin-right: 2px; }
.BoardIcons.pinCreate span:last-child {
      margin-right: 0; }
.BoardIcons.pinCreate .secretIcon {
      width: 16px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -282px -210px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardIcons.pinCreate .secretIcon {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
          background-position: -370px -342px;
          background-size: 399px 382px; } }
.BoardIcons.pinCreate .collaborativeIcon {
      width: 16px;
      height: 16px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -345px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardIcons.pinCreate .collaborativeIcon {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
          background-position: -370px -240px;
          background-size: 399px 382px; } }
.BoardIcons.light .secretIcon {
    width: 9px;
    height: 10px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -329px no-repeat; }
.BoardIcons.light .collaborativeIcon {
    width: 18px;
    height: 10px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -363px no-repeat; }
.SocialConnectCell {
  color: #eee; }
.SocialConnectCell .icon {
    height: 40px;
    width: 40px; }
.SocialConnectCell .icon em {
      display: block; }
.SocialConnectCell .icon.socialConnect-facebook em {
      width: 32px;
      height: 32px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -284px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SocialConnectCell .icon.socialConnect-facebook em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -33px -342px;
          background-size: 428px 427px; } }
.SocialConnectCell .icon.socialConnect-gplus em {
      width: 33px;
      height: 33px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -181px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SocialConnectCell .icon.socialConnect-gplus em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -342px -176px;
          background-size: 428px 427px; } }
.SocialConnectCell .icon.socialConnect-twitter em {
      width: 32px;
      height: 32px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -68px -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SocialConnectCell .icon.socialConnect-twitter em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -342px -276px;
          background-size: 428px 427px; } }
.SocialConnectCell .icon.socialConnect-yahoo em {
      width: 32px;
      height: 32px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) 0 -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SocialConnectCell .icon.socialConnect-yahoo em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -99px -342px;
          background-size: 428px 427px; } }
.SocialConnectPanel {
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: auto; }
.SocialConnectPanel .backNav {
    cursor: pointer;
    padding: 20px 20px 0; }
.SocialConnectPanel .backNav .icon {
      width: 10px;
      height: 15px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -316px no-repeat;
      float: left; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SocialConnectPanel .backNav .icon {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -418px 0;
          background-size: 428px 427px; } }
.SocialConnectPanel .backNav .label {
      color: #333;
      font-size: 14px;
      margin-left: 10px; }
.SocialConnectPanel .prompt {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    padding: 20px; }
.SocialConnectPanel .socialConnectOptions {
    overflow-y: auto; }
.SocialConnectPanel .socialConnectOptions .socialConnectWrapper .socialConnect .left {
      float: left; }
.SocialConnectPanel .socialConnectOptions .socialConnectWrapper .socialConnect .left .icon em {
        display: block; }
.SocialConnectPanel .socialConnectOptions li {
      overflow: hidden;
      color: #777;
      display: block;
      font-size: 12px;
      position: relative; }
.SocialConnectPanel .socialConnectOptions li:first-child {
        padding-top: 5px; }
.SocialConnectPanel .socialConnectOptions li:last-child {
        padding-bottom: 5px; }
.SocialConnectPanel .socialConnectOptions 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; }
.SocialConnectPanel .socialConnectOptions li a:hover {
          background: #f1f1f1;
          color: #333; }
.SocialConnectPanel .socialConnectOptions li a:active {
          background: #eaeaea; }
.SocialConnectPanel .socialConnectOptions li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
.SocialConnectPanel .socialConnectOptions li.highlighted a {
        background-color: #eeeeee;
        color: #333; }
.SocialConnectPanel .socialConnectOptions li:first-child {
        padding-top: 0; }
.SocialConnectPanel .socialConnectOptions li:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
.SocialConnectPanel .socialConnectOptions li:hover .remove {
        display: inline; }
.SocialConnectPanel.sendShare.compact .prompt {
    font-size: 15.5px; }
.SocialConnectPanel.sendShare.compact .socialConnectOptions > li > a {
    padding: 4px 10px; }
.SocialConnectPanel.sendShare .socialConnectOptions {
    border-top: 1px solid #eee; }
.SocialConnectPanel.sendShare .socialConnectOptions .socialConnectWrapper .socialConnect .left {
      margin-right: 10px; }
.SocialConnectPanel.sendShare .socialConnectOptions .socialConnectWrapper .socialConnect .left .icon {
        height: 32px;
        width: 32px; }
.SocialConnectPanel.sendShare .socialConnectOptions .socialConnectWrapper .socialConnect .right {
      display: table-cell;
      float: none;
      height: 32px;
      vertical-align: middle; }
.SocialConnectPanel.sendShare .socialConnectOptions .socialConnectWrapper .socialConnect .right .title {
        color: #666;
        font-size: 13px; }
.SocialConnectPanel.sendShare .socialConnectOptions .socialConnectWrapper .socialConnect .right .subtitle {
        color: #666;
        font-size: 12px;
        font-weight: normal; }
.SocialConnectPanel.sendShare .socialConnectOptions li {
      border-bottom: 1px solid #eee; }
.SocialConnectPanel.sendShare .socialConnectOptions li a {
        padding: 10px; }
.SocialConnectPanel.sendShare .socialConnectOptions li.socialConnectFacebook em {
        width: 32px;
        height: 32px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -284px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SocialConnectPanel.sendShare .socialConnectOptions li.socialConnectFacebook em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -33px -342px;
            background-size: 428px 427px; } }
.SocialConnectPanel.sendShare .socialConnectOptions li.socialConnectGplus em {
        width: 32px;
        height: 32px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -102px -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SocialConnectPanel.sendShare .socialConnectOptions li.socialConnectGplus em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -252px -201px;
            background-size: 428px 427px; } }
.SocialConnectPanel.sendShare .socialConnectOptions li.socialConnectTwitter em {
        width: 32px;
        height: 32px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -68px -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SocialConnectPanel.sendShare .socialConnectOptions li.socialConnectTwitter em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -342px -276px;
            background-size: 428px 427px; } }
.SocialConnectPanel.sendShare .socialConnectOptions li.socialConnectYahoo em {
        width: 32px;
        height: 32px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) 0 -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SocialConnectPanel.sendShare .socialConnectOptions li.socialConnectYahoo em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -99px -342px;
            background-size: 428px 427px; } }
.SocialConnectPanel.sendShareBrio {
    padding-bottom: 16px; }
.SocialConnectPanel.sendShareBrio .socialConnectOptions .socialConnectWrapper .socialConnect .left {
      margin-right: 12px; }
.SocialConnectPanel.sendShareBrio .socialConnectOptions .socialConnectWrapper .socialConnect .left .icon {
        height: 44px;
        width: 44px; }
.SocialConnectPanel.sendShareBrio .socialConnectOptions .socialConnectWrapper .socialConnect .right {
      display: table-cell;
      float: none;
      height: 44px;
      vertical-align: middle; }
.SocialConnectPanel.sendShareBrio .socialConnectOptions .socialConnectWrapper .socialConnect .right .title {
        color: #333;
        font-size: 18px;
        line-height: 20px; }
.SocialConnectPanel.sendShareBrio .socialConnectOptions .socialConnectWrapper .socialConnect .right .subtitle {
        color: #8e8e8e;
        font-size: 12px;
        font-weight: normal; }
.SocialConnectPanel.sendShareBrio .socialConnectOptions li {
      border-bottom: 0; }
.SocialConnectPanel.sendShareBrio .socialConnectOptions li a {
        padding: 4px 20px; }
.SocialConnectPanel.sendShareBrio .socialConnectOptions li.socialConnectFacebook em {
        width: 44px;
        height: 44px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -92px -296px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SocialConnectPanel.sendShareBrio .socialConnectOptions li.socialConnectFacebook em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -45px -258px;
            background-size: 428px 427px; } }
.SocialConnectPanel.sendShareBrio .socialConnectOptions li.socialConnectGplus em {
        width: 44px;
        height: 44px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -46px -296px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SocialConnectPanel.sendShareBrio .socialConnectOptions li.socialConnectGplus em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -291px -139px;
            background-size: 428px 427px; } }
.SocialConnectPanel.sendShareBrio .socialConnectOptions li.socialConnectTwitter em {
        width: 44px;
        height: 44px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) 0 -296px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SocialConnectPanel.sendShareBrio .socialConnectOptions li.socialConnectTwitter em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: 0 -258px;
            background-size: 428px 427px; } }
.SocialConnectPanel.sendShareBrio .socialConnectOptions li.socialConnectYahoo em {
        width: 45px;
        height: 44px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -287px -248px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SocialConnectPanel.sendShareBrio .socialConnectOptions li.socialConnectYahoo em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -291px -94px;
            background-size: 428px 427px; } }
/* stylelint-disable no-duplicate-selectors */
.BoardEdit {
  max-width: 600px;
  width: 100%; }
.BoardEdit .BoardInvite .User {
    overflow: hidden; }
.BoardEdit .BoardInvite .Button {
    float: right;
    margin-left: 10px;
    margin-top: 3px; }
/* common.scss */
.BoardEditBase .User {
  padding: 4px 0;
  width: auto; }
.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, .5);
    border: 2px solid #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); }
.BoardEditBase .boardEditCollaborators .subtitle {
    white-space: normal !important; }
.BoardEditBase.multiSelect .boardEditCollaborators {
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  max-height: 208px; }
.BoardEditBase .boardEditDescription {
  min-height: 58px; }
.BoardEditBase .boardCollaboratorsWrapper {
  overflow: visible; }
.BoardEditBase .learnAboutSecret {
  float: right;
  margin-top: 7px; }
.BoardEditBase .standardForm h1 {
  font-weight: normal;
  position: relative; }
.BoardEditBase .alert {
  background-color: #ffa;
  font-size: 120%;
  margin: 7px 0;
  padding: 15px; }
.BoardEditBase a.learnAboutBoardInvites {
  display: block;
  float: none;
  margin: 3px 0; }
.BoardEditBase a.learnAboutBoardInvites:focus {
    outline: none; }
.BoardEditBase .userSelect.Typeahead {
  box-shadow: 0 1px 5px 0 rgba(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%; }
.BoardEditBase.simple .descriptionWrapper,
.BoardEditBase.simple .categoryWrapper,
.BoardEditBase.simple .mapToggleWrapper {
  display: none; }
/* desktop.scss */
.BoardEditBase .standardForm h1 {
  padding-right: 42px; }
.BoardEditBase .learnMore {
  max-width: 331px; }
.BoardInviteForm {
  margin-bottom: 8px; }
.BoardInviteForm .TypeaheadField {
    position: relative;
    width: 100%;
    z-index: 100; }
.BoardInviteForm .inviteWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
.BoardInviteForm .fillWidth {
    -ms-flex: 1;
        flex: 1;
    margin-right: 10px; }
.BoardInviteForm .collaboratorInvitesNoMargin {
    margin-bottom: 0; }
.reactNewMessageTypeahead {
  -ms-flex-positive: 1;
      flex-grow: 1; }
.reactNewMessageTypeahead .inputContainer {
    display: -ms-flexbox;
    display: flex;
    width: inherit; }
.reactNewMessageTypeahead .inputContainer input {
      border: 0;
      box-shadow: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-positive: 1;
          flex-grow: 1;
      height: 33px;
      outline: none;
      width: inherit; }
.reactNewMessageTypeahead .inputContainer.webInboxRedesign input {
      font-size: 16px; }
.reactNewMessageTypeahead .socialInboxTypeahead {
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    margin: 4px 4px 4px 0; }
.reactNewMessageTypeahead .socialInboxTypeahead.webInboxRedesign {
      border: none;
      padding: 4px;
      width: auto; }
.reactNewMessageTypeahead .socialInboxTypeahead.webInboxRedesign input {
        border: none; }
.reactNewMessageTypeahead .open {
    height: 466px;
    margin-left: -41px;
    overflow-y: auto;
    width: 360px; }
.reactNewMessageTypeahead .open.webInboxRedesign {
      height: auto;
      margin-left: -36px;
      width: inherit; }
.reactNewMessageTypeahead .open.webInboxRedesign li {
        border: none; }
/* TODO: hacky, remove when css is rewritten */
.reactCollaboratorInviterTypeaheadCustom {
  height: 47px; }
/* TODO: hacky, remove when css is rewritten */
.reactSocialTypeahead .typeaheadImg,
.reactSocialTypeahead .userContact {
  border-radius: 50%;
  overflow: hidden; }
.reactSocialTypeahead .typeaheadImg::after,
  .reactSocialTypeahead .userContact::after {
    box-shadow: none; }
.Typeahead {
  background: #fff;
  border-radius: 6px;
  display: none;
  left: 0;
  right: 0;
  transition: opacity .25s linear;
  z-index: -1; }
.Typeahead li:first-child {
    padding-top: 10px !important; }
.Typeahead.flexible {
    overflow-y: auto;
    z-index: 0; }
.Typeahead.typeaheadWithTitles {
    padding-bottom: 5px; }
.Typeahead.typeaheadWithTitles li a {
      color: #4a4a4a;
      font-size: 16px;
      padding: 6px 15px; }
.Typeahead.typeaheadWithTitles li a:hover {
        color: #4a4a4a; }
.Typeahead.typeaheadWithTitles li a.titleItem {
        color: #999;
        font-size: 10px;
        line-height: 12px;
        margin-top: 5px; }
.Typeahead.typeaheadWithTitles li a.titleItem .typeaheadName {
          color: #333;
          font-size: 12px;
          font-weight: normal;
          line-height: 14px; }
.Typeahead.typeaheadWithTitles li a.clearRecentItem {
        color: #ddd;
        font-size: 12px; }
.Typeahead.typeaheadWithTitles li a.clearRecentItem:hover {
          color: #777; }
.Typeahead.typeaheadWithTitles li a.trending-1 {
        color: #333; }
.Typeahead.typeaheadWithTitles li a.trending-2 {
        color: #666; }
.Typeahead.typeaheadWithTitles li a.trending-3 {
        color: #757575; }
.Typeahead.typeaheadWithTitles li a.trending-4 {
        color: #838383; }
.Typeahead.typeaheadWithTitles li a.trending-5 {
        color: #909090; }
.Typeahead.typeaheadWithTitles li a.trending-6 {
        color: #9f9f9f; }
.Typeahead.typeaheadWithTitles li a.trending-7 {
        color: #acacac; }
.Typeahead.open {
    animation: fadeIn .2s ease-out;
    display: block;
    opacity: 1; }
.Typeahead.expanded {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    max-width: 1000px; }
.Typeahead.expanded .results ul {
      float: left;
      width: 33.3%; }
.Typeahead.expanded .cancelButton {
      color: #fff;
      font-size: 32px;
      font-weight: 400;
      position: absolute;
      right: 20px;
      top: 30px; }
.Typeahead.expanded.open {
      animation: none; }
.Typeahead.expanded li:first-child, .Typeahead.expanded li:last-child {
      padding: 0; }
.Typeahead.expanded li a {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      border-radius: 6px;
      color: #b9b9b9;
      font-size: 16px;
      font-weight: 500;
      padding: 15px 10px; }
.Typeahead.expanded li a.recentQuery {
        padding: 20px 10px; }
.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 a:hover.recentQuery {
        padding: 20px 10px; }
.Typeahead.expanded li hr {
      background-color: rgba(255, 255, 255, .18);
      height: 1px;
      margin: 5px; }
.Typeahead li {
    overflow: hidden;
    color: #777;
    display: block;
    font-size: 12px;
    position: relative; }
.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 {
      overflow: hidden;
      padding: 6px 10px;
      white-space: nowrap; }
.Typeahead li.highlighted a {
      background: rgba(0, 0, 0, .08);
      color: #333; }
.Typeahead li:hover .remove {
      display: inline; }
.Typeahead li .user, .Typeahead li .board {
      text-overflow: ellipsis; }
.Typeahead li .user .typeaheadName, .Typeahead li .board .typeaheadName {
        box-sizing: border-box;
        margin-left: -43px;
        padding-left: 43px; }
.Typeahead li .user .sublabel, .Typeahead li .user .label, .Typeahead li .board .sublabel, .Typeahead li .board .label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
.Typeahead li .user .subLabel, .Typeahead li .board .subLabel {
        color: #999;
        font-size: 10px;
        font-weight: normal; }
.Typeahead.advanced li:first-child {
    padding-top: 0; }
.Typeahead .results .sectionHeader {
    background: #f1f1f1;
    cursor: default; }
.Typeahead .typeaheadImg {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 38px; }
.Typeahead .typeaheadImg::after {
      border-radius: 2px;
      box-shadow: 0 0 2px rgba(0, 0, 0, .9) inset;
      content: " ";
      height: 38px;
      left: 0;
      position: absolute;
      top: 0;
      width: 38px; }
.Typeahead .typeaheadImg img {
      border-radius: 2px;
      height: 38px;
      width: 38px; }
.Typeahead .myPins {
    color: #e60023; }
.Typeahead .remove {
    width: 8px;
    height: 8px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -315px -47px no-repeat;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    float: right;
    margin-top: 4px;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 8px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Typeahead .remove {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
        background-position: -222px -201px;
        background-size: 249px 231px; } }
.Typeahead.userSelect {
    background: #fff;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ccc;
    box-shadow: none;
    margin: 0;
    position: absolute;
    text-align: left; }
.Typeahead.userSelect .highlighted a,
    .Typeahead.userSelect a:hover,
    .Typeahead.userSelect .socialConnectItem:hover {
      background: #f1f1f1; }
.Typeahead.userSelect a:active {
      background: #eaeaea; }
.Typeahead.userSelect .useEmail .typeaheadImg {
      position: relative; }
.Typeahead.userSelect .useEmail .typeaheadImg::after {
        border-radius: 3px;
        box-shadow: 0 0 2px rgba(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: 0; }
.Typeahead.userSelect li a, .Typeahead.userSelect li .socialConnectItem {
        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 {
      font-size: 11px; }
.Typeahead.userSelect .titleWrapper .title {
        display: inline-block;
        margin-left: 5px; }
.Typeahead.userSelect .titleIcon {
      width: 11px;
      height: 11px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -107px -442px no-repeat;
      display: inline-block;
      float: left; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Typeahead.userSelect .titleIcon {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: 0 -416px;
          background-size: 428px 427px; } }
.Typeahead.userSelect .titleIcon.isPinner {
        width: 11px;
        height: 11px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -439px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead.userSelect .titleIcon.isPinner {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -12px -416px;
            background-size: 428px 427px; } }
.Typeahead.userSelect .titleIcon.isFacebook {
        width: 10px;
        height: 10px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -223px -206px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead.userSelect .titleIcon.isFacebook {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -418px -39px;
            background-size: 428px 427px; } }
.Typeahead.userSelect .titleIcon.isGplus {
        width: 10px;
        height: 10px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -452px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead.userSelect .titleIcon.isGplus {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -418px -28px;
            background-size: 428px 427px; } }
.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.userSelect .collaboratorInviterTypeahead {
      padding: 7px;
      width: 100%; }
.Typeahead.userCircleSelect.compact > ul > li {
    border-bottom: 0; }
.Typeahead.userCircleSelect.compact > ul > li a {
      padding: 4px 8px; }
.Typeahead.userCircleSelect li {
    border-bottom: 1px solid #e7e7e7; }
.Typeahead.userCircleSelect li:last-child {
      border-bottom: 0; }
.Typeahead.userCircleSelect li a {
      padding: 10px; }
.Typeahead.userCircleSelect li.highlighted a {
      background-color: #eeeeee; }
.Typeahead .sendToEmail, .Typeahead .connectCta, .Typeahead .socialConnect {
    display: table;
    width: 100%; }
.Typeahead .sendToEmail .left, .Typeahead .connectCta .left, .Typeahead .socialConnect .left {
      display: table-cell; }
.Typeahead .sendToEmail .right, .Typeahead .connectCta .right, .Typeahead .socialConnect .right {
      display: table-cell;
      vertical-align: middle;
      width: 100%; }
.Typeahead .sendToEmail.unclickable a {
    cursor: default; }
.Typeahead .sendToEmail .left {
    padding-right: 10px; }
.Typeahead .sendToEmail .left .icon {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      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(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -146px no-repeat;
        display: block; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .sendToEmail .left .icon.typingEmail em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -342px -142px;
            background-size: 428px 427px; } }
.Typeahead .sendToEmail .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-weight: bold;
    margin: 1px 0; }
.Typeahead .sendToEmail .subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b7b7b7;
    font-weight: normal;
    margin: 2px 0 0; }
.Typeahead .socialConnect .left {
    padding-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(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -284px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .socialConnect .left .icon.socialConnect-facebook em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -33px -342px;
            background-size: 428px 427px; } }
.Typeahead .socialConnect .left .icon.socialConnect-gplus em {
        width: 33px;
        height: 33px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -181px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .socialConnect .left .icon.socialConnect-gplus em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -342px -176px;
            background-size: 428px 427px; } }
.Typeahead .socialConnect .left .icon.socialConnect-twitter em {
        width: 32px;
        height: 32px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -68px -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .socialConnect .left .icon.socialConnect-twitter em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -342px -276px;
            background-size: 428px 427px; } }
.Typeahead .socialConnect .left .icon.socialConnect-yahoo em {
        width: 32px;
        height: 32px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) 0 -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .Typeahead .socialConnect .left .icon.socialConnect-yahoo em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -99px -342px;
            background-size: 428px 427px; } }
.Typeahead .socialConnect .title {
    color: #211922;
    font-weight: bold;
    line-height: 32px; }
.Typeahead .connectCta .left {
    padding-right: 10px; }
.Typeahead .connectCta .left .socialConnectCta {
      display: block; }
.Typeahead .connectCta .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-weight: bold;
    margin: 1px 0; }
.Typeahead .connectCta .subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b7b7b7;
    font-weight: normal;
    margin: 2px 0 0; }
.Typeahead.sendShare .sendToEmail .right, .Typeahead.sendShare .connectCta .right {
    height: 32px; }
.Typeahead.sendShare .sendToEmail .icon {
    height: 32px;
    line-height: 32px;
    width: 32px; }
.Typeahead.sendShare .sendToEmail .icon.typingEmail em {
      width: 32px;
      height: 32px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -250px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Typeahead.sendShare .sendToEmail .icon.typingEmail em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: 0 -342px;
          background-size: 428px 427px; } }
.Typeahead.sendShare .icon.typingEmail {
    width: 32px;
    height: 32px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -250px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Typeahead.sendShare .icon.typingEmail {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: 0 -342px;
        background-size: 428px 427px; } }
.Typeahead.sendShare .icon.socialConnectCta {
    width: 32px;
    height: 32px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -34px -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Typeahead.sendShare .icon.socialConnectCta {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -342px -243px;
        background-size: 428px 427px; } }
.Typeahead.sendShare .connectCta .socialConnectCta {
    width: 32px;
    height: 32px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -34px -384px no-repeat;
    height: 32px;
    width: 32px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Typeahead.sendShare .connectCta .socialConnectCta {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -342px -243px;
        background-size: 428px 427px; } }
.Typeahead.sendShare .title {
    white-space: normal;
    width: 258px; }
.Typeahead .lightText {
    color: #999; }
.Typeahead .board .typeaheadImg::after {
    border-radius: none;
    box-shadow: none; }
.Typeahead .board .typeaheadImg img {
    border-radius: 6px; }
.Typeahead .typeaheadName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    width: 100%; }
.Typeahead .typeaheadName.hasImage {
      width: 183px; }
.Typeahead .verifiedIdentifyIcon {
    width: 11px;
    height: 11px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -204px 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) {
      .Typeahead .verifiedIdentifyIcon {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -69px -368px;
        background-size: 399px 382px; } }
.Typeahead .footer {
    height: 105px; }
.ImageCrop .holder {
  overflow: hidden;
  height: 300px;
  margin: 15px;
  position: relative; }
.ImageCrop .spinner {
  background: url(https://s.pinimg.com/webapp/style/images/spinner-a8ae820b.gif) no-repeat center;
  bottom: 5px;
  display: none;
  height: 30px;
  left: 0;
  position: absolute;
  right: 0; }
.ImageCrop .frame {
  box-shadow: 0 2px 3px rgba(34, 25, 25, .3), inset 0 0 0 1px rgba(0, 0, 0, .3);
  position: absolute; }
.ImageCrop .mask {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
.ImageCrop .mask span {
    background: #fff;
    opacity: .9;
    position: absolute; }
.ImageCrop .bg {
  overflow: hidden;
  left: 0;
  position: absolute;
  top: 0; }
.ImageCrop .bg img {
    max-width: none;
    opacity: .01;
    transition-duration: .4s;
    transition-property: opacity; }
.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; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.TopicFeedPage {
  position: relative; }
.TopicFeedPage .interestName {
    color: #333;
    color: rgba(21, 21, 21, .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 .TopicFeedPage .interestName {
    font-size: 29px; }
.TopicFeedPage .feedHeader {
    /* height: $interestExtendedHeaderHeight; */
    position: relative;
    text-align: center;
    z-index: 3; }
.TopicFeedPage .feedHeader .feedMainHeader {
      position: relative; }
.TopicFeedPage .feedHeader .interestName {
      font-size: 48px;
      line-height: 56px;
      margin: 0 auto 20px;
      padding-top: 25px;
      word-wrap: normal; }
.TopicFeedPage .feedHeader .FollowButton {
      margin-bottom: 20px; }
.TopicFeedPage .feedHeader .interestStats {
      height: 15px;
      margin: 0 auto 18px;
      text-align: center; }
.TopicFeedPage .feedHeader .interestStats .interestStatsInner {
        display: inline-block; }
.TopicFeedPage .feedHeader .interestStats .interestStatsInner .interestStat {
          float: left;
          line-height: 12px; }
.TopicFeedPage .feedHeader .interestStats .interestStatsInner .interestStatValue {
          color: #fff;
          float: left;
          font-size: 12px;
          font-weight: bold;
          opacity: .7; }
.TopicFeedPage .feedHeader .interestStats .interestStatsInner .followCount {
          margin-right: 15px; }
.TopicFeedPage .feedHeader hr {
      border-bottom: 0;
      border-left: 0;
      border-right: 0;
      border-top-color: #fff;
      opacity: .2;
      width: 240px; }
/* desktop.scss */
.TopicFeedPage .feedHeader {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 744px;
  min-width: auto;
  text-align: left; }
.TopicFeedPage .feedButtonWrapper {
  box-sizing: border-box;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding: 18px 24px; }
.TopicFeedPage .feedHeader .FollowButton {
  float: right;
  margin-bottom: 0; }
.TopicFeedPage .feedHeader .interestNameStats {
  box-sizing: border-box;
  padding: 18px 24px;
  padding-right: 24px; }
.TopicFeedPage .feedHeader .interestName {
  color: #333;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding-top: 0;
  text-align: left; }
.TopicFeedPage .feedHeader .interestStats {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  height: auto;
  line-height: 18px;
  margin-bottom: 0;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.TopicFeedPage .feedHeader .interestStats .interestStatsValue {
  font-weight: normal; }
.IframeEmbed {
  border-radius: 8px;
  -webkit-mask-image: radial-gradient(#fff, #000);
          mask-image: radial-gradient(#fff, #000);
  overflow: hidden;
  padding-bottom: 50%;
  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 {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
.IframeEmbed.soundcould {
    padding-bottom: 30%; }
.IframeEmbed.vevo, .IframeEmbed.youtube, .IframeEmbed.vimeo {
    padding-bottom: 50%; }
.IframeEmbed.vine {
    padding-bottom: 100%; }
.closeupContainer {
  cursor: auto;
  max-width: 628px;
  position: relative; }
@media (min-width: 1056px) {
    .closeupContainer.showCloseupContentRight {
      max-width: 912px; } }
.closeupLegoContainer {
  cursor: auto;
  max-width: 508px;
  position: relative; }
.closeupLegoContainer.showCloseupContentRight {
    max-width: 1016px; }
.closeupWideVideoContainer {
  cursor: auto;
  max-width: 590px;
  position: relative; }
.closeupWideVideoContainer.showCloseupContentRight {
    max-width: 788px; }
.imageLink {
  position: relative; }
.relatedPin > div:nth-child(2) > div {
  /* Since Mansory grid will always center grid within the container. Before we add new props
    to the Mansory grid to make this optional, we need to make this hack here */
  margin-left: 0 !important; }
.descriptionAction {
  display: none; }
@media (min-width: 1056px) {
    .descriptionAction.showCloseupContentRight {
      display: block; } }
@media (min-width: 1056px) {
  .actionButton.showCloseupContentRight {
    display: none; } }
.hoverMask {
  border-radius: 8px; }
.pinHashtag {
  color: #004b91; }
.CloseupTitleCard {
  color: #444;
  font-weight: bold; }
.CloseupTitleCard .richPinInformation {
    padding: 0 40px 16px;
    padding-top: 0;
    width: 470px;
    /* 80% of closeup width */ }
.CloseupTitleCard a {
    color: #444; }
.CloseupTitleCard a:hover, .CloseupTitleCard a:active {
      color: #444; }
.CloseupTitleCard .richPinSourceWrapper {
    font-size: 14px;
    padding-bottom: 4px; }
.CloseupTitleCard .richPinTitle,
  .CloseupTitleCard .richPinSecondTitleWrapper {
    font-size: 30px;
    line-height: 30px; }
.CloseupTitleCard .outOfStock {
    color: #b9b9b9;
    font-size: 14px;
    font-weight: normal;
    margin-left: -3px; }
.CartItemRC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
.CartItemRC .productInfo {
    display: -ms-flexbox;
    display: flex; }
.CartItemRC .info {
    max-width: 300px; }
.CartItemRC .variants div {
    line-height: 20px; }
.commerceCloseupCarousel {
  background-color: #fff;
  margin: auto;
  margin-bottom: 14px;
  position: relative;
  width: 564px; }
@media (min-width: 1056px) {
    .commerceCloseupCarousel.showCloseupContentRight {
      width: 496px; } }
.commerceCloseupCarousel .scrollIcon {
    position: absolute; }
.commerceCloseupCarousel .scrollIcon em {
      width: 10px;
      height: 15px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -316px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .commerceCloseupCarousel .scrollIcon em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -418px 0;
          background-size: 428px 427px; } }
.commerceCloseupCarousel .scrollIcon.hide {
      display: none; }
.commerceCloseupCarousel .scrollIcon.arrowLeft {
      left: -20px; }
.commerceCloseupCarousel .scrollIcon.arrowRight {
      right: -20px; }
.commerceCloseupCarousel .scrollIcon.arrowRight em {
        transform: scaleX(-1); }
.commerceCloseupCarousel .productPins {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
.commerceCloseupCarousel .productPins.marginRight {
      margin-right: -10px; }
.commerceCloseupCarousel .productPins.marginLeft {
      margin-left: -10px; }
.commerceCloseupCarousel .productPins .carousel {
      display: -ms-flexbox;
      display: flex;
      position: relative;
      transition: left .3s ease-in-out; }
.OrderHistoryRC {
  background-color: #fff;
  bottom: 0;
  color: #333;
  left: 0;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  top: 0; }
.OrderHistoryRC .orderHistoryTitle {
    font-size: 33px;
    font-weight: bold;
    margin: 75px auto 40px;
    text-align: center;
    width: 628px; }
.OrderHistoryRC .order {
    margin: 0 auto 16px;
    padding: 42px;
    width: 610px; }
.OrderHistoryDetailRC {
  margin-bottom: 60px; }
.OrderHistoryDetailRC .info {
    display: -ms-flexbox;
    display: flex; }
.OrderHistoryDetailRC .value {
    width: 415px; }
.OrderHistoryDetailRC .title {
    width: 195px; }
.orderHistoryModal {
  position: static;
  position: initial; }
.OrderHistorySummaryRC .orderHistoryHeader {
  text-align: center; }
.OrderHistorySummaryRC .order {
  cursor: zoom-in;
  display: block;
  margin: auto;
  width: 626px; }
.OrderHistorySummaryRC .orderContent {
  display: -ms-flexbox;
  display: flex; }
.OrderHistorySummaryRC .orderContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 57px 0 50px; }
.OrderHistorySummaryRC .orderInfo {
  max-width: 300px; }
.OrderHistorySummaryRC .paymentDeclined {
  border-radius: 100px;
  display: inline-block;
  float: left;
  padding: 5px 12px; }
.OrderHistorySummaryRC .image0, .OrderHistorySummaryRC .image2 {
  margin-right: 2px; }
.OrderHistorySummaryRC .image0, .OrderHistorySummaryRC .image1 {
  margin-bottom: 2px; }
.OrderHistorySummaryRC .defaultImage {
  background-color: #efefef;
  display: inline-block;
  height: 84.5px;
  width: 84.5px; }
.productGallery {
  margin: -12px 0 -12px 40px; }
.productGallery .container {
    max-height: 484px;
    overflow: hidden; }
.productGallery .container .productCatalog {
      position: relative;
      transition: top .3s ease-out; }
.productGallery .catalogItem {
    cursor: pointer;
    display: block;
    height: 106px;
    margin: 12px;
    overflow: hidden;
    position: relative;
    width: 106px; }
.productGallery .catalogItem.selected {
      background-color: #fff;
      border: 2px solid #e60023;
      border-radius: 4px;
      height: 106px;
      width: 106px; }
.productGallery .catalogItem.selected .frame {
        border: 2px solid #fff;
        height: 98px;
        left: 0;
        position: absolute;
        top: 0;
        width: 98px;
        z-index: 10; }
.productGallery .catalogItem.selected img {
        left: -2px;
        min-height: 106px;
        min-width: 106px;
        top: -2px; }
.productGallery .catalogItem img {
      border-radius: 4px;
      left: 0;
      position: absolute;
      top: 0; }
.productGallery .icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
.productGallery .icons .scrollIcon {
      background: #efefef;
      border: none;
      border-radius: 50%;
      height: 40px;
      margin: 0 4px;
      width: 40px; }
.productGallery .icons .scrollIcon.arrowDown em {
        width: 40px;
        height: 40px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -111px -67px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .productGallery .icons .scrollIcon.arrowDown em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
            background-position: -110px -66px;
            background-size: 399px 382px; } }
.productGallery .icons .scrollIcon.arrowUp em {
        width: 40px;
        height: 40px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -111px -67px no-repeat;
        transform: scaleY(-1); }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .productGallery .icons .scrollIcon.arrowUp em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
            background-position: -110px -66px;
            background-size: 399px 382px; } }
.productGallery .icons .scrollIcon.arrowUp.hide em {
        width: 40px;
        height: 40px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -240px -186px no-repeat;
        transform: scaleX(1); }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .productGallery .icons .scrollIcon.arrowUp.hide em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
            background-position: -237px -183px;
            background-size: 399px 382px; } }
.productGallery .icons .scrollIcon.arrowDown.hide em {
        width: 40px;
        height: 40px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -240px -186px no-repeat;
        transform: scaleY(-1); }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .productGallery .icons .scrollIcon.arrowDown.hide em {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
            background-position: -237px -183px;
            background-size: 399px 382px; } }
.ShoppingBagMerchantInfoRC {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 23px; }
.ShoppingBagMerchantInfoRC .merchant {
    display: -ms-flexbox;
    display: flex;
    width: 440px; }
.ShoppingBagMerchantInfoRC .flexInfo {
    display: -ms-inline-flexbox;
    display: inline-flex; }
.ShoppingBagMerchantInfoRC .merchantTitle {
    max-width: 330px; }
.ShoppingBagMerchantInfoRC .numOfItems {
    font-weight: normal; }
.productPinLink {
  outline: none;
  position: relative; }
.productPinLink.productPinModal .productPin {
    width: 236px; }
.productPinLink.productPinModal .productImage {
    height: 236px;
    width: 236px; }
.productPinLink.productPinModal .productInfo {
    font-size: 16px; }
.productPinLink .productPin {
    cursor: zoom-in;
    padding: 10px;
    width: 160px; }
.productPinLink .productPin::before {
      background: rgba(0, 0, 0, .05);
      border-radius: 8px;
      content: " " !important;
      height: 100%;
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      transform: scale(0.96);
      width: 100%;
      z-index: 3; }
.productPinLink .productPin:hover::before {
      opacity: 1;
      transform: scale(1); }
.productPinLink .productInfo {
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px; }
.productPinLink .productImage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    height: 160px;
    width: 160px; }
.productPinLink .productTitle .ellipsis {
    display: -webkit-box;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 18px; }
.productPinLink .merchantName {
    color: #8e8e8e;
    font-size: 12px;
    line-height: 18px; }
.productPinLink .badge {
    -ms-flex-align: center;
        align-items: center;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 8px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    height: 18px;
    -ms-flex-pack: center;
        justify-content: center;
    left: 20px;
    line-height: 12px;
    position: absolute;
    top: 0;
    width: 76px; }
.variantPicker {
  width: 564px; }
.variantPicker .swatchVariant {
    border-radius: 50%;
    box-shadow: 0 0 1px #ccc;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    margin-bottom: 5px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 40px; }
.variantPicker .swatchVariant.selected {
      background-color: #fff;
      border: 2px solid #e60023; }
.variantPicker .swatchVariant.selected .frame {
        border: 2px solid #fff;
        border-radius: 50%;
        height: 32px;
        left: 0;
        position: absolute;
        top: 0;
        width: 32px;
        z-index: 10; }
.variantPicker .swatchVariant img {
      border-radius: 50%;
      box-sizing: border-box;
      height: 40px;
      left: 0;
      position: absolute;
      top: 0;
      width: 40px; }
.variantPicker .labelVariant {
    color: #8e8e8e;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin-right: 18px;
    white-space: nowrap; }
.variantPicker .labelVariant.selected {
      border-bottom: 3px solid #e60023;
      border-radius: 0;
      color: #333;
      margin-bottom: -3px; }
.PinnerSurvey {
  border: 0;
  min-height: 810px;
  padding-bottom: 4px;
  width: 100%; }
.SurveyHidden {
  display: none; }
.AboutLinks {
  padding: 10px 15px; }
.AboutLinks li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 3px; }
.AboutLinks li:last-child a::after {
      content: ""; }
.AboutLinks li a {
      font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
      color: #999;
      display: inline-block;
      padding: 0 !important; }
.AboutLinks li a.smallFont, .AboutLinks li a.normalFont {
        color: #949494;
        font-weight: normal;
        text-shadow: 0 1px 1px rgba(255, 255, 255, .8); }
.AboutLinks li a.smallFont {
        font-size: 11px; }
.AboutLinks li a.normalFont {
        font-size: 12px; }
.AboutLinks li a:hover {
        color: #333; }
.AboutLinks li a::after {
        content: ".";
        position: relative;
        right: -4px;
        top: -3px; }
.AboutLinks.aboutLinksReact li {
    padding: 0 6px; }
.AboutLinks.aboutLinksReact li a::after {
      right: -6px; }
.AboutLinks.helpCenterButton {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    padding: 0 0 10px; }
.AboutLinks.helpCenterButton li {
      display: block;
      padding: 3px;
      text-align: left; }
.AboutLinks.helpCenterButton li:last-child a::after {
        content: ""; }
.AboutLinks.helpCenterButton li a {
        font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
        color: #333; }
.AboutLinks.helpCenterButton li a.smallFont, .AboutLinks.helpCenterButton li a.normalFont {
          color: #333;
          font-weight: bold;
          text-shadow: 0 1px 1px rgba(255, 255, 255, .8); }
.AboutLinks.helpCenterButton li a.smallFont {
          font-size: 12px; }
.AboutLinks.helpCenterButton li a.normalFont {
          font-size: 14px; }
.AboutLinks.helpCenterButton li a:hover {
          color: #333; }
.AboutLinks.helpCenterButton li a::after {
          content: " "; }
.cropperWrapper {
  cursor: crosshair;
  height: 100%;
  left: 0;
  position: absolute;
  visibility: visible;
  width: 100%; }
.cropperWrapper .cropperAdditional {
    z-index: 3; }
.cropperWrapper .cropperHandle {
    height: 20px;
    width: 20px; }
.cropperWrapper .cropSection {
    border-radius: 4px;
    cursor: move;
    overflow: hidden;
    z-index: 2; }
.cropperWrapper .ord-nw {
    opacity: 100 !important;
    border-top: 6px solid white;
    border-left: 6px solid white;
    margin: 0 !important;
    cursor: nw-resize;
    left: 0;
    top: 0; }
.cropperWrapper .ord-ne {
    opacity: 100 !important;
    border-top: 6px solid white;
    border-right: 6px solid white;
    margin: 0 !important;
    cursor: ne-resize;
    right: 0;
    top: 0; }
.cropperWrapper .ord-sw {
    opacity: 100 !important;
    border-bottom: 6px solid white;
    border-left: 6px solid white;
    margin: 0 !important;
    bottom: 0;
    cursor: sw-resize;
    left: 0; }
.cropperWrapper .ord-se {
    opacity: 100 !important;
    border-bottom: 6px solid white;
    border-right: 6px solid white;
    margin: 0 !important;
    bottom: 0;
    cursor: se-resize;
    right: 0; }
.cropperWrapper .shadowMask {
    background-color: #000; }
.cropperWrapper .shadowOverlay {
    height: 100%;
    opacity: .4;
    width: 100%;
    z-index: 1; }
.cropperWrapper .shadowOverlayHide {
    opacity: 0; }
.PinRep.flyoutShown {
  z-index: 6; }
.PinRep img[alt] {
  /*
            Firefox fix to not show titles when loading
            See https://jira.pinadmin.com/browse/BUG-73988
        */
  color: transparent; }
.PinRep .pinImage {
  color: transparent;
  display: block;
  position: relative; }
.PinRep .pinWrapper {
  position: relative; }
.PinRep .navigateLink {
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.PinRep .navigateLink:hover {
  color: #fff; }
.PinRep .commercePrice.fadedBluePrice {
  color: #5b9dba !important;
  /* override brio styles */ }
.PinRep .oneTapNavigateLink {
  background: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 100; }
.PinRep .debugInfo .productPrice {
  color: #e60023;
  font-size: 13px;
  font-weight: bold;
  margin: 12px 0 0; }
.PinRep .pinHashtag {
  color: #004b91; }
.PinRep .pinHighlight {
  margin: 0 -1px;
  padding: 0 1px; }
.PinRep .pinHighlight-yellow {
  background-color: #ffff8b; }
.PinRep .pinHighlight-gray {
  background-color: #d8d8d8; }
.PinRep .pinHighlight-underlined {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .3) 50%);
  background-position: 0 1.07em;
  background-repeat: repeat-x;
  background-size: 2px .1em;
  text-decoration: none; }
.PinRep .pinSelectionBorder {
  border: 3px solid #efefef;
  border-radius: 8px;
  box-shadow: inset 0 0 0 3px #fff;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3; }
.PinRep .pinSelectionBorder.selected {
    border-color: #e60023; }
.PinRep .savedGradient::before {
  background-image: linear-gradient(rgba(0, 0, 0, .33), rgba(0, 0, 0, 0));
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 3; }
@keyframes spin {
  to {
    transform: rotate(360deg); } }
.Bubble-Container {
  margin: -8px;
  padding: 8px;
  position: relative; }
.Bubble-Container::before {
  background: rgba(0, 0, 0, .05);
  border-radius: 8px;
  content: " " !important;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scale(0.96);
  width: 100%;
  z-index: 3;
  bottom: 0;
  right: 0; }
.Bubble-Container:hover::before {
  animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.Bubble-Content {
  position: relative;
  z-index: 4; }
.flashlightHeaderContainer.noDisplay {
  display: none; }
.flashlightAnnotationList {
  height: 48px;
  overflow-y: hidden; }
.flashlightAnnotationList .flashlightAnnotationListItem {
    display: inline-block;
    margin: 4px 2px; }
.flashlightAnnotationList .flashlightAnnotationListItem button {
      border: 0;
      border-radius: 4px;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      font-size: 16px;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-weight: bold;
      line-height: 18px;
      outline: 0;
      padding: 0;
      word-spacing: 0; }
.flashlightAnnotationList .flashlightAnnotationListItem button span {
        display: block;
        padding: 10px 14px; }
.flashlightAnnotationList .flashlightAnnotationListItem button span:hover {
          background-color: rgba(0, 0, 0, .06); }
.flashlightAnnotationList .flashlightAnnotationListItem button.selected {
      background-color: #333; }
.flashlightAnnotationList .flashlightAnnotationListItem button.selected:hover {
        background-color: #666; }
.flashlightResultsContainer.invisible {
  opacity: 0;
  transition: visibility 0s 1s, opacity .1s linear;
  visibility: hidden; }
.spotlightButton {
  background-color: transparent; }
.spotlightDot {
  cursor: pointer; }
.FlashlightEnabledImage {
  max-width: 100%;
  position: relative; }
.FlashlightEnabledImage > .heightContainer > img {
    height: 100%;
    position: absolute;
    width: 100%; }
.FlashlightEnabledImage.unknownImage > .heightContainer > img {
    position: static; }
.FlashlightEnabledImage .flashlightContainer {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 6; }
.FlashlightEnabledImage .visualSearchObjectOverlay {
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    z-index: 6; }
.FlashlightEnabledImage .visualLiveSearchOverlayOuterWrapper {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 6; }
.FlashlightEnabledImage .visualLiveSearchOverlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6; }
.FlashlightEnabledImage .visualLiveSearchOverlayInnerWrapper {
    display: block; }
.FlashlightEnabledImage .visualLiveSearchOverlayInnerWrapper .ord-nw {
      opacity: 100 !important;
      border-top: 6px solid white;
      border-left: 6px solid white;
      margin: 0 !important; }
.FlashlightEnabledImage .visualLiveSearchOverlayInnerWrapper .ord-ne {
      opacity: 100 !important;
      border-top: 6px solid white;
      border-right: 6px solid white;
      margin: 0 !important; }
.FlashlightEnabledImage .visualLiveSearchOverlayInnerWrapper .ord-sw {
      opacity: 100 !important;
      border-bottom: 6px solid white;
      border-left: 6px solid white;
      margin: 0 !important; }
.FlashlightEnabledImage .visualLiveSearchOverlayInnerWrapper .ord-se {
      opacity: 100 !important;
      border-bottom: 6px solid white;
      border-right: 6px solid white;
      margin: 0 !important; }
.FlashlightEnabledImage .flashlightAnimationContainer {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 6; }
.FlashlightEnabledImage .flashlightAnimationContainer .flashlightAnimationOverlay {
      background-color: #000;
      height: 100%;
      opacity: .4;
      position: relative;
      width: 100%; }
.FlashlightEnabledImage .flashlightAnimationContainer .flashlightAnimationWrapper {
      height: 5px;
      position: absolute;
      right: 10px;
      top: 10px;
      width: 5px;
      z-index: 7; }
.FlashlightEnabledImage .flashlightAnimationContainer .flashlightAnimationWrapper .topRightHandle {
        opacity: 100 !important;
        border-top: 6px solid white;
        border-right: 6px solid white;
        margin: 0 !important;
        right: 0;
        top: 0; }
.FlashlightEnabledImage .flashlightAnimationContainer .flashlightAnimationWrapper .topLeftHandle {
        opacity: 100 !important;
        border-top: 6px solid white;
        border-left: 6px solid white;
        margin: 0 !important;
        left: 0;
        top: 0; }
.FlashlightEnabledImage .flashlightAnimationContainer .flashlightAnimationWrapper .bottomRightHandle {
        opacity: 100 !important;
        border-bottom: 6px solid white;
        border-right: 6px solid white;
        margin: 0 !important;
        bottom: 0;
        right: 0; }
.FlashlightEnabledImage .flashlightAnimationContainer .flashlightAnimationWrapper .bottomLeftHandle {
        opacity: 100 !important;
        border-bottom: 6px solid white;
        border-left: 6px solid white;
        margin: 0 !important;
        bottom: 0;
        left: 0; }
.FlashlightEnabledImage .flashlightAnimationContainer .flashlightAnimationWrapper .handle {
        height: 20px;
        position: absolute;
        width: 20px;
        z-index: 7; }
.FlashlightEnabledImage .noDisplay {
    display: none; }
.FlashlightEnabledImage .visible {
    visibility: visible; }
.FlashlightEnabledImage .hidden {
    visibility: hidden; }
.FlashlightEnabledImage .stlDot {
    background-color: #0084ff;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    opacity: .6;
    position: absolute;
    transition: .1s;
    width: 24px;
    z-index: 7; }
.FlashlightEnabledImage .stlDot.active {
      animation: dotPop .55s; }
@keyframes dotPop {
  0% {
    height: 24px;
    margin: 0;
    width: 24px; }
  50% {
    height: 28px;
    margin: -4px;
    width: 28px; }
  100% {
    height: 24px;
    margin: 0;
    width: 24px; } }
.SearchBoxInput {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  height: 100%;
  line-height: 20px;
  outline: none;
  padding: 0 40px 0 52px;
  width: 100%; }
.SearchBoxInput:focus {
    box-shadow: 0 0 0 4px rgba(0, 132, 255, .5);
    outline: 0; }
.SearchBoxInput:-ms-input-placeholder {
    color: #6c6c6c; }
.SearchBoxInput::placeholder {
    color: #6c6c6c; }
.SearchBoxInput--Overlay {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  white-space: nowrap; }
.SearchBoxInput--Overlay > span {
    overflow: hidden;
    text-overflow: ellipsis; }
.EasterEggOverlay {
  background: #efefef;
  font-size: 16px;
  font-weight: 600;
  left: 48px;
  line-height: 20px;
  pointer-events: none;
  position: absolute;
  z-index: 3; }
.searchNagContainer a, .searchAutocorrectLink {
  /*
       explicitly set the color for anchor links because
       these HTML elements are sent from the server, no
       way to wrap the contents inside <Text> with color
     */
  color: #333;
  /* dark-gray */ }
.searchNagContainer a:hover, .searchAutocorrectLink:hover {
    text-decoration: underline; }
.foodFilterButton {
  background: #8e8e8e; }
.foodFilterButton.active {
    background-color: #333; }
.filterOption {
  background-color: #efefef;
  border-radius: 4px; }
.filterOption.active {
    background-color: #333; }
.filterCheckBox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  opacity: 0;
  outline: 0;
  width: 24px; }
.filterDropdownButton {
  background-color: transparent;
  max-width: 200px;
  padding: 0;
  white-space: nowrap; }
.SearchImprovementsBar-OuterScrollContainer {
  overflow: hidden; }
.SearchImprovementsBar-InnerScrollContainer {
  margin-bottom: -17px;
  -ms-overflow-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 17px; }
.SearchImprovementsBar-InnerScrollContainer::-webkit-scrollbar {
    display: none; }
.SearchImprovementsBar-ArrowButton {
  background-color: transparent;
  border: 0;
  height: 100%;
  outline: none;
  padding: 0;
  pointer-events: all; }
.SearchPage .searchLEQChunk {
  margin: -10px;
  padding: 10px;
  position: relative; }
.SearchPage .searchLEQChunk::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 8px;
    content: " " !important;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: 3; }
.SearchPage .searchLEQChunk:hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.SearchPage .leqChunksList {
  padding-bottom: 36px; }
.SearchPageContent .searchTerm {
  font-weight: bold; }
.SearchPageContent .noResults {
  font-size: 18px;
  font-weight: normal;
  margin: 54px auto;
  text-align: center;
  width: 50%; }
.mainContainer.showHeaderMessage .SearchPage .sticky {
  top: 88px; }
.searchRelatedQueries .relatedQueriesStoryLabel {
  margin-bottom: 18px; }
.searchRelatedQueries .relatedQueriesStoryLabel > svg {
    position: fixed; }
.searchRelatedQueries .relatedQueriesStoryLabel > span {
    padding-left: 24px; }
.searchRelatedQueries .relatedQueryWrapper {
  margin-bottom: 12px; }
.searchRelatedQueries .relatedQueryWrapper .relatedQuery {
    border-radius: 4px;
    display: inline-block; }
.searchRelatedQueries .relatedQueryWrapper .relatedQuery .relatedQueryContent {
      display: inherit;
      padding: 9px 16px 11px; }
.searchRelatedQueries .relatedQueryWrapper:last-child {
    margin-bottom: 0; }
.DidItActivityFeedSummary {
  background-color: inherit;
  padding: 8px 0;
  z-index: 669; }
.photoFirstLikeButton {
  background: none;
  border: none;
  border-radius: 50%;
  padding: 0; }
.photoFirstLikeButton:focus {
    box-shadow: 0 0 0 4px rgba(0, 132, 255, .5);
    outline: 0; }
.photoFirstDetailsText {
  white-space: pre-wrap; }
/* stylelint-disable-next-line at-rule-no-unknown */
.PhotoFirstTitle {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  overflow: hidden;
  word-wrap: break-word; }
@media (min-width: 360px) {
    .PhotoFirstTitle {
      line-height: 20px;
      /* max-height = line-height * lines max number (2) */
      max-height: 40px; } }
@media (min-width: 800px) {
    .PhotoFirstTitle {
      line-height: 22px;
      /* max-height = line-height * lines max number (2) */
      max-height: 44px; } }
@media (min-width: 1312px) {
    .PhotoFirstTitle {
      line-height: 24px;
      /* max-height = line-height * lines max number (2) */
      max-height: 48px; } }
.inlineCloseupActionDetails {
  color: #333;
  font-size: 21px;
  font-weight: 400;
  text-align: left;
  text-indent: -6px; }
.inlineCloseupActionDetails::before {
    content: open-quote; }
.inlineCloseupActionDetails::after {
    content: close-quote; }
.textAreaCommentCompact textarea {
  height: 2.5em; }
.DidItPinInfoBar {
  background-image: linear-gradient(to bottom, rgba(142, 142, 142, 0), rgba(0, 0, 0, .2) 33%, rgba(0, 0, 0, .5) 66%, rgba(0, 0, 0, .7));
  border-radius: 8px; }
.didItPhotoBox {
  padding-bottom: 40px;
  padding-top: 40px;
  transition: padding-top .2s ease; }
.didItPhotoBox.transitionUp {
    padding-bottom: 0;
    padding-top: 0; }
.didItTextBox {
  height: 0;
  opacity: 0;
  transition: opacity .2s ease;
  transition-delay: .2s;
  visibility: hidden; }
.didItTextBox.transitionIn {
    height: auto;
    opacity: 1;
    visibility: visible; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Collage {
  display: -ms-flexbox;
  display: flex; }
.Collage .item {
    position: relative; }
.Collage .item::after {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, .02);
      content: "";
      display: block; }
.Collage .item {
    box-sizing: border-box;
    overflow: hidden;
    position: relative; }
.Collage .item img {
      -o-object-fit: cover;
         object-fit: cover; }
.Collage.tiles {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    height: 188px; }
.Collage.tiles img,
    .Collage.tiles .item {
      height: 92px;
      width: 92px; }
.Collage.tiles .item {
      margin: 1px; }
.Collage.tiles.fiveItems .item:nth-child(1) {
      height: 187px; }
.Collage.tiles.fiveItems .item:nth-child(1) img {
        height: 100%; }
.Collage.tiles.sixItems .item:nth-child(1) {
      height: 135px; }
.Collage.tiles.sixItems .item:nth-child(1) img {
        height: auto;
        min-height: 100%;
        min-width: 100%;
        width: auto; }
.Collage.tiles.sixItems .item:nth-child(2) {
      height: 49px; }
.Collage.landscape {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
.Collage.landscape.fourItems {
      -ms-flex: 0 0 374px;
          flex: 0 0 374px; }
.Collage.landscape.fourItems img,
      .Collage.landscape.fourItems .item {
        height: 99px;
        width: 186px; }
.Collage.landscape.twoItems img {
      height: 99px;
      width: 280px; }
.Collage .stepNumber {
    -ms-flex-align: center;
        align-items: center;
    background: rgba(0, 0, 0, .75);
    border-radius: 50%;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    -ms-flex-pack: center;
        justify-content: center;
    width: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%; }
.Collage.showMore:last-child .item {
    position: relative; }
.Collage.showMore:last-child .more {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-top: 34px;
    text-align: center; }
.Collage.showMore:last-child .more::before {
      width: 6px;
      height: 13px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -315px -32px no-repeat;
      content: "";
      display: inline-block;
      margin-right: 2px;
      vertical-align: -1px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Collage.showMore:last-child .more::before {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
          background-position: -196px -139px;
          background-size: 249px 231px; } }
.Collage.gatorFeed .item img, .Collage.gatorFeed .item.placeholder {
    background: #efefef;
    border-radius: 4px; }
/* desktop.scss */
.Collage.gatorFeed.tiles {
  height: 240px; }
.Collage.gatorFeed.tiles img,
  .Collage.gatorFeed.tiles .item {
    height: 118px;
    width: 118px; }
.Collage.gatorFeed.tiles .item {
    margin: 0 4px 4px 0; }
.Collage.gatorFeed.tiles .item:nth-child(even) {
      margin-bottom: 0; }
.Collage.gatorFeed.tiles .item:nth-last-child(1), .Collage.gatorFeed.tiles .item:nth-last-child(2) {
      margin-right: 0; }
.CardSourceAttribution {
  padding: 0 8px 16px; }
.CardSourceAttribution .attributionLink {
    display: inline-block; }
.CardSourceAttribution .attributionLink h4 {
      color: #444;
      font-size: 14px; }
.CardSourceAttribution .attributionLink h4.title {
        font-weight: normal;
        height: 18px; }
.GridFooter {
  display: none;
  margin-top: 31px;
  /* TODO cvuerings - remove from actual DOM instead of hiding in CSS */ }
.GridFooter.visible {
    display: block; }
.GridFooter hr {
    display: none; }
.GridFooter .gridLoading {
    background: #fff;
    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(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -339px -163px 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(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
          background-position: -334px -160px;
          background-size: 399px 382px; } }
.uploadProgressBar {
  background-color: #e60023;
  border-radius: 8px;
  height: 16px;
  opacity: 1;
  position: absolute;
  transition: opacity 85ms ease-in, width 85ms ease-in;
  z-index: 10; }
.uploadProgressBar.transition {
    opacity: 0;
    transition: opacity 85ms ease-in, width 85ms ease-in; }
.BottomBanner .bannerContainer {
  font-family: HelveticaNeue-Bold, Helvetica, Arial;
  background: #2ab6dd;
  bottom: 0;
  color: #fff;
  font-size: 28px;
  line-height: 35px;
  max-height: 100vh;
  opacity: .95;
  padding-bottom: 15px;
  padding-top: 15px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 101; }
.BottomBanner .bannerContainer .bannerClose {
    width: 16px;
    height: 17px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -236px no-repeat;
    cursor: pointer;
    position: absolute;
    top: 20px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BottomBanner .bannerContainer .bannerClose {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -370px -187px;
        background-size: 399px 382px; } }
.BottomBanner .bannerContainer .bannerText {
    display: inline-block;
    padding-left: 100px;
    padding-right: 100px; }
.BottomBanner .bannerContainer .bannerText.hidden {
      display: none; }
.BottomBanner .bannerContainer .bannerText.fadeOut {
      animation: fadeOutUp .3s; }
.BottomBanner .bannerContainer .bannerText a,
    .BottomBanner .bannerContainer .bannerText a:hover,
    .BottomBanner .bannerContainer .bannerText a:focus {
      color: #fff; }
.BottomBanner .bannerContainer .transitionBannerContainer .transitionText {
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px; }
.BottomBanner .bannerContainer .transitionBannerContainer.hidden {
    display: none; }
.BottomBanner .bannerContainer .transitionBannerContainer.fadeIn {
    animation: fadeInUp .3s; }
.BottomBanner .bannerContainer .buttonWrapper {
    display: inline; }
.BottomBanner .bannerContainer .buttonWrapper .nextBannerButton {
      background: #fff;
      border: 1px solid #fff;
      color: #5bd543;
      font-size: 24px;
      height: 38px;
      margin-left: 20px;
      padding: 2px 6px;
      width: 130px; }
.BottomBanner .bannerContainer .buttonWrapper .transitionBannerButton {
      background: #fff;
      border: none;
      border-radius: 4px;
      height: 36px; }
.BottomBanner .bannerContainer .buttonWrapper .transitionBannerButton .buttonText {
        color: #2ab6dd;
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.1; }
.BottomBanner .bannerContainer.done {
    background: #5bd543; }
.BottomBanner .heartIcon {
  width: 23px;
  height: 20px;
  background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -22px -325px no-repeat;
  display: inline-block; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .BottomBanner .heartIcon {
      background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
      background-position: -21px -320px;
      background-size: 399px 382px; } }
.ExperienceHero-enter {
  opacity: 0;
  transform: translateY(-50px); }
.ExperienceHero-enter-active {
  opacity: 1;
  transform: none;
  transition: all 400ms ease-out; }
.ExperienceHero-exit {
  opacity: 1; }
.ExperienceHero-exit-active {
  opacity: 0;
  transition: opacity 400ms ease-out; }
.HeroBasic {
  background-color: #d8d8d8;
  position: relative; }
.HeroBasic.heroWithoutImage .heroImage {
    display: none; }
.HeroBasic.heroWithoutImage .heroContainer {
    width: 500px; }
.HeroBasic.white {
    background-color: #fff; }
.HeroBasic .hero {
    padding: 14px 0; }
.HeroBasic .heroBackgroundImage {
    height: 100%;
    position: absolute;
    width: 100%; }
.HeroBasic .heroContainer {
    background-color: #fff;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 736px; }
.HeroBasic .heroBody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 14px;
    width: 472px; }
.HeroBasic .heroDivider {
    background-color: #e7e7e7;
    height: 1px;
    margin-bottom: 14px; }
.HeroBasic .heroContent {
    color: #333;
    -ms-flex-positive: 1;
        flex-grow: 1; }
.HeroBasic .heroContent p {
      font-size: 14px; }
.HeroBasic .heroImage {
    height: 100%;
    width: 236px; }
.HeroBasic .heroButtons {
    text-align: right; }
.HeroBasic.upsellHero {
    font-size: 24px;
    font-weight: bold; }
.HeroBasic.upsellHero .bodyText {
      color: #fff;
      display: inline-block;
      margin-bottom: 10px;
      margin-left: 80px;
      margin-top: 10px;
      padding-right: 16px; }
.HeroBasic.upsellHero .heroContainer {
      background-color: transparent;
      width: auto; }
.HeroBasic.upsellHero .iosButton {
      display: inline-block;
      height: 40px;
      outline: none;
      width: 135px; }
.HeroBasic.upsellHero .androidButton {
      display: inline-block;
      height: 40px;
      margin-right: 10px;
      outline: none;
      width: 135px; }
.HeroBasic.upsellHero .upsellTextButtons {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 10px 0;
      width: 100%; }
.HeroBasic.upsellHero .hero {
      padding: 0; }
.HeroBasic.upsellHero .appButtons {
      display: inline-block;
      margin-right: 80px;
      margin-top: 2px;
      min-width: 300px; }
.experienceSystemPushOverlay {
  background: #000;
  bottom: 0;
  display: block;
  left: 0;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 750; }
/*
This file duplicates some functionality from
https://github.com/pinterest/gestalt/blob/master/src/IconButton/IconButton.css
It's only intended for experimental icons that are not yet part of gestalt (and may never be)
*/
.iconButtonExperiment:hover, .iconButtonExperiment:focus {
  background-color: #dedede; }
.iconButtonExperiment:active path {
  fill: #333; }
.iconButtonExperiment svg {
  vertical-align: middle; }
.iconButtonExperimentGestalt {
  border-color: "transparent"; }
.iconButtonExperimentGestalt:hover, .iconButtonExperimentGestalt:focus {
    background-color: #dedede; }
.iconButtonExperimentGestalt svg {
    vertical-align: middle; }
.msg_bubble_arrow_box {
  position: relative; }
.msg_bubble_arrow_box::after {
  border: solid transparent;
  border-color: rgba(239, 239, 239, 0);
  border-right-color: #efefef;
  border-width: 10px;
  content: " ";
  height: 0;
  margin-top: -10px;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 17%;
  width: 0; }
.exploreArticle .headerWrapper {
  margin: 0 auto;
  max-width: 768px;
  padding: 0 18px; }
.exploreArticle .coverImage {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 780px; }
.exploreArticle .coverImageWrapper {
  border-radius: 8px;
  height: 300px;
  overflow: hidden; }
.exploreArticle .promotedCurator {
  font-weight: normal;
  padding-left: 4px; }
.exploreArticle .BoardIcons {
  display: none; }
.exploreArticle .userCard {
  width: 236px; }
@keyframes tapAnimation {
  0% {
    opacity: 1;
    transform: scale(0.96); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.articleRepWrapper {
  height: 330px;
  width: 477px; }
.articleRepWrapper .articleImageWrapper {
    border-radius: 12px;
    height: 239px;
    width: 477px; }
.articleRepWrapper .articleRepWash {
    background-color: #000;
    border-radius: 12px;
    height: 100%;
    opacity: .03;
    position: absolute;
    width: 100%;
    z-index: 2; }
.articleRepWrapper::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 12px;
    content: " ";
    height: 100%;
    left: 0;
    margin: -10px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: -1; }
.articleRepWrapper:hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.articleRepWrapper .cover {
    max-height: none;
    min-width: 477px;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
.articleRepWrapper .profileImage {
    border: 3px solid #fff;
    border-radius: 50%; }
.articleRepWrapper .profileImageWrapper {
    bottom: -8px;
    height: 50px;
    left: 16px;
    position: absolute;
    width: 50px;
    z-index: 3; }
.articleRepWrapper .promotedCurator {
    padding-left: 4px; }
.articleRepWrapper .title {
    max-height: 50px;
    width: 477px; }
@keyframes tapAnimation {
  0% {
    opacity: 1;
    transform: scale(0.96); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.exploreBoardContainer {
  height: 330px; }
.exploreBoardContainer div[class^="Mask-rounded"] {
    border-radius: 12px; }
.exploreBoardContainer .imageWash {
    background: rgba(0, 0, 0, .05);
    height: 100%;
    width: 100%;
    z-index: 1; }
.exploreBoardContainer::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 12px;
    content: " ";
    height: 100%;
    left: 0;
    margin: -10px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: -1; }
.exploreBoardContainer:hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.exploreBoardContainer .profileImage {
    border: 3px solid #fff;
    border-radius: 50%; }
.exploreBoardContainer .profileImageWrapper {
    bottom: -8px;
    height: 50px;
    left: 16px;
    position: absolute;
    width: 50px;
    z-index: 1; }
.collageWrapper .moreItem {
  z-index: 1; }
.collageWrapper .menuItem {
  cursor: pointer;
  position: relative; }
.collageWrapper .menuItem:focus, .collageWrapper .menuItem:hover {
    border: 0; }
.collageWrapper .menuItem:focus .caption, .collageWrapper .menuItem:hover .caption {
      color: rgba(0, 0, 0, .7); }
.collageWrapper .menuItem:focus svg, .collageWrapper .menuItem:hover svg {
      fill: rgba(0, 0, 0, .7); }
.collageWrapper .grid {
  display: none;
  width: 100%; }
.collageWrapper .collage, .collageWrapper .feedHeader {
  max-width: 992px;
  width: 100%; }
.collageWrapper .feedHeader {
  box-sizing: border-box;
  padding: 36px 8px; }
.collageWrapper .article {
  height: 240px; }
@media (max-width: 800px) {
  .collageWrapper .grid {
    display: -ms-flexbox;
    display: flex; }
  .collageWrapper .collage, .collageWrapper .expand {
    display: none; } }
.explorePage .exploreSections {
  width: 230px; }
.explorePage .exploreSectionsWrapper {
  width: 230px; }
.explorePage .exploreGridContainer {
  width: 527px; }
.explorePage .exploreHeading, .explorePage .exploreCategoryHeading {
  padding-left: 25px; }
@media (min-width: 800px) {
  .explorePage {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; } }
@media (min-width: 1280px) {
  .explorePage .exploreSections {
    width: 180px; }
  .explorePage .exploreGridContainer {
    width: 1054px; } }
@media (min-width: 1400px) {
  .explorePage .exploreSections {
    width: 220px; }
  .explorePage .exploreGridContainer {
    width: 1054px; } }
@media (min-width: 2000px) {
  .explorePage .exploreSections {
    width: 280px; }
  .explorePage .exploreGridContainer {
    width: 1581px; }
  .explorePage .exploreCategoryHeading {
    padding-left: 35px; } }
.ExploreLink a:hover {
  text-decoration: underline; }
.searchRepWrapper {
  height: 236px;
  position: relative;
  width: 236px; }
.searchRepWrapper::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 8px;
    content: " ";
    height: 100%;
    left: 0;
    margin: -10px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: -1; }
.searchRepWrapper:hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.searchRepWrapper .searchTerm {
    bottom: 10px;
    left: 10px;
    max-height: 100%;
    padding: 5px;
    position: absolute; }
.searchRepWrapper .searchCoverWrapper {
    background-size: cover;
    border-radius: 8px;
    height: 236px;
    overflow: hidden; }
.searchRepWrapper .searchCoverWrapper::after {
      height: 100%;
      width: 100%;
      background: #000;
      border-radius: 8px;
      content: "";
      opacity: .2;
      position: absolute; }
.exploreSectionList {
  min-width: 180px;
  padding-bottom: 15px; }
.exploreSectionList.fixedTop {
    top: 80px; }
@media (min-width: 800px) {
    .exploreSectionList.fixedTop {
      position: fixed; } }
.exploreSectionList.fixedBottom {
    bottom: 0;
    position: fixed; }
.exploreSectionList.absolute {
    position: absolute; }
.exploreSectionList .lastPicked {
    padding-bottom: 15px; }
.exploreSectionList .firstNonPicked {
    border-top: 1px solid #efefef;
    padding-top: 15px;
    width: 120px; }
.exploreSectionList .exploreSection {
    display: inline-block;
    padding: 2px; }
.WelcomePin {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.WelcomePin .welcomeMessage {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    width: 204px;
    word-break: break-all; }
.AuthLandingPage .SearchGuidesBar {
  background-color: #fff;
  width: 100%; }
.AuthLandingPage .SearchGuidesBar .improvementsWrapper {
    overflow: hidden; }
.emptyBoardWrapper {
  width: 100%; }
.emptyBoard {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 280px;
  padding-bottom: 40px;
  /* Hiding the component while server side styles are still being applied */ }
.emptyBoard .static {
    visibility: hidden; }
.emptyBoard .emptyPinWrapper {
    /* This is a temporary color, not part of the spec */
    background-color: #f7f7f7;
    border-radius: 8px;
    float: left;
    margin: 12px;
    text-align: center;
    width: 236px; }
.emptyBoard .emptyPinWrapper .emptyPinTip {
      color: #8e8e8e;
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;
      padding: 98px 36px 0;
      word-spacing: 0; }
.emptyBoard .addPinWrapper {
    float: left;
    margin: 12px;
    width: 236px; }
.emptyBoard .pinHeightTall {
    height: 280px; }
.emptyBoard .pinHeightShort {
    height: 236px; }
.EmptyBoardFooter {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 24px 0; }
.EmptyBoardFooter .tipLabel {
    color: #333;
    display: inline;
    font-size: 24px;
    font-weight: bold;
    padding-left: 20px; }
.EmptyBoardFooter .tipLabel .tipRed {
      color: #e60023; }
.EmptyBoardFooter .tipWrapper {
    margin: 24px 0; }
.FirstPinAppUpsell {
  background-color: #333;
  border-radius: 8px 100px 8px 8px;
  font-size: 21px;
  font-weight: bold; }
.FirstPinAppUpsell .text {
    color: #fff;
    margin-bottom: 12px; }
.FirstPinAppUpsell .headerText {
    margin-bottom: 10px;
    max-width: 170px; }
.FirstPinAppUpsell .bodyText {
    font-size: 16px; }
.FirstPinAppUpsell .upsellTextButtons {
    padding: 20px 0 18px; }
.FirstPinAppUpsell .heroContainer {
    padding-left: 20px; }
.FirstPinAppUpsell .iosButton {
    background-color: #000;
    background-position: 0 2px;
    border-radius: 4px;
    display: inline-block;
    height: 50px;
    outline: none;
    width: 150px; }
.FirstPinAppUpsell .androidButton {
    border-radius: 4px;
    display: inline-block;
    height: 50px;
    margin-bottom: 5px;
    margin-right: 10px;
    outline: none;
    width: 150px; }
.FirstPinAppUpsell .upsellImage {
    background: url(https://s.pinimg.com/webapp/style/images/first-pin-upsell-1x-bd7e1cc3.png) no-repeat;
    background-size: contain;
    height: 269px;
    width: 195px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .FirstPinAppUpsell .upsellImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/first-pin-upsell-2x-cd89517f.png); } }
.FirstPinCreate__Container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  width: 100%; }
.FirstPinCreate__Container .FirstPinCreate {
    display: -ms-flexbox;
    display: flex;
    /* stylelint-disable-next-line property-blacklist */
    font-family: "Helvetica Neue", "Helvetica", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", arial, sans-serif;
    height: 528px;
    margin: auto;
    position: relative;
    width: 660px; }
.FirstPinCreate__Container .FirstPinCreate__mainContent {
    background: #fff;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    height: inherit;
    overflow: hidden;
    position: relative;
    width: 660px; }
.FirstPinCreate__Container .FirstPinCreate__firstPinHeader {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center; }
.FirstPinCreate__Container .FirstPinCreate__Spacer {
    -ms-flex-positive: 1;
        flex-grow: 1; }
.FirstPinCreate__Header {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  margin-left: 170px;
  position: fixed;
  top: 100px; }
.GridBoardRep .GridBoardRep__boardName {
  display: inline-block;
  margin: 8px 0 24px;
  max-width: 236px;
  padding-left: 4px; }
.GridBoardRep .GridBoardRep__imageWrapper {
  height: 236px;
  overflow: hidden;
  position: relative;
  width: 236px; }
.GridBoardRep .GridBoardRep__linkWrapper :hover {
  cursor: pointer; }
.GridBoardRep .GridBoardRep__item {
  background-color: #efefef;
  height: 117px;
  position: absolute;
  vertical-align: top;
  width: 117px; }
.GridBoardRep .GridBoardRep__bottomLeftRep {
  border-bottom-left-radius: 8px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  bottom: 0;
  left: 0; }
.GridBoardRep .GridBoardRep__bottomRightRep {
  border-bottom-right-radius: 8px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  bottom: 0;
  right: 0; }
.GridBoardRep .GridBoardRep__emptyThumb {
  background-color: #efefef;
  display: inline-block; }
.GridBoardRep .GridBoardRep__topLeftRep {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top-left-radius: 8px;
  left: 0;
  top: 0; }
.GridBoardRep .GridBoardRep__topRightRep {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-top-right-radius: 8px;
  right: 0;
  top: 0; }
.SearchSuggestions {
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
  min-height: 50px; }
.searchSuggestionsLoadingSpinner {
  padding-top: 24px;
  position: relative; }
.SearchSuggestionToken .tokenContainer {
  border-radius: 4px;
  color: #fff;
  float: left;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  margin: 4px; }
.SearchSuggestionToken .tokenContainer a {
    color: inherit; }
.SearchSuggestionToken .tokenContainer span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 4px;
    float: left;
    padding: 9px 12px 11px; }
.SearchSuggestionToken .tokenContainer span:hover {
      background: rgba(0, 0, 0, .05); }
.SearchSuggestionToken .tokenContainer span em {
      width: 12px;
      height: 12px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -51px no-repeat;
      float: left;
      margin: 3px 8px 5px 0; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SearchSuggestionToken .tokenContainer span em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
          background-position: -43px -368px;
          background-size: 399px 382px; } }
.StickyBannerFooter {
  bottom: 0%;
  height: 0;
  min-width: 800px;
  position: fixed;
  transition: height .85s;
  transition-timing-function: cubic-bezier(0.19, 1.32, 0.48, 1);
  width: 100%; }
.StickyBannerFooter .colorSubHeaderCTAText {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #d698ff;
    font-size: 16px;
    font-weight: 700px;
    line-height: 18px;
    word-spacing: 0; }
.StickyBannerFooter .headerCTAText {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ff9f72;
    font-size: 16px;
    font-weight: 700px;
    line-height: 18px;
    word-spacing: 0; }
.StickyBannerFooter .dismissButton {
    background-color: inherit;
    border: none; }
.UpsellTip {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-flex-align: center;
      align-items: center;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0; }
.UpsellTip .upsellTip {
    color: #333;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    font-size: 24px;
    font-weight: bold;
    padding: 0 30px 70px; }
.UpsellTip .upsellTip .tipTitle {
      color: #e60023; }
.UpsellTip .footerButtons {
    bottom: 0;
    left: 0;
    padding: 24px;
    position: absolute;
    right: 0; }
.UpsellTip .footerButtons .submitButton {
      position: absolute;
      right: 24px; }
.UpsellTip .footerButtons .cancelButton,
    .UpsellTip .footerButtons .submitButton {
      font-size: 16px;
      height: 40px;
      line-height: 18px;
      padding: 10px 14px 12px; }
.UpsellTip .footerButtons .Button.btn.isBrioFlat.hasText.hasIcon.submitButton span {
      margin-left: 8px; }
.ContactTile {
  -ms-flex-line-pack: center;
      align-content: center;
  box-sizing: border-box;
  display: inline-block;
  padding: 14px;
  position: relative;
  vertical-align: top;
  width: 100%; }
.ContactTile.noBottomPadding {
    padding-bottom: 0; }
.ContactTile .center {
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
    position: relative;
    width: 46px; }
.ContactTile .profileImage {
    background-color: #333;
    border-radius: 50%;
    color: #fff;
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    height: 46px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 46px; }
.ContactTile .profileImage .placeholderIcon {
      width: 14px;
      height: 18px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -426px -384px no-repeat;
      margin: auto; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .ContactTile .profileImage .placeholderIcon {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -402px -42px;
          background-size: 428px 427px; } }
.ContactTile .cta {
    width: 100%; }
.ContactTile p {
    margin: 0;
    text-align: center; }
.ContactTile .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: bold;
    height: 17px;
    margin: 7px 0; }
.ContactTile .email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-weight: normal; }
.ContactTile .profileLink:hover,
  .ContactTile .profileLink:active,
  .ContactTile .profileLink:focus {
    text-decoration: underline; }
.conversationPanel {
  height: 440px;
  overflow: auto; }
.boardInviteContactRequestsContainer {
  padding-left: 6px;
  padding-right: 6px; }
.EmptyConversations {
  background: #fff; }
.EmptyConversations .intro {
    color: #999;
    font-size: 13px;
    margin: 20px auto 24px;
    text-align: center;
    width: 210px; }
.EmptyConversations .intro strong {
      color: #666;
      line-height: 20px; }
.EmptyConversations .icon {
    margin: 30px auto 0; }
.EmptyConversations .headsContainer {
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    width: 225px; }
.EmptyConversations .headsContainer .ConversationHead {
      float: left;
      margin-right: 24px; }
.EmptyConversations .headsContainer .ConversationHead:last-child {
        margin-right: 0; }
.NewsConversationsDropdown {
  max-height: 500px;
  min-width: 375px; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.newsConversationsTabs {
  overflow: hidden;
  padding: 2px; }
.newsConversationsTabs .newsConversationsTabButton {
    background-color: #efefef;
    color: #8e8e8e;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    width: 100%; }
.newsConversationsTabs .newsConversationsTabButton.activeSegment {
      background: #fff; }
.newsConversationsTabs .newsConversationsTabButton.activeSegment, .newsConversationsTabs .newsConversationsTabButton:focus, .newsConversationsTabs .newsConversationsTabButton:hover {
      color: #333; }
.newsConversationsTabs .newsConversationsTabButton.badged .buttonBadge {
      width: 5px;
      height: 5px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -467px -372px no-repeat;
      font-size: 0;
      left: -7px;
      padding: 0;
      position: relative; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .newsConversationsTabs .newsConversationsTabButton.badged .buttonBadge {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -418px -100px;
          background-size: 428px 427px; } }
.newsConversationsTabs ul {
    display: -ms-flexbox;
    display: flex; }
.newsConversationsTabs ul li {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      width: 100%; }
/* desktop.scss */
.newsConversationsTabs {
  background: #efefef;
  border-radius: 6px;
  margin: 10px; }
.previewRowItem {
  display: inline-block;
  margin-right: 4px; }
.previewRowFullWidthItem {
  background: #efefef;
  border-left: 2px solid #fff;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
  width: 25%;
  /* handles empty card and last image item */ }
.previewRowFullWidthItem:first-child,
  .previewRowFullWidthItem:first-child span {
    border-radius: 4px 0 0 4px; }
.previewRowFullWidthItem:last-child,
  .previewRowFullWidthItem:last-child span {
    border-radius: 0 4px 4px 0; }
/* TODO: proper fix through box instead of repeat divergent styles; handles empty card and last image item */
.hasBrioCorners {
  /* handles empty card and last image item */ }
.hasBrioCorners:first-child,
  .hasBrioCorners:first-child img {
    border-radius: 8px 0 0 8px; }
.hasBrioCorners:first-child,
  .hasBrioCorners:first-child span {
    border-radius: 8px 0 0 8px; }
.hasBrioCorners:last-child,
  .hasBrioCorners:last-child span {
    border-radius: 0 8px 8px 0; }
.hasBrioCorners:last-child,
  .hasBrioCorners:last-child img {
    border-radius: 0 8px 8px 0; }
.hasBrioCorners:last-child,
  .hasBrioCorners:last-child div {
    border-radius: 0 8px 8px 0; }
.hasLegoBrioCorners {
  /* handles empty card and last image item */ }
.hasLegoBrioCorners:first-child,
  .hasLegoBrioCorners:first-child img {
    border-radius: 16px 0 0 16px; }
.hasLegoBrioCorners:first-child,
  .hasLegoBrioCorners:first-child span {
    border-radius: 16px 0 0 16px; }
.hasLegoBrioCorners:last-child,
  .hasLegoBrioCorners:last-child span {
    border-radius: 0 16px 16px 0; }
.hasLegoBrioCorners:last-child,
  .hasLegoBrioCorners:last-child img {
    border-radius: 0 16px 16px 0; }
.hasLegoBrioCorners:last-child,
  .hasLegoBrioCorners:last-child div {
    border-radius: 0 16px 16px 0; }
.educationPill {
  background-color: #88a5ab;
  border: none;
  border-radius: 100px;
  margin: 20px;
  width: 344px; }
.educationPill.slideIn {
    animation: menu-slide-in-up .3s;
    animation-fill-mode: forwards; }
.educationPill.fadeOut {
    animation: fadeOut .3s;
    animation-fill-mode: forwards;
    pointer-events: none; }
.educationPill .message {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0 auto;
    padding: 16px 0;
    text-align: left;
    width: 80%; }
.educationStep {
  position: absolute;
  z-index: 752; }
.educationStep.bottom {
    bottom: 0; }
.fourPixelMask {
  border-radius: 4px;
  overflow: hidden; }
.librofile {
  display: inline-block;
  position: relative; }
.librofile .pinImage {
    background: #efefef center top;
    background-size: cover;
    display: inline-block; }
.librofile .pinImage:not(:last-child) {
      margin-right: 2px; }
.librofile .pinImages {
    overflow: hidden; }
.librofile .profileImage {
    border: 2px solid #fff;
    bottom: -10px;
    left: 8px;
    position: absolute; }
.newsHubItem {
  display: block;
  padding: 20px 0 20px 16px; }
.newsHubItem:hover, .newsHubItem:focus {
    background-color: #f1f1f1; }
.newsHubItem:hover .whiteBorderOnHover, .newsHubItem:focus .whiteBorderOnHover {
      border-radius: 8px;
      box-shadow: 0 0 0 2px #fff; }
.newsHubItem:hover .whiteOnHover, .newsHubItem:focus .whiteOnHover {
      background-color: #fff !important; }
.miniPinGridItem {
  background: #efefef center top;
  background-size: cover;
  display: inline-block; }
.miniPinGridItem:not(:last-child) {
    margin-right: 2px; }
.attributionWrapper {
  bottom: -10px;
  left: 8px;
  position: absolute; }
.attributionUserBorder {
  border: 2px solid #fff;
  border-radius: 100px; }
.attributionSearchBorder {
  border: 2px solid #fff;
  border-radius: 999px; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.newsHubPanel .newsHubItemDate {
  padding: 20px 0 4px 16px; }
.newsHubPanel .newsHubItemDate + .newsHubItem {
    padding-top: 20px; }
.newsHubPanel .newsHubItemWrapper:first-child .newsHubItemDate {
  padding-top: 16px; }
.newsHubMarkReadButton {
  cursor: pointer;
  float: right;
  margin-right: 16px; }
.newsHubTitle {
  padding: 20px 0 8px 16px; }
/* desktop.scss */
.newsHubPanel {
  clear: both;
  height: 440px; }
.listContainer {
  overflow: auto; }
.loadingItem {
  height: 20%;
  padding: 5%;
  position: relative; }
.BizNuxModalStepBase {
  border-radius: 6px;
  height: 640px;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  width: 800px; }
.BizNuxModalStepBase.denseGridModal {
    height: 670px; }
.BizNuxModalStepBase .stepInfoContent {
    color: #d3d3d3;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    line-height: 19px;
    position: absolute;
    right: 16px;
    text-align: right;
    top: 16px; }
.BizNuxModalStepBase .stepInfoContent .stepInfo {
      display: inline-block; }
@keyframes websiteSlideUp {
  from {
    opacity: 0;
    transform: translate(0, 200px); }
  99% {
    opacity: 1;
    transform: translate(0, 0); }
  to {
    opacity: .5;
    transform: translate(0, 0); } }
@keyframes pinitButtonAppear {
  from {
    transform: scale(0, 0) translate(0, 0); }
  70% {
    transform: scale(1.25, 1.25) translate(-17px, 0); }
  to {
    transform: scale(1, 1) translate(-17px, 0); } }
@keyframes arrowSlide {
  from {
    opacity: 0;
    transform: translate(0, 0); }
  50% {
    opacity: .5;
    transform: translate(100px, 0); }
  to {
    opacity: 1;
    transform: translate(100px, 0); } }
@keyframes websiteSlideRightAndDiminish {
  from {
    opacity: 1;
    transform: translate(0, 0) scale(1, 1); }
  to {
    opacity: 0;
    transform: translate(300px, 0) scale(0.12, 0.12); } }
@keyframes websiteSlideRightAndDiminishFullScreen {
  from {
    opacity: 1;
    transform: translate(0, 0) scale(1, 1); }
  to {
    opacity: 0;
    transform: translate(450px, 0) scale(0.12, 0.12); } }
@keyframes pinAppear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes elementVisible {
  from {
    visibility: hidden; }
  to {
    visibility: visible; } }
.BizNuxModalInstallExtension {
  height: 100%; }
.BizNuxModalInstallExtension .headerContent {
    margin: 32px auto 24px;
    width: 736px; }
.BizNuxModalInstallExtension .tableOfContents {
    margin-top: -40px; }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage {
    animation-delay: 1s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-name: websiteSlideUp;
    left: 134px;
    opacity: 0;
    position: absolute;
    top: 35px;
    transform: translate(0, 300px); }
.BizNuxModalInstallExtension .extensionUpsellEmptySpace {
    background-color: #fff;
    height: 225px;
    left: 134px;
    opacity: 1;
    position: absolute;
    top: 35px;
    width: 314px; }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage,
  .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2 {
    background: url(https://s.pinimg.com/webapp/style/images/default-browser-save-website-1x-64b0d84e.png) no-repeat;
    background-size: contain;
    height: 225px;
    width: 315px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BizNuxModalInstallExtension .extensionUpsellWebsiteImage,
      .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2 {
        background-image: url(https://s.pinimg.com/webapp/style/images/default-browser-save-website-2x-28fc34b6.png); } }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage.BR,
    .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.BR {
      background: url(https://s.pinimg.com/webapp/style/images/BR-browser-save-website-1x-5e90f195.png) no-repeat;
      background-size: contain;
      height: 224px;
      width: 314px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage.BR,
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.BR {
          background-image: url(https://s.pinimg.com/webapp/style/images/BR-browser-save-website-2x-d846f321.png); } }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage.DE,
    .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.DE {
      background: url(https://s.pinimg.com/webapp/style/images/DE-browser-save-website-1x-86090736.png) no-repeat;
      background-size: contain;
      height: 224px;
      width: 314px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage.DE,
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.DE {
          background-image: url(https://s.pinimg.com/webapp/style/images/DE-browser-save-website-2x-d7746d89.png); } }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage.FR,
    .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.FR {
      background: url(https://s.pinimg.com/webapp/style/images/FR-browser-save-website-1x-e1bed247.png) no-repeat;
      background-size: contain;
      height: 224px;
      width: 314px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage.FR,
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.FR {
          background-image: url(https://s.pinimg.com/webapp/style/images/FR-browser-save-website-2x-5bfff355.png); } }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage.GB,
    .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.GB {
      background: url(https://s.pinimg.com/webapp/style/images/GB-browser-save-website-1x-61623b74.png) no-repeat;
      background-size: contain;
      height: 224px;
      width: 314px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage.GB,
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.GB {
          background-image: url(https://s.pinimg.com/webapp/style/images/GB-browser-save-website-2x-8f689938.png); } }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage.JP,
    .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.JP {
      background: url(https://s.pinimg.com/webapp/style/images/JP-browser-save-website-1x-f84158ff.png) no-repeat;
      background-size: contain;
      height: 224px;
      width: 314px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage.JP,
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.JP {
          background-image: url(https://s.pinimg.com/webapp/style/images/JP-browser-save-website-2x-1b32e58b.png); } }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage.US,
    .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.US {
      background: url(https://s.pinimg.com/webapp/style/images/US-browser-save-website-1x-da25e403.png) no-repeat;
      background-size: contain;
      height: 224px;
      width: 314px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage.US,
        .BizNuxModalInstallExtension .extensionUpsellWebsiteImage2.US {
          background-image: url(https://s.pinimg.com/webapp/style/images/US-browser-save-website-2x-61f15c6e.png); } }
.BizNuxModalInstallExtension .extensionUpsellWebsiteImage2 {
    animation: websiteSlideRightAndDiminish 1.5s 2s forwards, elementVisible 0s 1.5s forwards;
    background-size: cover;
    left: 134px;
    position: absolute;
    top: 35px;
    visibility: hidden; }
.BizNuxModalInstallExtension .extensionUpsellPinImage {
    background: url(https://s.pinimg.com/webapp/style/images/default-browser-save-pin-1x-ea21ab28.png) no-repeat;
    background-size: contain;
    height: 295px;
    width: 157px;
    animation-delay: 2.5s;
    animation-duration: 0.25s;
    animation-fill-mode: forwards;
    animation-name: pinAppear;
    border-color: #d3d3d3;
    border-radius: 6px;
    border-width: 1px;
    height: 294px;
    left: 510px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 154px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BizNuxModalInstallExtension .extensionUpsellPinImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/default-browser-save-pin-2x-ff3150b9.png); } }
.BizNuxModalInstallExtension .extensionUpsellPinImage.BR {
      background: url(https://s.pinimg.com/webapp/style/images/BR-browser-save-pin-1x-c959f8c4.png) no-repeat;
      background-size: contain;
      height: 281px;
      width: 157px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellPinImage.BR {
          background-image: url(https://s.pinimg.com/webapp/style/images/BR-browser-save-pin-2x-ce9a42c4.png); } }
.BizNuxModalInstallExtension .extensionUpsellPinImage.DE {
      background: url(https://s.pinimg.com/webapp/style/images/DE-browser-save-pin-1x-fa3343f2.png) no-repeat;
      background-size: contain;
      height: 295px;
      width: 157px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellPinImage.DE {
          background-image: url(https://s.pinimg.com/webapp/style/images/DE-browser-save-pin-2x-908755e7.png); } }
.BizNuxModalInstallExtension .extensionUpsellPinImage.FR {
      background: url(https://s.pinimg.com/webapp/style/images/FR-browser-save-pin-1x-b2c9b48e.png) no-repeat;
      background-size: contain;
      height: 295px;
      width: 157px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellPinImage.FR {
          background-image: url(https://s.pinimg.com/webapp/style/images/FR-browser-save-pin-2x-8cf5c26c.png); } }
.BizNuxModalInstallExtension .extensionUpsellPinImage.GB {
      background: url(https://s.pinimg.com/webapp/style/images/GB-browser-save-pin-1x-4fd314c1.png) no-repeat;
      background-size: contain;
      height: 281px;
      width: 157px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellPinImage.GB {
          background-image: url(https://s.pinimg.com/webapp/style/images/GB-browser-save-pin-2x-2ff4b4bd.png); } }
.BizNuxModalInstallExtension .extensionUpsellPinImage.JP {
      background: url(https://s.pinimg.com/webapp/style/images/JP-browser-save-pin-1x-75b87a4a.png) no-repeat;
      background-size: contain;
      height: 304px;
      width: 157px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellPinImage.JP {
          background-image: url(https://s.pinimg.com/webapp/style/images/JP-browser-save-pin-2x-989e3765.png); } }
.BizNuxModalInstallExtension .extensionUpsellPinImage.US {
      background: url(https://s.pinimg.com/webapp/style/images/US-browser-save-pin-1x-0dba3a57.png) no-repeat;
      background-size: contain;
      height: 281px;
      width: 157px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BizNuxModalInstallExtension .extensionUpsellPinImage.US {
          background-image: url(https://s.pinimg.com/webapp/style/images/US-browser-save-pin-2x-f36a90c9.png); } }
.BizNuxModalInstallExtension .extensionUpsellArrowImage {
    background: url(https://s.pinimg.com/webapp/style/images/browser-save-arrow-1x-1d71efe5.png) no-repeat;
    background-size: contain;
    height: 79px;
    width: 150px;
    animation-delay: 2s;
    animation-duration: 0.75s;
    animation-fill-mode: forwards;
    animation-name: arrowSlide;
    left: 254px;
    opacity: 0;
    position: absolute;
    top: 109px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BizNuxModalInstallExtension .extensionUpsellArrowImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/browser-save-arrow-2x-79536253.png); } }
.BizNuxModalInstallExtension .extensionUpsellPinitButtonImage {
    background: url(https://s.pinimg.com/webapp/style/images/browser-save-pinit-button-1x-a49b9ec1.png) no-repeat;
    background-size: contain;
    height: 86px;
    width: 87px;
    animation-delay: 1.5s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-name: pinitButtonAppear;
    left: 371px;
    position: absolute;
    top: 5px;
    transform: scale(0, 0); }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BizNuxModalInstallExtension .extensionUpsellPinitButtonImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/browser-save-pinit-button-2x-4161fb89.png); } }
.BizNuxModalInstallExtension .footer {
    border-radius: 8px;
    bottom: 0;
    display: block;
    height: 110px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2; }
.BizNuxModalInstallExtension .footer .btn {
      border: 0 !important;
      border-radius: 6px;
      box-shadow: none !important;
      font-size: 24px;
      font-weight: bold;
      height: 60px;
      line-height: 29px;
      margin: 20px 20px 5px;
      width: 760px; }
.BizNuxModalInstallExtension .footer .btn:enabled {
        background: #e60023;
        color: #fff; }
.BizNuxModalInstallExtension .footer .optionalSkip {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #999;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      height: 20px;
      line-height: 19px;
      margin-bottom: 5px;
      text-decoration: underline; }
.BizNuxModalInstallExtension .footer .optionalSkip:hover {
        cursor: pointer; }
.BizNuxModalInstallExtension .simplePopExtensionContent {
    opacity: 0;
    overflow: visible;
    transform: scale(0.95); }
.NuxModalStepBase {
  border-radius: 6px;
  height: 640px;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  width: 800px; }
.NuxModalStepBase.denseGridModal {
    height: 670px; }
.NuxModalStepBase .stepInfoContent {
    color: #d3d3d3;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    line-height: 19px;
    position: absolute;
    right: 16px;
    text-align: right;
    top: 16px; }
.NuxModalStepBase .stepInfoContent .stepInfo {
      display: inline-block; }
.CategoriesMenu {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  border-radius: 6px;
  height: 100%;
  text-align: left;
  width: 496px; }
.CategoriesMenu .categoriesWrapper {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin: 0;
    padding: 30px 24px 16px; }
.CategoriesMenu .categoriesWrapper.iPad {
      position: static; }
.CategoriesMenu ul {
    margin: 0;
    padding: 0;
    width: 201px; }
.CategoriesMenu li {
    margin-bottom: 3px; }
.CategoriesMenu .item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 6px;
    color: #838383;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    position: relative; }
.CategoriesMenu .item.shop {
      color: #0084ff;
      margin-bottom: 3px; }
.CategoriesMenu .item.shop:hover {
        color: #0084ff; }
.CategoriesMenu .item:active, .CategoriesMenu .item.selected {
      color: #000; }
.CategoriesMenu .item.highlight span {
      color: #e60023; }
.CategoriesMenu .item:focus {
      outline: none; }
.CategoriesMenu .item:focus, .CategoriesMenu .item:hover {
      background-color: #ededed;
      background: linear-gradient(#f1f1f1, #e8e8e8);
      background: none;
      background-color: transparent;
      color: #cb2027; }
.CategoriesMenu .AboutLinks {
    border-top: 1px solid #ebebeb; }
.CategoriesMenu .AboutLinks ul {
      width: 100%; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.Grid {
  margin: 0 auto 14px;
  position: relative; }
.Grid.hasError {
    padding-bottom: 120px; }
.Grid .navigator {
    display: none; }
/* desktop.scss */
/* stylelint-disable at-rule-no-unknown  */
@media (min-width: 260px) and (max-width: 519px) {
  .Grid .centeredWithinWrapper {
    width: 260px; } }
@media (min-width: 520px) and (max-width: 779px) {
  .Grid .centeredWithinWrapper {
    width: 520px; } }
@media (min-width: 780px) and (max-width: 1039px) {
  .Grid .centeredWithinWrapper {
    width: 780px; } }
@media (min-width: 1040px) and (max-width: 1299px) {
  .Grid .centeredWithinWrapper {
    width: 1040px; } }
@media (min-width: 1300px) and (max-width: 1559px) {
  .Grid .centeredWithinWrapper {
    width: 1300px; } }
@media (min-width: 1560px) and (max-width: 1819px) {
  .Grid .centeredWithinWrapper {
    width: 1560px; } }
@media (min-width: 1820px) and (max-width: 2079px) {
  .Grid .centeredWithinWrapper {
    width: 1820px; } }
@media (min-width: 2080px) and (max-width: 2339px) {
  .Grid .centeredWithinWrapper {
    width: 2080px; } }
@media (min-width: 2340px) and (max-width: 2599px) {
  .Grid .centeredWithinWrapper {
    width: 2340px; } }
@media (min-width: 2600px) and (max-width: 2859px) {
  .Grid .centeredWithinWrapper {
    width: 2600px; } }
.GridItems {
  margin: 0 auto 14px;
  position: relative; }
.GridItems.centeredWithinWrapper {
    margin-bottom: 14px;
    padding-bottom: 4px; }
.GridItems.loading {
    min-height: 100px; }
.GridItems.animated .item {
    transition: transform .2s ease-out; }
.GridItems .item.slideIn {
    animation: pinFadeIn .33s forwards;
    animation-iteration-count: 1;
    display: block; }
.GridItems .item {
    -webkit-transform: translateZ(0);
    transform-style: preserve-3d; }
.GridItems.padItems > .item {
    margin: 14px 7px 0 7px;
    width: 236px; }
/* desktop.scss */
.PartnerHeader .adminModeBackground {
  background-color: #dcdcdc;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, #fff 20px, #fff 40px); }
.PartnerHeader .adminModeBackground.writeMode {
    background-color: #ec7a71; }
.PartnerHeader .ReactDropdown__control--advertiserDropdown {
  background: transparent; }
.HeaderContent {
  position: relative;
  position: fixed;
  top: 0;
  width: 100%; }
.ConversationListItemReact {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  left: 0;
  /* animation */
  padding: 16px 14px;
  position: relative; }
.ConversationListItemReact:hover {
    background: #f1f1f1; }
.ConversationListItemReact:hover .conversationCloseButton {
      display: block; }
.ConversationListItemReact:hover .conversationUnreadMark {
      display: none; }
.ConversationListItemReact.conversationHidden {
    animation: slideOutLeft 0.5s forwards ease-out; }
@keyframes slideOutLeft {
  100% {
    height: 0;
    padding: 0;
    transform: translateX(-100%); } }
.ConversationListItemReact .conversationRepContainer {
    margin-right: 16px 14px; }
.ConversationListItemReact .conversationContentContainer {
    font-size: 12px; }
.ConversationListItemReact .conversationTitleContainer,
  .ConversationListItemReact .conversationTitleContainer a {
    color: #333;
    font-size: 12px; }
.ConversationListItemReact .lastMessageContent {
    color: #8e8e8e;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    margin-top: 1px; }
.ConversationListItemReact .lastMessageTimestamp {
    color: #8e8e8e;
    font-size: 11px;
    font-weight: normal; }
.ConversationListItemReact .membersTitleNames {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.ConversationListItemReact .conversationUnreadMark {
    background-color: #e60023;
    border-radius: 50%;
    bottom: 37px;
    display: block;
    height: 6px;
    position: absolute;
    right: 8px;
    width: 6px; }
.ConversationListItemReact .conversationCloseButton {
    display: none;
    margin: 24px 8px;
    position: absolute;
    right: -1px;
    top: 2px; }
.ConversationListItemReact .conversationCloseButton span {
      color: #999;
      font-size: 18px;
      font-weight: bold; }
.reactConversationsContainer {
  bottom: 20px;
  left: 20px;
  position: fixed;
  z-index: 700; }
.reactConversationsContainer .conversationBubbleContainer {
    margin-bottom: 10px; }
.reactConversationsContainer .reactConversationContainer:hover .conversationHeadClose {
    display: block;
    z-index: 701; }
.reactConversationsContainer .reactConversationsContent {
    position: relative; }
.reactConversationsContainer .reactChatCaret {
    bottom: 0;
    left: -17px !important;
    position: absolute;
    right: inherit !important; }
.reactConversationsContainer .activeConversationDropdown {
    border-radius: 8px; }
.reactConversationsContainer .conversationHeadClose {
    display: none;
    left: 0;
    position: absolute;
    top: 0; }
.reactConversationsContainer .unreadMark {
    background: #e60023;
    border-radius: 50%;
    color: #fff;
    padding: 2px 6px;
    position: absolute;
    right: 0;
    top: 0; }
.reactConversationsContainer.relocateChatheads {
    left: auto;
    right: 20px; }
.reactConversationsContainer.relocateChatheads .reactConversationContainer {
      float: right;
      margin-left: 20px; }
.ConversationEventMessage {
  margin: 16px 0; }
.ConversationEventMessage .eventMessageTitle {
    color: #999;
    font-size: 11px;
    text-align: center; }
.ConversationEventMessage .eventMessageTitle .eventLine {
      margin: 0; }
.ConversationHeader {
  position: relative; }
.ConversationHeader a {
    color: #333; }
.ConversationHeader a:hover {
      text-decoration: underline; }
.ConversationHeader .convosHeader {
    overflow: hidden;
    background: #fff;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    line-height: 16px;
    padding: 10px;
    position: relative;
    text-align: center; }
.ConversationHeader .convosHeader .reportMsgButton em {
      opacity: 1; }
.ConversationHeader .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-positive: 1;
        flex-grow: 1; }
.ConversationHeader .convosTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    max-width: 275px; }
.ConversationHeader .convosMembersSubtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    max-width: 275px; }
.ConversationHeader .convosMembersSubtitle .convosNameInfo {
      color: #999;
      font-weight: normal; }
.ConversationHeader .allMembersContainer {
    bottom: 55px;
    display: none;
    margin: 0 auto;
    position: absolute;
    width: 100%; }
.ConversationHeader .allMembersContainer em {
      width: 14px;
      height: 8px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -62px -393px no-repeat;
      display: block;
      margin: auto; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .ConversationHeader .allMembersContainer em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
          background-position: -370px -359px;
          background-size: 399px 382px; } }
.ConversationHeader .allMembersContent {
    background: #333;
    border-radius: 4px;
    margin: 0 auto;
    padding: 12px 16px;
    width: 150px; }
.ConversationHeader .allMembersContent .convosNameInfo {
      color: #fff;
      display: block;
      font-weight: 400; }
.ConversationHeader .hoverButtonContainer {
    background: #fff;
    padding: 0 0 10px 10px;
    position: absolute;
    right: 25px; }
.ConversationHeader:hover .allMembersContainer {
    display: block; }
.ConversationHeader.displayReportFlagButton .left {
    display: inline-block;
    float: none;
    margin: 0 auto; }
.ConversationHeader.displayReportFlagButton .reportMsgButton em {
    display: inline-block; }
.ConversationHeader.displayReportFlagButton .cancelButton em {
    display: none; }
.ConversationHeader.contactRequestHeader .convosHeader > .leftIcon {
    float: left;
    padding-right: 10px; }
.ConversationHeader.contactRequestHeader .convosHeader > .leftIcon em {
      width: 10px;
      height: 15px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -316px no-repeat;
      display: block; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .ConversationHeader.contactRequestHeader .convosHeader > .leftIcon em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -418px 0;
          background-size: 428px 427px; } }
.ConversationHeader .convosMembersSectionReact {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.ConversationHeader .convosMembersSubtitleReact {
    display: inline; }
.reactConversationWindow {
  background: #eee;
  border: 1px solid #eee;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 436px;
  width: 100%; }
.reactConversationWindow .messagesContainer {
    -ms-flex: 1 1;
        flex: 1 1;
    overflow: auto; }
.reactConversationWindow .itemContainer {
    display: -ms-flexbox;
    display: flex; }
.reactConversationWindow .messageObjectContainer {
    background: #fff;
    border-radius: 8px 8px 8px 0;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 8px;
    padding: 10px; }
.reactConversationWindow .userMessageContainer {
    max-width: 236px; }
.reactConversationWindow .messageSenderIcon {
    -ms-flex-item-align: end;
        align-self: flex-end;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    height: 33px;
    margin: 8px 0 0 8px;
    min-width: 33px; }
.reactConversationWindow .senderName {
    margin: 8px 0 0 16px; }
.reactConversationWindow .messageTextContainer {
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    padding-left: 0;
    padding-right: 40px;
    position: relative; }
.reactConversationWindow .messageTextContent {
    background: #fff;
    border-radius: 6px;
    color: #333;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    margin-left: 16px;
    max-width: 200px;
    word-wrap: break-word;
    padding: 10px; }
.reactConversationWindow .messageTextContent a {
      text-decoration: underline; }
.reactConversationWindow .messageTextCaret {
    width: 8px;
    height: 12px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -10px -464px no-repeat;
    bottom: 8px;
    left: 8px;
    position: absolute; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .reactConversationWindow .messageTextCaret {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -418px -50px;
        background-size: 428px 427px; } }
.reactConversationWindow .messageFromViewer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
.reactConversationWindow .messageFromViewer .messageTextContainer {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
      padding-left: 40px;
      padding-right: 0; }
.reactConversationWindow .messageFromViewer .messageTextContent {
      background: #444;
      color: #fff;
      margin: 0 16px; }
.reactConversationWindow .messageFromViewer .messageTextContent a {
        color: #fff; }
.reactConversationWindow .messageFromViewer .messageTextCaret {
      width: 8px;
      height: 12px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -20px -464px no-repeat;
      left: auto;
      left: initial;
      right: 8px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .reactConversationWindow .messageFromViewer .messageTextCaret {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -418px -76px;
          background-size: 428px 427px; } }
.reactConversationWindow .messageFromViewer .messageSenderIcon {
      margin: 8px 8px 0 0; }
.reactConversationWindow .messageFromViewer .messageObjectContainer {
      border-radius: 8px 8px 0 8px;
      margin-left: auto; }
.reactConversationWindow textarea {
    border: none;
    border-radius: 0 0 8px 8px;
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    font-size: inherit;
    letter-spacing: normal;
    line-height: normal;
    padding: 10px 0 10px 10px;
    resize: none; }
.reactConversationWindow textarea:-ms-input-placeholder {
      color: #ccc; }
.reactConversationWindow textarea::placeholder {
      color: #ccc; }
.reactConversationWindow textarea:focus {
      box-shadow: none; }
.reactSenderWithInitials {
  -ms-flex-align: center;
      align-items: center;
  background: #e60023;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 33px;
  -ms-flex-pack: center;
      justify-content: center;
  width: 33px; }
.ConversationBoardCard,
.ConversationUserCard {
  position: relative; }
.ConversationBoardCard::before,
  .ConversationUserCard::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 8px;
    content: " " !important;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: 3; }
.ConversationBoardCard:hover::before,
  .ConversationUserCard:hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.ConversationUserCard {
  position: relative; }
.ConversationUserCard::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 8px;
    content: " " !important;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: 3; }
.ConversationUserCard:hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.BoardInvite {
  overflow: hidden;
  position: relative; }
.BoardInvite:hover {
    background: #f1f1f1; }
.BoardInvite .secretIconInline {
    width: 9px;
    height: 10px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -315px -20px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    vertical-align: middle; }
.BoardInvite.boardCreate .User {
    width: auto; }
.BoardInvite .pending,
  .BoardInvite .success {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-right: calc(50% - 125px); }
.BoardInvite .pending .leftObjectWrapper,
    .BoardInvite .success .leftObjectWrapper {
      display: inline-block; }
.BoardInvite .pending .left,
    .BoardInvite .success .left {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-positive: 1;
          flex-grow: 1;
      padding: 10px 0; }
.BoardInvite.news {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-right: 1px;
    padding-top: 10px; }
.BoardInvite.news .boardRepWrapper {
      padding: 0 10px; }
.BoardInvite.news .inviterLine {
      color: #8e8e8e; }
.BoardInvite.news .flagConvoWrapper {
      display: none;
      position: absolute;
      right: 10px; }
.BoardInvite.news:hover .flagConvoWrapper {
      display: block; }
.BoardInvite.news .User {
      margin: 0 10px;
      width: 50px; }
.BoardInvite.news .description {
      overflow: hidden;
      font-size: 12px;
      line-height: 15px;
      margin: 0 0 7px;
      max-width: calc(50% + 55px); }
.BoardInvite.news .description a {
        color: #000;
        font-style: normal;
        font-weight: bold; }
.BoardInvite.news .description a:hover {
        color: #e60023; }
.BoardInvite.news .actions {
      margin-left: 70px; }
.BoardInvite.news .pending {
      -ms-flex-align: start;
          align-items: flex-start;
      color: #333;
      font-size: 11px;
      font-weight: normal; }
.BoardInvite.news .pending .left {
        -ms-flex-align: start;
            align-items: flex-start; }
.BoardInvite.news .success {
      display: none; }
.BoardInvite.news .displayed {
      display: -ms-flexbox;
      display: flex; }
.BoardInvite.news .accept,
    .BoardInvite.news .remove {
      font-size: 12px; }
.BoardInvite.news .accept {
      margin-left: 2px; }
.BoardInvite.boardDetail {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    border-radius: 6px; }
.BoardInvite.boardDetail .boardInviteContent img {
      border-radius: 50%;
      margin-right: 8px;
      width: 30px; }
.BoardInvite.boardDetail .pending,
    .BoardInvite.boardDetail .success {
      color: #333;
      font-size: 15px;
      padding: 1em; }
.BoardInvite.boardDetail .pending {
      overflow: hidden; }
.BoardInvite.boardDetail .success {
      display: none; }
/* desktop.scss */
.BoardInvite {
  position: relative; }
.BoardInvite.boardDetail {
    background: #88a5ab;
    border-radius: 8px;
    box-shadow: none;
    margin: 16px 0;
    margin-top: 14px;
    width: inherit; }
.BoardInvite.boardDetail .pending {
      margin-right: 0; }
.BoardInvite.boardDetail .boardInviteContent,
    .BoardInvite.boardDetail a {
      color: #fff; }
.BoardInvite.news {
    border-bottom: 0; }
.BoardInvite.news .actions {
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
.BoardInvite.news .boardName {
      color: #333;
      font-size: 16px;
      line-height: 18px; }
.BoardInvite.news .boardName:hover, .BoardInvite.news .boardName:focus {
        color: #333; }
.BoardInvite.news:hover {
      background: #fff; }
.BoardInvite .invitee {
    height: 30px;
    line-height: 30px;
    padding: 4px 0; }
.BoardInvite .invitee .thumbImageWrapper {
      position: relative;
      float: left;
      height: 30px;
      margin-right: 7px;
      width: 30px; }
.BoardInvite .invitee .thumbImageWrapper::after {
        border-radius: 3px;
        box-shadow: 0 0 2px rgba(0, 0, 0, .33) inset;
        content: " ";
        height: 30px;
        left: 0;
        position: absolute;
        top: 0;
        width: 30px; }
.BoardInvite .invitee .thumbImageWrapper emailIcon {
        border-radius: 3px;
        height: 30px;
        width: 30px; }
.BoardInvite .invitee .thumbImageWrapper .inviteeIcon {
        width: 30px;
        height: 30px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -170px -384px no-repeat;
        border-radius: 6px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .invitee .thumbImageWrapper .inviteeIcon {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -194px -342px;
            background-size: 428px 427px; } }
.BoardInvite .invitee .thumbImageWrapper img {
        border-radius: 3px;
        height: 30px;
        width: 30px; }
.BoardInvite .invitee .inviteeName {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #333;
      display: block;
      font-size: 11px;
      line-height: 17px; }
.BoardInvite .inviteTypeWrapper {
    font-size: 11px;
    line-height: 11px;
    margin-top: 1px; }
.BoardInvite .inviteTypeWrapper .inviteTypeIcon {
      display: inline-block;
      margin-right: 2px;
      vertical-align: middle; }
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isPinner {
        width: 11px;
        height: 11px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -439px no-repeat;
        margin-bottom: 2px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isPinner {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -12px -416px;
            background-size: 428px 427px; } }
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isEmail {
        width: 11px;
        height: 11px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -107px -442px no-repeat;
        margin-bottom: 2px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isEmail {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: 0 -416px;
            background-size: 428px 427px; } }
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isFacebook {
        width: 10px;
        height: 10px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -223px -206px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isFacebook {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -418px -39px;
            background-size: 428px 427px; } }
.BoardInvite .inviteTypeWrapper .inviteTypeIcon.isGplus {
        width: 10px;
        height: 10px;
        background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -474px -452px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isGplus {
            background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
            background-position: -418px -28px;
            background-size: 428px 427px; } }
.BoardInvite .inviteTypeWrapper .inviteTypeName {
      font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
      color: #666;
      display: inline-block;
      font-weight: normal;
      vertical-align: middle; }
.conversationContactContainer {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 10px; }
.conversationContactContainer .contactDescription {
    color: #8e8e8e; }
.conversationContactContainer .contactName {
    font-weight: bold; }
.conversationContactContainer .contactTextInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-left: 10px; }
.conversationContactContainer .conversationContactContainer:hover {
    background: #f1f1f1; }
.conversationContactContainer .contactWrapper {
    display: -ms-flexbox;
    display: flex; }
.conversationContactContainer .selectionIndicator {
    border-radius: 50%;
    height: 30px; }
.conversationContactContainer .selectionIndicator em {
      width: 34px;
      height: 34px;
      background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -405px -74px no-repeat;
      display: block; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .conversationContactContainer .selectionIndicator em {
          background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
          background-position: -342px -72px;
          background-size: 428px 427px; } }
.reactTokenizedInputContainer {
  display: -ms-flexbox;
  display: flex; }
.reactTokenizedInputContainer .tokenRemove {
    display: none;
    left: 0;
    position: absolute;
    top: 0; }
.reactTokenizedInputContainer .textFieldContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
        flex-grow: 1; }
.reactTokenizedInputContainer .textFieldContainer input {
    -ms-flex-positive: 1;
        flex-grow: 1;
    height: 40px; }
.reactTokenizedInputContainer .tokenItem {
    padding-right: 5px; }
.reactTokenizedInputContainer .tokenItem:hover .tokenRemove {
      display: block;
      z-index: 1001; }
.reactTokenizedInputContainer .tokenItem:last-child {
    padding-right: 0; }
.reactTokenizedInputContainer .tokenContainer {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.MobileLandingPageUpsell {
  background-color: #fff;
  /* stylelint-disable-next-line property-blacklist */
  font-family: sans-serif;
  /* stylelint-disable-next-line at-rule-no-unknown */ }
.MobileLandingPageUpsell .topBackground {
    background-image: url(https://s.pinimg.com/webapp/style/images/background-2eee85f9.jpg);
    background-size: cover; }
.MobileLandingPageUpsell .topBackground .topContainer {
      color: #fff; }
.MobileLandingPageUpsell .topBackground .topContainer .logo {
        background: url(https://s.pinimg.com/webapp/style/images/white-pinterest-logo-1x-b5e851a6.png) no-repeat;
        background-size: contain;
        height: 26px;
        width: 99px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .MobileLandingPageUpsell .topBackground .topContainer .logo {
            background-image: url(https://s.pinimg.com/webapp/style/images/white-pinterest-logo-2x-4a56380e.png); } }
.MobileLandingPageUpsell .androidButton {
    background: url(https://s.pinimg.com/webapp/style/images/EN-1x-193adbd5.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px;
    display: inline-block; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton {
        background-image: url(https://s.pinimg.com/webapp/style/images/EN-2x-ea0db06a.png); } }
.MobileLandingPageUpsell .iosButton {
    background: url(https://s.pinimg.com/webapp/style/images/EN-1x-6f0f8e76.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px;
    display: inline-block; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton {
        background-image: url(https://s.pinimg.com/webapp/style/images/EN-2x-1bfaab3e.png); } }
.MobileLandingPageUpsell .androidButton.CS {
    background: url(https://s.pinimg.com/webapp/style/images/CS-1x-aa88f4fd.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.CS {
        background-image: url(https://s.pinimg.com/webapp/style/images/CS-2x-1f99325c.png); } }
.MobileLandingPageUpsell .iosButton.CS {
    background: url(https://s.pinimg.com/webapp/style/images/CS-1x-57b27437.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.CS {
        background-image: url(https://s.pinimg.com/webapp/style/images/CS-2x-387b6b84.png); } }
.MobileLandingPageUpsell .androidButton.DA {
    background: url(https://s.pinimg.com/webapp/style/images/DA-1x-b3212f93.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.DA {
        background-image: url(https://s.pinimg.com/webapp/style/images/DA-2x-881f535b.png); } }
.MobileLandingPageUpsell .iosButton.DA {
    background: url(https://s.pinimg.com/webapp/style/images/DA-1x-73095d1e.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.DA {
        background-image: url(https://s.pinimg.com/webapp/style/images/DA-2x-f75e4549.png); } }
.MobileLandingPageUpsell .androidButton.DE {
    background: url(https://s.pinimg.com/webapp/style/images/DE-1x-195f2284.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.DE {
        background-image: url(https://s.pinimg.com/webapp/style/images/DE-2x-73bba6d5.png); } }
.MobileLandingPageUpsell .iosButton.DE {
    background: url(https://s.pinimg.com/webapp/style/images/DE-1x-9a33f8c5.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.DE {
        background-image: url(https://s.pinimg.com/webapp/style/images/DE-2x-81d4e358.png); } }
.MobileLandingPageUpsell .androidButton.EL {
    background: url(https://s.pinimg.com/webapp/style/images/EL-1x-d5e9cffb.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.EL {
        background-image: url(https://s.pinimg.com/webapp/style/images/EL-2x-75dbffaf.png); } }
.MobileLandingPageUpsell .iosButton.EL {
    background: url(https://s.pinimg.com/webapp/style/images/EL-1x-c47b5f4b.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.EL {
        background-image: url(https://s.pinimg.com/webapp/style/images/EL-2x-f94ceee4.png); } }
.MobileLandingPageUpsell .androidButton.EN {
    background: url(https://s.pinimg.com/webapp/style/images/EN-1x-193adbd5.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.EN {
        background-image: url(https://s.pinimg.com/webapp/style/images/EN-2x-ea0db06a.png); } }
.MobileLandingPageUpsell .iosButton.EN {
    background: url(https://s.pinimg.com/webapp/style/images/EN-1x-6f0f8e76.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.EN {
        background-image: url(https://s.pinimg.com/webapp/style/images/EN-2x-1bfaab3e.png); } }
.MobileLandingPageUpsell .androidButton.ES {
    background: url(https://s.pinimg.com/webapp/style/images/ES-1x-5d4df5f0.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.ES {
        background-image: url(https://s.pinimg.com/webapp/style/images/ES-2x-4b31e0d2.png); } }
.MobileLandingPageUpsell .iosButton.ES {
    background: url(https://s.pinimg.com/webapp/style/images/ES-1x-43d3ab96.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.ES {
        background-image: url(https://s.pinimg.com/webapp/style/images/ES-2x-a31d918b.png); } }
.MobileLandingPageUpsell .androidButton.FI {
    background: url(https://s.pinimg.com/webapp/style/images/FI-1x-df009e22.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.FI {
        background-image: url(https://s.pinimg.com/webapp/style/images/FI-2x-93552fb9.png); } }
.MobileLandingPageUpsell .iosButton.FI {
    background: url(https://s.pinimg.com/webapp/style/images/FI-1x-99cb37da.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.FI {
        background-image: url(https://s.pinimg.com/webapp/style/images/FI-2x-6cd4e75f.png); } }
.MobileLandingPageUpsell .androidButton.FR {
    background: url(https://s.pinimg.com/webapp/style/images/FR-1x-76258add.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.FR {
        background-image: url(https://s.pinimg.com/webapp/style/images/FR-2x-892d382a.png); } }
.MobileLandingPageUpsell .iosButton.FR {
    background: url(https://s.pinimg.com/webapp/style/images/FR-1x-a1b11f36.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.FR {
        background-image: url(https://s.pinimg.com/webapp/style/images/FR-2x-60ddb3dc.png); } }
.MobileLandingPageUpsell .androidButton.HU {
    background: url(https://s.pinimg.com/webapp/style/images/HU-1x-f5a33374.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.HU {
        background-image: url(https://s.pinimg.com/webapp/style/images/HU-2x-3cf19ccb.png); } }
.MobileLandingPageUpsell .iosButton.HU {
    background: url(https://s.pinimg.com/webapp/style/images/HU-1x-ecfb98ab.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.HU {
        background-image: url(https://s.pinimg.com/webapp/style/images/HU-2x-801f2f76.png); } }
.MobileLandingPageUpsell .androidButton.ID {
    background: url(https://s.pinimg.com/webapp/style/images/ID-1x-fc856302.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.ID {
        background-image: url(https://s.pinimg.com/webapp/style/images/ID-2x-60763725.png); } }
.MobileLandingPageUpsell .iosButton.ID {
    background: url(https://s.pinimg.com/webapp/style/images/ID-1x-7723e800.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.ID {
        background-image: url(https://s.pinimg.com/webapp/style/images/ID-2x-511fb06d.png); } }
.MobileLandingPageUpsell .androidButton.IT {
    background: url(https://s.pinimg.com/webapp/style/images/IT-1x-78215d79.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.IT {
        background-image: url(https://s.pinimg.com/webapp/style/images/IT-2x-f06d21d3.png); } }
.MobileLandingPageUpsell .iosButton.IT {
    background: url(https://s.pinimg.com/webapp/style/images/IT-1x-eb49e52c.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.IT {
        background-image: url(https://s.pinimg.com/webapp/style/images/IT-2x-4e1ebffc.png); } }
.MobileLandingPageUpsell .androidButton.JA {
    background: url(https://s.pinimg.com/webapp/style/images/JA-1x-e4d2e103.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.JA {
        background-image: url(https://s.pinimg.com/webapp/style/images/JA-2x-613b7a1c.png); } }
.MobileLandingPageUpsell .iosButton.JA {
    background: url(https://s.pinimg.com/webapp/style/images/JA-1x-e9625ac6.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.JA {
        background-image: url(https://s.pinimg.com/webapp/style/images/JA-2x-e4949c87.png); } }
.MobileLandingPageUpsell .androidButton.KO {
    background: url(https://s.pinimg.com/webapp/style/images/KO-1x-d08dd546.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.KO {
        background-image: url(https://s.pinimg.com/webapp/style/images/KO-2x-82063d73.png); } }
.MobileLandingPageUpsell .iosButton.KO {
    background: url(https://s.pinimg.com/webapp/style/images/KO-1x-3699e0ab.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.KO {
        background-image: url(https://s.pinimg.com/webapp/style/images/KO-2x-ddc06527.png); } }
.MobileLandingPageUpsell .androidButton.ML {
    background: url(https://s.pinimg.com/webapp/style/images/ML-1x-0069db8e.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.ML {
        background-image: url(https://s.pinimg.com/webapp/style/images/ML-2x-85c22418.png); } }
.MobileLandingPageUpsell .iosButton.ML {
    background: url(https://s.pinimg.com/webapp/style/images/ML-1x-cfe4f86a.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.ML {
        background-image: url(https://s.pinimg.com/webapp/style/images/ML-2x-482d4428.png); } }
.MobileLandingPageUpsell .androidButton.NL {
    background: url(https://s.pinimg.com/webapp/style/images/NL-1x-ff73753a.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.NL {
        background-image: url(https://s.pinimg.com/webapp/style/images/NL-2x-8c8e0858.png); } }
.MobileLandingPageUpsell .iosButton.NL {
    background: url(https://s.pinimg.com/webapp/style/images/NL-1x-3926d2dd.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.NL {
        background-image: url(https://s.pinimg.com/webapp/style/images/NL-2x-ffcdfef9.png); } }
.MobileLandingPageUpsell .androidButton.NN {
    background: url(https://s.pinimg.com/webapp/style/images/NN-1x-a9972684.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.NN {
        background-image: url(https://s.pinimg.com/webapp/style/images/NN-2x-85d7db2a.png); } }
.MobileLandingPageUpsell .iosButton.NN {
    background: url(https://s.pinimg.com/webapp/style/images/NN-1x-6e36a313.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.NN {
        background-image: url(https://s.pinimg.com/webapp/style/images/NN-2x-fd2478e8.png); } }
.MobileLandingPageUpsell .androidButton.PL {
    background: url(https://s.pinimg.com/webapp/style/images/PL-1x-dc76138d.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.PL {
        background-image: url(https://s.pinimg.com/webapp/style/images/PL-2x-56d0226f.png); } }
.MobileLandingPageUpsell .iosButton.PL {
    background: url(https://s.pinimg.com/webapp/style/images/PL-1x-3a5b9eb6.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.PL {
        background-image: url(https://s.pinimg.com/webapp/style/images/PL-2x-3cc909a8.png); } }
.MobileLandingPageUpsell .androidButton.PT {
    background: url(https://s.pinimg.com/webapp/style/images/PT-1x-61d44f78.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.PT {
        background-image: url(https://s.pinimg.com/webapp/style/images/PT-2x-91f7acfc.png); } }
.MobileLandingPageUpsell .iosButton.PT {
    background: url(https://s.pinimg.com/webapp/style/images/PT-1x-fc9e1aa2.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.PT {
        background-image: url(https://s.pinimg.com/webapp/style/images/PT-2x-e272dbd6.png); } }
.MobileLandingPageUpsell .androidButton.RO {
    background: url(https://s.pinimg.com/webapp/style/images/RO-1x-fda1c018.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.RO {
        background-image: url(https://s.pinimg.com/webapp/style/images/RO-2x-d48881c4.png); } }
.MobileLandingPageUpsell .iosButton.RO {
    background: url(https://s.pinimg.com/webapp/style/images/RO-1x-18736a64.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.RO {
        background-image: url(https://s.pinimg.com/webapp/style/images/RO-2x-c762cab0.png); } }
.MobileLandingPageUpsell .androidButton.RU {
    background: url(https://s.pinimg.com/webapp/style/images/RU-1x-65d3a95b.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.RU {
        background-image: url(https://s.pinimg.com/webapp/style/images/RU-2x-0ce2c757.png); } }
.MobileLandingPageUpsell .iosButton.RU {
    background: url(https://s.pinimg.com/webapp/style/images/RU-1x-ce1d81a3.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.RU {
        background-image: url(https://s.pinimg.com/webapp/style/images/RU-2x-b89abd86.png); } }
.MobileLandingPageUpsell .androidButton.SK {
    background: url(https://s.pinimg.com/webapp/style/images/SK-1x-66e29846.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.SK {
        background-image: url(https://s.pinimg.com/webapp/style/images/SK-2x-16880fe3.png); } }
.MobileLandingPageUpsell .iosButton.SK {
    background: url(https://s.pinimg.com/webapp/style/images/SK-1x-ac41a55d.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.SK {
        background-image: url(https://s.pinimg.com/webapp/style/images/SK-2x-20b58101.png); } }
.MobileLandingPageUpsell .androidButton.SV {
    background: url(https://s.pinimg.com/webapp/style/images/SV-1x-2bad06b4.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.SV {
        background-image: url(https://s.pinimg.com/webapp/style/images/SV-2x-502a5a32.png); } }
.MobileLandingPageUpsell .iosButton.SV {
    background: url(https://s.pinimg.com/webapp/style/images/SV-1x-b3f99f27.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.SV {
        background-image: url(https://s.pinimg.com/webapp/style/images/SV-2x-b1271639.png); } }
.MobileLandingPageUpsell .androidButton.TH {
    background: url(https://s.pinimg.com/webapp/style/images/TH-1x-66e29846.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.TH {
        background-image: url(https://s.pinimg.com/webapp/style/images/TH-2x-16880fe3.png); } }
.MobileLandingPageUpsell .iosButton.TH {
    background: url(https://s.pinimg.com/webapp/style/images/TH-1x-afac524b.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.TH {
        background-image: url(https://s.pinimg.com/webapp/style/images/TH-2x-7ecf42ba.png); } }
.MobileLandingPageUpsell .androidButton.TL {
    background: url(https://s.pinimg.com/webapp/style/images/TL-1x-a001709a.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.TL {
        background-image: url(https://s.pinimg.com/webapp/style/images/TL-2x-58021b84.png); } }
.MobileLandingPageUpsell .iosButton.TL {
    background: url(https://s.pinimg.com/webapp/style/images/TL-1x-31d0bc83.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.TL {
        background-image: url(https://s.pinimg.com/webapp/style/images/TL-2x-3187e1aa.png); } }
.MobileLandingPageUpsell .androidButton.TR {
    background: url(https://s.pinimg.com/webapp/style/images/TR-1x-f7dc0333.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.TR {
        background-image: url(https://s.pinimg.com/webapp/style/images/TR-2x-4585987c.png); } }
.MobileLandingPageUpsell .iosButton.TR {
    background: url(https://s.pinimg.com/webapp/style/images/TR-1x-6f0f8e76.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.TR {
        background-image: url(https://s.pinimg.com/webapp/style/images/TR-2x-1bfaab3e.png); } }
.MobileLandingPageUpsell .androidButton.UK {
    background: url(https://s.pinimg.com/webapp/style/images/UK-1x-9ecb075c.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.UK {
        background-image: url(https://s.pinimg.com/webapp/style/images/UK-2x-25a04f9a.png); } }
.MobileLandingPageUpsell .iosButton.UK {
    background: url(https://s.pinimg.com/webapp/style/images/UK-1x-6f0f8e76.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.UK {
        background-image: url(https://s.pinimg.com/webapp/style/images/UK-2x-1bfaab3e.png); } }
.MobileLandingPageUpsell .androidButton.VI {
    background: url(https://s.pinimg.com/webapp/style/images/VI-1x-aba34925.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 152px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .androidButton.VI {
        background-image: url(https://s.pinimg.com/webapp/style/images/VI-2x-f245f353.png); } }
.MobileLandingPageUpsell .iosButton.VI {
    background: url(https://s.pinimg.com/webapp/style/images/VI-1x-474f64a4.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 167px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .MobileLandingPageUpsell .iosButton.VI {
        background-image: url(https://s.pinimg.com/webapp/style/images/VI-2x-119d560d.png); } }
.MobileLandingPageUpsell .bottom .textSection {
    color: #333; }
.MobileLandingPageUpsell .bottom .textSection .sectionTitle {
      font-size: 24px;
      line-height: 1.125; }
.MobileLandingPageUpsell .bottom .textSection .sectionContent {
      font-size: 14px;
      line-height: 1.5; }
.MobileLandingPageUpsell .bottomNav {
    border-top: 1px solid #e3e3e3;
    font-size: 14px; }
.MobileLandingPageUpsell .bottomNav .bottomLink a {
      font-weight: normal; }
.MobileLandingPageUpsell .bottomNav .bottomLink .badge {
      background: url(https://s.pinimg.com/webapp/style/images/badge-1x-4c987eec.png) no-repeat;
      background-size: contain;
      height: 21px;
      width: 21px;
      display: inline-block;
      padding-bottom: 4px;
      vertical-align: middle; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .MobileLandingPageUpsell .bottomNav .bottomLink .badge {
          background-image: url(https://s.pinimg.com/webapp/style/images/badge-2x-85ba0fac.png); } }
/* desktop.scss */
.MobileLandingPageUpsell {
  width: 100%; }
.MobileLandingPageUpsell .topBackground {
    height: 450px; }
.MobileLandingPageUpsell .topBackground .topContainer {
      margin: 0 auto;
      padding: 95px 0 40px;
      position: relative;
      width: 950px; }
.MobileLandingPageUpsell .topBackground .topContainer .title {
        font-size: 60px;
        line-height: 65px;
        margin-top: 10px;
        width: 450px; }
.MobileLandingPageUpsell .topBackground .topContainer .subtitle {
        font-size: 18px;
        margin-top: 33px; }
.MobileLandingPageUpsell .topBackground .topContainer .buttons {
        margin-top: 17px; }
.MobileLandingPageUpsell .topBackground .topContainer .buttons .appStoreButton {
          margin-right: 15px; }
.MobileLandingPageUpsell .topBackground .topContainer .shortUrlText {
        font-size: 14px;
        margin: 15px 0 40px; }
.MobileLandingPageUpsell .topBackground .topContainer .shortUrlText a {
          color: #fff;
          text-decoration: underline; }
.MobileLandingPageUpsell .topBackground .topContainer .topImage {
        position: absolute;
        top: 35px; }
.MobileLandingPageUpsell .topBackground .topContainer .topImage.iOS {
          background: url(https://s.pinimg.com/webapp/style/images/ios-1x-f2d643f4.png) no-repeat;
          background-size: contain;
          height: 468px;
          width: 382px;
          left: 520px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .MobileLandingPageUpsell .topBackground .topContainer .topImage.iOS {
              background-image: url(https://s.pinimg.com/webapp/style/images/ios-2x-93c02442.png); } }
.MobileLandingPageUpsell .topBackground .topContainer .topImage.android {
          background: url(https://s.pinimg.com/webapp/style/images/android-1x-0a553f36.png) no-repeat;
          background-size: contain;
          height: 469px;
          width: 306px;
          left: 550px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .MobileLandingPageUpsell .topBackground .topContainer .topImage.android {
              background-image: url(https://s.pinimg.com/webapp/style/images/android-2x-64f466a6.png); } }
.MobileLandingPageUpsell .topBackground .topContainer .topImage.multi {
          background: url(https://s.pinimg.com/webapp/style/images/multi-1x-afebd48e.png) no-repeat;
          background-size: contain;
          height: 464px;
          width: 423px;
          left: 500px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .MobileLandingPageUpsell .topBackground .topContainer .topImage.multi {
              background-image: url(https://s.pinimg.com/webapp/style/images/multi-2x-367ec694.png); } }
.MobileLandingPageUpsell .bottom {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 50px;
    width: 950px; }
.MobileLandingPageUpsell .bottom .textSection {
      float: left;
      height: 100px;
      width: 475px; }
.MobileLandingPageUpsell .bottom .textSection .sectionContent {
        width: 360px; }
.MobileLandingPageUpsell .bottomNav {
    background-color: #fff;
    line-height: 50px;
    margin: 20px auto 0;
    width: 950px; }
.MobileLandingPageUpsell .bottomNav .bottomLink {
      display: inline-block;
      margin-right: 40px; }
.MobileLandingPageUpsell .bottomNav .bottomLink:first-child {
      margin-right: 330px; }
.MobileWebLoginRedirect {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.MobileWebLoginRedirect .overlay {
    background: #333;
    height: 1000px;
    opacity: .9;
    width: 100%; }
.MobileWebLoginRedirect .modal {
    background: #fff;
    bottom: 0;
    color: #333;
    position: fixed;
    width: 100%; }
.MobileWebLoginRedirect .modal .inner_model {
      padding: 38px 16px 16px; }
.MobileWebLoginRedirect .modal .inner_model .text {
        padding-left: 4px; }
.MobileWebLoginRedirect .modal .inner_model .text .title {
          font-size: 24px; }
@media screen and (min-width: 375px) and (min-height: 375px) {
            .MobileWebLoginRedirect .modal .inner_model .text .title {
              font-size: 36px; } }
.MobileWebLoginRedirect .modal .inner_model .text .titleSmall {
          font-size: 24px; }
.MobileWebLoginRedirect .modal .inner_model .text .subtext {
          font-size: 16px;
          padding-bottom: 12px;
          padding-top: 12px; }
.MobileWebLoginRedirect .modal .inner_model .invisible {
        visibility: hidden; }
.MobileWebLoginRedirect .modal .inner_model .reactButton {
        background: #efefef;
        border: none;
        border-radius: 4px;
        display: block;
        font-size: 16px;
        height: 40px;
        margin: 8px 0;
        width: 100%; }
.MobileWebLoginRedirect .modal .inner_model .closeButton {
        margin: 10px;
        position: absolute;
        right: 0;
        top: 0; }
.MobileWebLoginRedirect .modal .inner_model .closeButton2 {
        color: #8e8e8e;
        font-size: 40px;
        line-height: 70%;
        position: absolute;
        right: 10px;
        top: 7px; }
.MobileWebLoginRedirect .modal .inner_model .highlightButton {
        background: #e60023;
        color: #fff; }
.ExperienceNag {
  background-color: #fff6c8;
  box-shadow: 0 1px 2px rgba(51, 51, 51, .15);
  box-sizing: border-box;
  position: relative;
  text-align: center;
  z-index: 104; }
.ExperienceNag .centeredWithinWrapper {
    position: relative; }
.ExperienceNag .message {
    color: #333;
    display: inline-block;
    font-size: 15px;
    max-width: 850px;
    padding: 16px 0; }
@media (min-width: 0px) and (max-width: 999px) {
      .ExperienceNag .message {
        font-size: 12px;
        max-width: 576px; } }
.ExperienceNag .message a {
      text-decoration: underline; }
.ExperienceNag.updateBrowser {
    text-align: center; }
.ExperienceNag .nagClose {
    width: 16px;
    height: 16px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -376px -309px no-repeat;
    bottom: 0;
    cursor: pointer;
    margin: auto;
    padding: 6px;
    position: absolute;
    right: 7px;
    top: 0;
    z-index: 105; }
.ExperienceNag .notificationPaneNag .message {
    box-shadow: none;
    font-size: 12px;
    margin: 0;
    padding-right: 40px; }
/* stylelint-disable-next-line at-rule-blacklist */
.ReactBoardListRow {
  cursor: pointer;
  display: block;
  padding: 0 23px;
  position: relative; }
.ReactBoardListRow__pinit {
    display: none;
    position: absolute;
    right: 20px;
    top: 5px; }
.ReactBoardListRow .ReactBoardListRow__pinit {
    display: none; }
.ReactBoardListRow:hover {
    background-color: #f5f5f5; }
.ReactBoardListRow:hover p {
      max-width: 178px; }
.ReactBoardListRow:hover--group, .ReactBoardListRow:hover--private {
      display: none; }
.ReactBoardListRow:hover .ReactBoardListRow__pinit {
      display: block; }
.ReactBoardListRow:hover .saveButton {
      display: block;
      margin-top: 0; }
.ReactBoardListRow .ReactBoardListRow__noImage {
    background-color: #efefef;
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    display: inline-block;
    height: 34px;
    margin-right: 10px;
    vertical-align: middle;
    width: 34px; }
.ReactBoardListRow img {
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .25);
    height: 34px;
    margin-right: 10px;
    vertical-align: middle;
    width: 34px; }
.ReactBoardListRow p {
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    margin: 7px 0;
    max-width: 193px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap; }
.ReactBoardListRow--group, .ReactBoardListRow--private {
    background-size: cover;
    display: inline-block;
    float: right;
    margin-left: 5px; }
.ReactBoardListRow--group {
    background-image: url(https://s.pinimg.com/webapp/style/images/collaborators-icon-cdd43947.svg);
    height: 25px;
    margin-top: 11px;
    width: 22px; }
.ReactBoardListRow--private {
    background-image: url(https://s.pinimg.com/webapp/style/images/lock-icon-c92e5974.svg);
    height: 17px;
    margin-top: 15px;
    width: 15px; }
/* stylelint-disable-next-line at-rule-blacklist */
.ReactBoardPicker {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  border-radius: 6px;
  height: 500px;
  margin: 0 auto;
  overflow: hidden; }
.ReactBoardPicker__spinner {
    position: relative;
    top: 44%; }
.ReactBoardPicker__close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px; }
.ReactBoardPicker__block {
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top;
    width: 50%; }
.ReactBoardPicker__block:first-child {
      -ms-flex-align: center;
          align-items: center;
      background-color: #d9d9d9;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-pack: center;
          justify-content: center; }
.ReactBoardPicker__block header {
      color: #333;
      font-size: 20px;
      font-weight: bold;
      margin-left: 23px;
      margin-top: 25px;
      padding-bottom: 12px; }
.ReactBoardPicker__leftContent {
    background-color: #f5f5f5;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    overflow: hidden;
    width: 236px; }
.ReactBoardPicker__leftContent__pinPreview {
      display: block;
      height: inherit;
      margin: 0 auto;
      width: inherit; }
.ReactBoardPicker__leftContent textarea {
      border: 0;
      border-top: 1px solid rgba(0, 0, 0, .1);
      display: inherit;
      font-size: 13px;
      font-weight: 500;
      line-height: 17px;
      outline: none;
      padding: 10px 5%;
      resize: none;
      width: 90%; }
.ReactBoardPicker__descriptionWrapper {
    background-color: #fff; }
.ReactBoardPicker__imageWrapper {
    position: relative; }
.ReactBoardPicker__videoUrl {
    color: #a8a8a8;
    font-size: 12px;
    font-weight: normal;
    padding: 10px; }
.ReactBoardPicker__playIcon {
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px; }
.ReactBoardPicker__search {
    margin-top: 20px;
    padding: 0 23px; }
.ReactBoardPicker__boards {
    border-top: 1px solid #f5f5f5;
    margin-top: 15px;
    max-height: 357px;
    overflow-y: scroll;
    padding-top: 10px; }
.ReactBoardPicker__boards header {
      color: #a8a8a8;
      font-size: 13px;
      font-weight: 400;
      margin-top: 5px;
      padding-bottom: 5px; }
.ReactBoardPicker__boards__list {
    list-style: none;
    margin: 0;
    padding: 0; }
/* stylelint-disable-next-line at-rule-blacklist */
.ReactButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #e0e0e0;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold; }
.ReactButton--primary {
    background-color: #e60023;
    color: #fff; }
.ReactButton--primary:hover {
      background-color: #e60023; }
.ReactButton--medium {
    font-size: 16px; }
/* stylelint-disable-next-line at-rule-blacklist */
.ReactDropdown {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  position: relative; }
.ReactDropdown--open__control__arrow {
    border-color: transparent transparent #333;
    border-width: 0 6px 7px; }
.ReactDropdown--noresults {
    color: #8e8e8e;
    cursor: default;
    display: block;
    padding: 9px 14px; }
.ReactDropdown__placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.ReactDropdown__control {
    background-color: #efefef;
    border-radius: 4px;
    color: #333;
    cursor: default;
    outline: none;
    overflow: hidden;
    padding: 7px 12px;
    position: relative;
    transition: all 200ms ease; }
.ReactDropdown__control .caret {
      padding-left: 10px; }
.ReactDropdown__control--advertiserDropdown {
      background-color: transparent;
      border-radius: 0;
      line-height: normal;
      padding-left: 0; }
.ReactDropdown__menu {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25);
    -webkit-overflow-scrolling: touch;
    animation: menu-slide-in-up .3s;
    animation-fill-mode: forwards;
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 8px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 210px;
    z-index: 668; }
.ReactDropdown__menu .group > .title {
    color: #8e8e8e;
    padding: 9px 14px;
    text-transform: capitalize; }
.ReactDropdown__option {
    box-sizing: border-box;
    color: #777;
    cursor: pointer;
    display: block;
    padding: 9px 14px;
    text-overflow: ellipsis;
    white-space: nowrap; }
.ReactDropdown__option:hover {
      background: #f1f1f1;
      color: #333; }
.ReactDropdown__option:active {
      background: #eaeaea; }
.ReactDropdown__option:last-child {
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; }
.ReactDropdown__option--selected {
      background-color: #f5f5f5;
      color: #333; }
/* stylelint-disable-next-line at-rule-blacklist */
.ReactSearchInput {
  position: relative; }
.ReactSearchInput em {
    background-image: url(https://s.pinimg.com/webapp/style/images/search-icon-70a34cef.svg);
    background-size: cover;
    height: 20px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 18px; }
.ReactSearchInput input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f5f5f5;
    border: 1px solid #efefef;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding: 13px 13px 13px 44px;
    width: 100%; }
.ReactSearchInput input:focus {
      outline: 0; }
.FirstPinYourPinsSearch__image {
  background: #ccc url(https://s.pinimg.com/webapp/style/images/partner-seasonal-pins-4acae3bf.jpg) center center/cover no-repeat;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  height: 196px; }
.FirstPinYourPinsSearch__image:hover {
    color: #fff; }
.PartnerHelperTooltip {
  float: right;
  position: relative; }
.PartnerHelperTooltip__trigger {
    background-color: #8e8e8e;
    border-radius: 50px;
    color: #fff;
    cursor: help;
    display: inline-block;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    width: 14px; }
.PartnerHelperTooltip:hover .PartnerHelperTooltip__content {
    animation: .3s .5s menu-slide-in-up;
    animation-fill-mode: forwards;
    pointer-events: auto; }
.PartnerHelperTooltip__content {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    margin: 15px 0 0;
    opacity: 0;
    padding: 10px 20px;
    pointer-events: none;
    position: absolute;
    right: -20px;
    width: 200px;
    z-index: 100; }
.PartnerHelperTooltip__content::before {
      bottom: -20px;
      content: " ";
      display: block;
      left: 0;
      position: absolute; }
.PartnerHelperTooltip__content::after {
      border-bottom: solid #333 10px;
      border-left: solid transparent 10px;
      border-right: solid transparent 10px;
      content: " ";
      height: 0;
      margin-left: -13px;
      position: absolute;
      right: 18px;
      top: -10px;
      width: 0; }
.adyenCreditCardForm {
  height: 178px; }
.adyenCreditCardForm .chckt-pm:first-child {
    border: none; }
.adyenCreditCardForm .chckt-pm:first-child .chckt-pm__header {
      display: none; }
.adyenCreditCardForm .js-chckt-pm--selected .js-chckt-pm__details {
    background-color: #fff;
    padding: 16px 0 0; }
.adyenCreditCardForm .chckt-form--max-width {
    display: -ms-flexbox;
    display: flex;
    max-width: none; }
.adyenCreditCardForm .chckt-form-label__text {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.4px; }
.adyenCreditCardForm .chckt-input-field {
    border-color: #8e8e8e;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    min-height: 40px;
    padding: 8px 14px; }
.adyenCreditCardForm .chckt-form-label--full-width {
    cursor: default;
    padding-right: 16px;
    width: 100%; }
.adyenCreditCardForm .chckt-form-label--exp-date {
    cursor: default;
    padding-right: 16px;
    width: 50%; }
.adyenCreditCardForm .chckt-form-label--cvc {
    cursor: default;
    width: 50%; }
.adyenCreditCardForm .chckt-input-field--cvc {
    max-width: none; }
.adyenCreditCardForm .chckt-input-field--error + .chckt-form-label__error-text {
    display: none; }
.adyenCreditCardForm .chckt-input-field--error {
    border: 1px solid #e3780c; }
.adyenCreditCardForm .chckt-pm__pending-message {
    display: none; }
.adyenCreditCardForm .chckt-button-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
.adyenCreditCardForm .chckt-pm-list__button {
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    letter-spacing: -.4px;
    padding: 10px 14px;
    width: 91px; }
.adyenCreditCardForm .chckt-button {
    background-color: #e60023;
    color: #fff; }
.adyenCreditCardForm .chckt-button:hover {
      background-color: #d60020; }
.adyenCreditCardForm .chckt-button:active {
      background-color: #cc001f; }
.adyenCreditCardForm .chckt-button--disabled {
    background-color: #efefef;
    color: #8e8e8e; }
.QuickPromoteKeywordTagList {
  margin: 6px 0 12px;
  position: relative; }
.QuickPromoteKeywordTagList__suggestions_parent {
    position: relative; }
.QuickPromoteKeywordTagList__suggestions {
    background: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .06);
    color: #333;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
.QuickPromoteKeywordTagList__suggestions li {
      font-size: 14px;
      padding: 12px; }
.QuickPromoteKeywordTagList__suggestions li.active {
        background-color: #efefef; }
.QuickPromoteKeywordTagList__suggestions li mark {
        background-color: #efefef; }
.QuickPromoteKeywordTagList__tag {
    background-color: #efefef;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin: 0 8px 6px 0;
    padding: 0 0 0 8px; }
.QuickPromoteKeywordTagList__tag__remove {
      color: #333;
      cursor: pointer;
      display: inline-block;
      font-size: 20px;
      font-weight: normal;
      line-height: 24px;
      margin-left: 8px;
      text-align: center;
      width: 22px; }
.QuickPromoteKeywordTagList__tagInput {
    margin: 2px 0 8px; }
.QuickPromoteKeywordTagList__tagInput input {
      background-color: #fff;
      border-color: #8e8e8e;
      border-radius: 4px;
      border-style: solid;
      border-width: 1px;
      box-sizing: border-box;
      color: #333;
      font-size: 16px;
      line-height: 18px;
      padding: 10px 14px;
      width: 100%; }
.QuickPromoteKeywordTagList__tagInput input:-ms-input-placeholder {
        color: #8e8e8e; }
.QuickPromoteKeywordTagList__tagInput input::placeholder {
        color: #8e8e8e; }
.RadioButton--default > .RadioButton__input {
  display: none; }
.RadioButton--default > .RadioButton__label {
  background: transparent url(https://s.pinimg.com/webapp/style/images/radiobutton-unchecked-8e3d6290.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 32px;
  padding-left: 35px; }
.RadioButton--default > .RadioButton__input:checked + .RadioButton__label {
  background-image: url(https://s.pinimg.com/webapp/style/images/radiobutton-checked-e9eaea67.svg); }
.RadioButton--button > .RadioButton__input {
  display: none; }
.RadioButton--button > .RadioButton__label {
  border: 1px solid #999;
  border-radius: 4px;
  display: inline-block;
  margin-right: 5px;
  padding: 0 15px; }
.RadioButton--button > .RadioButton__input:checked + .RadioButton__label {
  background-color: #efefef;
  border-color: #efefef; }
.RadioButtonGroup__item {
  display: block; }
.SearchAddPin {
  min-height: 280px;
  width: 236px; }
.SearchAddPin::before {
    background: rgba(0, 0, 0, .05);
    border-radius: 8px;
    content: " " !important;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    width: 100%;
    z-index: 3;
    margin: -10px;
    padding: 10px; }
.SearchAddPin:hover::before {
    animation: tapAnimation 0.25s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.UserNavigateButton .advertiserPartner em {
  display: none; }
.UserNavigateButton .advertiserPartner .usernameLink > .Image.profileImage {
  border-radius: 50%;
  display: block;
  float: none;
  height: 25px;
  margin: 0;
  width: 25px; }
.CampbellMenuList {
  max-height: 590px;
  overflow-y: auto;
  padding: 10px 0; }
.CampbellMenuList li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
.CampbellMenuList.withoutIcon .menuItem {
    padding: 14px 16px; }
.CampbellMenuList .divider {
    border-bottom-width: 0;
    border-style: solid;
    color: #e9e9e9;
    margin: 0;
    padding: 0; }
.CampbellMenuList .menuItem {
    -ms-flex-align: center;
        align-items: center;
    color: #838383;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    -ms-flex-pack: start;
        justify-content: flex-start;
    outline: none; }
.CampbellMenuList .menuItem .icon {
      margin-right: 18px; }
.CampbellMenuList .menuItem:hover {
      color: #333; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.PasswordReset {
  background: #fff;
  color: #333;
  font-size: 16px;
  transform: translateZ(0); }
.PasswordReset p a, .PasswordReset .link {
    color: #d32430;
    cursor: pointer;
    font-weight: normal; }
.PasswordReset h2 {
    color: #444;
    font-size: 28px; }
.PasswordReset .hint {
    color: #e60023; }
.PasswordReset .userNameEmail {
    display: inline-block;
    font-weight: bold;
    position: relative; }
.PasswordReset .userNameEmail .userName {
      overflow: hidden;
      padding-bottom: 1px;
      text-overflow: ellipsis;
      white-space: nowrap; }
.PasswordReset .userSearchResults {
    overflow-y: scroll;
    padding: 15px; }
.PasswordReset .resultHint {
    color: "#a9a9a9"; }
.PasswordWithStrengthMeter {
  position: relative; }
.PasswordWithStrengthMeter .PasswordStrength.guage {
    border-radius: 4px;
    height: 14px;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%); }
.PasswordWithStrengthMeter .PasswordStrength.guage .register {
      border-radius: 4px;
      height: 100%;
      transition: width .4s; }
/* desktop.scss */
.PasswordReset {
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .45);
  margin: 100px auto 0;
  overflow: hidden;
  position: relative;
  width: 500px; }
.PasswordReset .hint {
    font-size: 12px;
    font-weight: 500; }
.PasswordReset .sendBar {
    background: #f0f0f0;
    border-top: 1px solid #e7e7e7;
    padding: 15px; }
.PasswordReset .xback {
    width: 12px;
    height: 12px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -396px -149px no-repeat;
    position: absolute;
    right: 10px;
    top: 10px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PasswordReset .xback {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -357px -240px;
        background-size: 399px 382px; } }
.PasswordReset .userNameEmail {
    font-size: 12px;
    left: 10px;
    top: 13px; }
.PasswordReset .userNameEmail .userName {
      max-width: 325px; }
.PasswordReset .userSearchResults {
    border-top: 1px solid #dfdfdf;
    max-height: 330px; }
.PasswordReset .passwordResetForm {
    padding: 15px; }
.PasswordReset .passwordResetForm .passwordResetSearch {
      border: solid 1px #cecece;
      border-radius: 3px;
      font-weight: bold; }
.PinAnalyticsLine {
  background-color: #d8d8d8;
  border-radius: 3px;
  height: 50px;
  margin-left: 35px;
  width: 2px; }
.TextArea__textArea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  caret-color: #333;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -.4px;
  overflow: auto;
  word-wrap: break-word;
  padding: 0;
  resize: none;
  width: 100%; }
.TextArea__textArea:-ms-input-placeholder {
    color: #8e8e8e; }
.TextArea__textArea::placeholder {
    color: #8e8e8e; }
.TextArea__textArea:focus {
    outline: none; }
.TextArea__light {
  color: #dadada; }
.TextArea__dark {
  color: #333; }
.TextArea__bold {
  font-weight: bold; }
.TextArea__large {
  font-size: 36px; }
.TextArea__medium {
  font-size: 18px; }
.TextArea__wrap {
  white-space: pre-wrap; }
.TextArea__nowrap {
  white-space: nowrap; }
.TextArea__enabled {
  cursor: text; }
.TextArea__disabled {
  color: #8e8e8e; }
.TextArea--storyPinDraft__xl {
  font-size: 36px; }
.TextArea--storyPinDraft__lg {
  font-size: 24px; }
.TextArea--storyPinDraft__md {
  font-size: 18px; }
.TextArea__textArea--onDark {
  caret-color: #fff;
  color: #fff; }
.TextArea__textArea--onDark:-ms-input-placeholder {
    color: #e2e3e4; }
.TextArea__textArea--onDark::placeholder {
    color: #e2e3e4; }
.TextArea__light--onDark {
  color: #e2e3e4; }
.TextArea__dark--onDark {
  color: #fff; }
.TextArea__disabled--onDark {
  color: #0f0; }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate(0, 0); }
  100% {
    opacity: 1;
    transform: translate(0, 50px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translate(0, 50px); }
  100% {
    opacity: 0;
    transform: translate(0, 0); } }
.TiltedPinSourceLink {
  background-color: #fff;
  border-radius: 20px;
  bottom: 16px;
  display: block;
  height: 40px;
  padding: 0 0 0 12px;
  position: absolute;
  right: 16px; }
.TiltedPinSourceLink:hover {
    background-color: #efefef; }
.TiltedPinsTransformer {
  display: -ms-flexbox;
  display: flex;
  transform: rotate(-25deg);
  width: 100%; }
.ShadowedAvatarWrapper {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #fff;
  position: relative; }
.CreatorHeaderFixed > div, .CreatorHeaderSticky > div {
  margin-top: 0; }
.CreatorHeaderSticky {
  background-color: #fff;
  margin-left: -10px;
  padding: 10px 10px 10px 0;
  position: -webkit-sticky;
  position: sticky;
  transition: all .2s;
  z-index: 1; }
.CreatorHeaderSticky.opaqueScroll {
    opacity: .97;
    transition: opacity .2s;
    z-index: 2; }
.AvatarScroller.scroll {
  height: 40px;
  left: 24px;
  margin-top: 18px;
  position: fixed;
  width: 40px; }
.AvatarScroller.step1 {
  opacity: 0; }
.AvatarScroller.step2 {
  opacity: 0;
  transition: opacity .2s; }
.AvatarScroller.step3 {
  opacity: 1;
  transition: opacity .2s;
  z-index: 670; }
.CreatorFollowButton.scroll {
  margin-top: 18px;
  position: fixed;
  right: 24px;
  z-index: 670; }
.CreatorFollowButton.step1 {
  opacity: 0; }
.CreatorFollowButton.step2 {
  opacity: 0;
  transition: opacity .2s; }
.CreatorFollowButton.step3 {
  opacity: 1; }
.BusinessProfileTabBar {
  margin: 16px 0 0;
  padding: 0 160px; }
.BusinessProfileTabMoreItem:hover {
  text-decoration: underline; }
.BusinessProfileTabMoreItem:hover > div > div > div {
    color: #333; }
.BusinessProfileTabLinkItem {
  width: 100%; }
.BusinessProfileTabLinkItem.Selected {
    background-color: #eaeaea; }
.BusinessProfileTabLinkItem:hover {
    text-decoration: underline; }
.BusinessProfileTabLinkItem:hover > div > div > div {
      color: #333; }
.BusinessProfileTabItem {
  border-radius: 999px; }
.BusinessProfileTabItem.Selected {
    background-color: #eaeaea; }
.BusinessProfileTabItem:hover {
    text-decoration: underline; }
.BusinessProfileTabItem:hover > div > div > div {
      color: #333; }
.BrioProfileHeaderWrapper .boardName {
  min-width: 0;
  opacity: 0;
  position: relative;
  top: -50px; }
.BrioProfileHeaderWrapper .boardName.transitionIn {
    animation: fadeInDown 200ms forwards ease-in; }
.BrioProfileHeaderWrapper .boardName.transitionOut {
    animation: fadeOutUp 200ms forwards ease-in; }
.BrioProfileHeaderWrapper .fixedHeader {
  background: rgba(255, 255, 255, .97);
  width: 100%;
  z-index: 670; }
.BrioProfileHeaderWrapper .imageWash {
  background: rgba(0, 0, 0, .05);
  height: 100%;
  width: 100%; }
@keyframes spin {
  from {
    opacity: 1;
    transform: rotate(0deg); }
  to {
    opacity: 1;
    transform: rotate(360deg); } }
.boardBlockingActionToastWhiteSpinner {
  animation-delay: .3s;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-name: spin;
  animation-timing-function: linear;
  display: block;
  opacity: 0; }
.ReactBoardHeader .followerCount {
  cursor: pointer; }
.ReactBoardHeader .followerCount .value,
.ReactBoardHeader .pinCount .value {
  padding-right: 2px; }
.ReactBoardInfoBar {
  background-color: rgba(255, 255, 255, .95);
  height: 64px;
  width: 100%; }
.ReactBoardInfoBar.boardOrganizationShow .boardOrganizationBar {
    animation: slideDownFadeIn 300ms cubic-bezier(0.31, 0, 0.31, 1) forwards; }
.ReactBoardInfoBar.sectionOrganizationBarShow .sectionOrganizationBar {
    animation: slideDownFadeIn 300ms cubic-bezier(0.31, 0, 0.31, 1) forwards; }
.ReactBoardInfoBar.boardOrganizationHide .boardOrganizationBar {
    animation: slideUpFadeOut 300ms cubic-bezier(0.31, 0, 0.31, 1) forwards;
    transition: visibility 300ms linear 0.5s;
    visibility: hidden; }
.ReactBoardInfoBar.sectionOrganizationBarHide .sectionOrganizationBar {
    animation: slideUpFadeOut 300ms cubic-bezier(0.31, 0, 0.31, 1) forwards;
    transition: visibility 300ms linear 0.5s;
    visibility: hidden; }
.ReactBoardInfoBar.boardOrganizationHide .infoBar, .ReactBoardInfoBar.sectionOrganizationBarHide .infoBar {
    animation: slideUpFadeIn 300ms cubic-bezier(0.31, 0, 0.31, 1) forwards; }
.ReactBoardInfoBar.boardOrganizationShow .infoBar, .ReactBoardInfoBar.sectionOrganizationBarShow .infoBar {
    animation: slideDownFadeOut 300ms cubic-bezier(0.31, 0, 0.31, 1) forwards;
    transition: visibility 300ms linear 0.5s;
    visibility: hidden; }
.ReactBoardInfoBar .boardName {
    margin: auto;
    max-width: 300px;
    opacity: 0;
    padding: 8px 0;
    position: relative;
    text-align: center;
    top: -66px;
    /* stylelint-disable-next-line at-rule-no-unknown */ }
.ReactBoardInfoBar .boardName.transitionIn {
      opacity: 1;
      transform: translate(0, 66px);
      transition: 300ms ease-out; }
.ReactBoardInfoBar .boardName.transitionOut {
      opacity: 0;
      pointer-events: none;
      transform: translate(0, 0);
      transition: 300ms ease-out; }
.ReactBoardInfoBar .organizeButton {
    opacity: 0;
    position: relative;
    top: -66px; }
.ReactBoardInfoBar .organizeButton.transitionIn {
      opacity: 1;
      transform: translate(0, 66px);
      transition: 300ms ease-out; }
.ReactBoardInfoBar .organizeButton.transitionOut {
      opacity: 0;
      transform: translate(0, 0);
      transition: 300ms ease-out; }
.ReactBoardInfoBar .boardOrganizationBar {
    height: 36px;
    max-width: 768px;
    padding: 14px 0;
    position: absolute;
    top: -64px;
    width: 100%;
    z-index: 103; }
.ReactBoardInfoBar .bulkEditButton {
    margin-right: 3px; }
.ReactBoardInfoBar .bulkEditButtons {
    padding: 14px 0; }
.ReactBoardInfoBar.fixedHeader {
    left: 0;
    right: 0;
    transform: translateZ(0);
    width: auto;
    width: initial;
    z-index: 103; }
.ReactBoardInfoBar .infoBar {
    height: 48px;
    padding: 8px 12px;
    position: relative; }
.ReactBoardInfoBar .infoBarWrapper {
    margin: auto;
    max-width: 768px;
    overflow: visible;
    z-index: 103; }
.ReactBoardInfoBar .notifications {
    padding: 10px 0; }
.ReactBoardInfoBar .sectionOrganizationBar {
    max-width: 768px;
    position: absolute;
    top: -64px;
    width: 100%; }
@keyframes slideDownFadeIn {
  0% {
    opacity: 0;
    transform: translateY(0); }
  100% {
    opacity: 1;
    transform: translateY(64px); } }
@keyframes slideDownFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(64px); } }
@keyframes slideUpFadeIn {
  0% {
    opacity: 0;
    transform: translateY(64px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes slideUpFadeOut {
  0% {
    opacity: 1;
    transform: translateY(64px); }
  100% {
    opacity: 0;
    transform: translateX(0); } }
@media print {
  @page {
    margin: 1cm;
    size: 8.5in 11in; }
  .boardHeaderWrapper {
    margin-top: 0 !important;
    width: 100% !important; }
  .gridCentered {
    margin: 0 !important;
    margin-left: -5px !important;
    page-break-after: auto !important; }
  .App {
    color-adjust: exact;
    -webkit-print-color-adjust: exact; }
  .addBoardSectionButton,
  .addPinFooter,
  .boardTabs,
  .DevDashboard,
  .fixedHeader,
  .HeaderContent,
  .moreFooter,
  .moreIdeasOnBoard,
  .nonEuPrivacyPolicy,
  .OwnBoardSelector {
    display: none; } }
.reactBoardCollaboratorInviterForm {
  /* TODO: hacky, remove when css is rewritten */ }
.reactBoardCollaboratorInviterForm .ContactsList {
    margin-top: -8px; }
.BoardCollaborators-footer {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex; }
.BoardCollaborators-moreItemsWrapper {
  text-align: center; }
.BoardCollaborators-typeahead {
  width: 100%; }
.BoardCollaborators.inline {
  display: -ms-flexbox !important;
  display: flex !important; }
.BoardCollaborators .BoardInviteForm {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex; }
.BoardCollaborators .TypeaheadField.userSelect {
  position: relative;
  width: 100%; }
.BoardCollaborators .TypeaheadField.userSelect input {
    width: 100%; }
.BoardCollaborators .TypeaheadField.userSelect .Typeahead {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25);
    margin: 0 0 3px 2px;
    padding-top: 0; }
.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 .moreItems {
    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, .5);
    border: 2px solid #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); }
.BoardCollaborators.large .boardCollaboratorsList .User .subtitle {
    margin-top: 0; }
.BoardCollaborators.tiny {
  text-align: left; }
.BoardFollowersList-content {
  max-height: 570px;
  overflow: auto; }
.BoardFollowersList-followersItems {
  overflow-x: hidden; }
.BoardFollowersList-followersWrapper {
  margin: 0;
  position: relative; }
.BoardFollowersList-header {
  padding-left: 6px; }
.BoardFollowersList-moreItemsWrapper {
  text-align: center; }
.SendBoardModal {
  background-color: #fff;
  border-radius: 8px; }
.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 .moreItems {
    margin: 0 auto 13px auto;
    width: 200px; }
.BoardFollowers.edit .remove {
  float: right; }
.BoardFollowers.edit .User {
  padding: 10px; }
.BoardFollowers .headerText {
  color: #6e6e6e;
  font-size: 12px;
  font-weight: bold; }
.ImageBlock .left,
.ImageBlock .right {
  display: table-cell;
  vertical-align: top; }
.ImageBlock.selectable.selected > .left {
  border: 2px solid #e60023; }
.ImageBlock.selectable.selected > .left img, .ImageBlock.selectable.selected > .left .icon {
    border: 2px solid #fff;
    margin-left: 1px; }
.ImageBlock .left {
  float: left;
  margin-right: 10px;
  overflow: hidden; }
.ImageBlock .left.smooth {
    border-radius: 6px; }
.ImageBlock .left.smooth img {
      border-radius: 6px; }
.ImageBlock .left.circle {
    border: 2px solid transparent;
    border-radius: 50%;
    transition: border .15s ease-out; }
.ImageBlock .left.circle img,
    .ImageBlock .left.circle .icon {
      border: 0;
      border-radius: 50%;
      box-sizing: border-box;
      transition: border .15s ease-out; }
.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_sendShare {
    margin-right: 12px; }
.ImageBlock .left.imageSize_sendShare img,
    .ImageBlock .left.imageSize_sendShare .icon {
      font-size: 18px;
      height: 32px;
      line-height: 32px;
      width: 32px; }
.ImageBlock .left.imageSize_sendShareBrio {
    margin-right: 12px; }
.ImageBlock .left.imageSize_sendShareBrio img,
    .ImageBlock .left.imageSize_sendShareBrio .icon {
      font-size: 18px;
      height: 44px;
      line-height: 44px;
      width: 44px; }
.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    background-color: #999;
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center; }
.ImageBlock .left .icon.primary {
      background-color: #e60023; }
.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(https://s.pinimg.com/webapp/style/images/webapp-common-main-1x-c20ceaff.png) -38px -176px 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(https://s.pinimg.com/webapp/style/images/webapp-common-main-2x-6d89d41e.png);
      background-position: -35px -139px;
      background-size: 249px 231px; } }
.ImageBlock.sendShareUserContact {
  display: table-row;
  height: 32px; }
.ImageBlock.sendShareUserContact .left {
    min-width: 34px; }
.ImageBlock.sendShareUserContact .right {
    height: 32px;
    vertical-align: middle;
    width: 100%; }
.ImageBlock.sendShareUserContact .right .imageBlockContentTitle {
      color: #666;
      font-size: 13px; }
.ImageBlock.sendShareUserContact .right .imageBlockContentBody {
      color: #666; }
.ImageBlock.sendShareBrioUserContact {
  height: 44px;
  padding: 4px 0; }
.ImageBlock.sendShareBrioUserContact .right {
    height: 44px;
    vertical-align: middle; }
.ImageBlock.sendShareBrioUserContact .right .imageBlockContentTitle {
      color: #333;
      font-size: 18px;
      line-height: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 235px; }
.ImageBlock.sendShareBrioUserContact .right .imageBlockContentBody {
      color: #8e8e8e; }
.BoardPinsRecommendationBar {
  background: #fff;
  bottom: 0;
  box-shadow: 0 2px 4px #000;
  left: 0;
  position: fixed;
  right: 0;
  transition: all .2s ease-out; }
.BoardPinsRecommendationBar--hidden {
  transform: translateY(100%); }
.BoardPinsRecommendationBar__overlay {
  background: rgba(0, 0, 0, .064);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .2s ease-out;
  width: 100%; }
.BoardPinsRecommendationBar__overlay.hover {
    opacity: 1; }
/* NOTE(yansun): these styles are entirely copied from gestalt <Card> */
.sectionHoverSurface {
  background: rgba(0, 0, 0, .064);
  border-radius: 8px;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }
.sectionHoverSurface.hover {
    animation: animateInSectionHover 0.2s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
.sectionHoverSurface.sectionHoverSurface--mergeTarget {
    animation: animateInSectionHover 0.1s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
@keyframes animateInSectionHover {
  to {
    opacity: 1;
    padding: 8px;
    transform: translateY(-8px) translateX(-8px); } }
.BrowserButtonUpsell {
  width: 500px; }
.BrowserButtonUpsell__browserWrapper {
    margin-top: 5px; }
.BrowserButtonUpsell__promoHeader {
    color: #333;
    color: rgba(21, 21, 21, .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: #fff;
    border: 1px solid #aaa;
    border-radius: 6px;
    clear: both;
    margin: 15px; }
.BrowserButtonUpsell__promoWrapper:hover {
      cursor: pointer; }
.BrowserButtonUpsell__zoomImg {
    background: url(https://s.pinimg.com/webapp/style/images/chrome-1x-5ff1b915.png) no-repeat;
    background-size: contain;
    height: 293px;
    width: 439px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .BrowserButtonUpsell__zoomImg {
        background-image: url(https://s.pinimg.com/webapp/style/images/chrome-2x-1167b788.png); } }
.boardCreateInput {
  border: 0;
  box-shadow: none;
  color: #333;
  font-size: 15px;
  margin-bottom: 5px;
  outline: none;
  padding: 6px;
  width: 95%; }
.boardCreateInput.error {
    background: #e6abad;
    border: 1px solid #e60023;
    border-radius: 3px;
    color: #e60023; }
.boardCreateInput.error:-ms-input-placeholder {
    color: #fff; }
.boardCreateInput.error::placeholder {
    color: #fff; }
.HashtagFlyout .HashtagRecommendations {
  width: 100%;
  z-index: 3; }
.HashtagFlyout .HashtagRecommendations .HashtagItem:hover {
    background-color: #efefef;
    cursor: pointer; }
.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,
  .BoardCollaboratorInviter .leftPanel .boardCollaboratorInviteWrapper {
    position: relative; }
.BoardCollaboratorInviter .leftPanel .BoardInviteForm .inviteButton,
    .BoardCollaboratorInviter .leftPanel .boardCollaboratorInviteWrapper .inviteButton {
      border-radius: 0;
      border-right: 0;
      border-top: 0;
      height: 47px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 106; }
.BoardCollaboratorInviter .leftPanel .BoardInviteForm .fillWidth,
    .BoardCollaboratorInviter .leftPanel .boardCollaboratorInviteWrapper .fillWidth {
      margin-right: 0; }
.BoardCollaboratorInviter .leftPanel .BoardInviteForm .TypeaheadField .Input,
    .BoardCollaboratorInviter .leftPanel .boardCollaboratorInviteWrapper .TypeaheadField .Input {
      background-color: #f8f8f8;
      border: none;
      border-radius: 0;
      box-shadow: none;
      padding: 15px 18px;
      width: 100%; }
.BoardCollaboratorInviter .leftPanel .Typeahead {
    border-radius: 0;
    box-shadow: none;
    height: 328px;
    overflow-y: auto; }
.BoardCollaboratorInviter .leftPanel .alert {
    background-color: #ffa;
    font-size: 120%;
    margin: 7px 0;
    padding: 15px; }
.BoardCollaboratorInviter .leftPanel .ContactsList {
    height: 328px;
    overflow: auto; }
.BoardCollaboratorInviter .leftPanel .boardCreate .ContactsList {
    height: 180px; }
.BoardCollaboratorInviter .leftPanel .boardCreate .Typeahead {
    border-radius: 0;
    box-shadow: none;
    height: 180px;
    overflow-y: 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 {
    overflow: hidden;
    margin: 7px 0; }
.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; }
.SendObjectBase {
  overflow-y: hidden;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  width: 320px;
  z-index: 1; }
.SendObjectBase.fullWidth {
    width: 100%; }
.isEmpty .SendObjectBase .ConversationsList {
    overflow: visible; }
.SendObjectBase .convosTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    height: 1em;
    margin-top: -.5em;
    max-width: 285px;
    padding-left: 4px;
    position: absolute;
    top: 50%; }
.SendObjectBase input {
    background: #f8f8f8;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    display: block;
    font-size: 13px;
    margin-top: 0;
    padding: 10px;
    width: 100%; }
.SendObjectBase input:focus {
      background: #fff;
      box-shadow: none; }
.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 .spinner {
    background: url(https://s.pinimg.com/webapp/style/images/spinner-small-1x-b897d25e.gif) no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px;
    display: inline-block;
    opacity: .5;
    display: none;
    right: 10px;
    top: 64px; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .SendObjectBase .spinner {
        background-image: url(https://s.pinimg.com/webapp/style/images/spinner-small-2x-dbb1334f.gif); } }
.SendObjectBase .spinner.visible {
      display: block;
      position: absolute; }
.SendObjectBase .Typeahead {
    animation: none;
    box-shadow: none;
    height: 288px; }
.SendObjectBase .ConversationsList {
    background-color: #fff;
    height: 288px;
    overflow-y: auto; }
.SendObjectBase .title {
    font-size: 13px;
    font-weight: 700; }
.SendObjectBase.sendShare, .SendObjectBase.sendShareBrio {
    /* TODO(kathy): short term first for now, but this breaks encapsulation */ }
.SendObjectBase.sendShare .sendShareSearchContacts.fixedHeight, .SendObjectBase.sendShareBrio .sendShareSearchContacts.fixedHeight {
      height: 337px; }
.SendObjectBase.sendShare.compact .spinner, .SendObjectBase.sendShareBrio.compact .spinner {
      top: 13px; }
.SendObjectBase.sendShare .spinner, .SendObjectBase.sendShareBrio .spinner {
      position: absolute;
      top: 23px; }
.SendObjectBase.sendShare.flex, .SendObjectBase.sendShareBrio.flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
.SendObjectBase.sendShare.flex .sendShareSearch, .SendObjectBase.sendShareBrio.flex .sendShareSearch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
.SendObjectBase.sendShare .ContactsList,
    .SendObjectBase.sendShare .Typeahead, .SendObjectBase.sendShareBrio .ContactsList,
    .SendObjectBase.sendShareBrio .Typeahead {
      height: 275px;
      overflow-x: hidden;
      overflow-y: scroll; }
.SendObjectBase.sendShare .bottomFade, .SendObjectBase.sendShareBrio .bottomFade {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-color: white;
      background-color: rgba(255, 255, 255, .5);
      background: linear-gradient(rgba(255, 255, 255, 0), white);
      bottom: 84px;
      height: 30px;
      position: absolute;
      width: 100%; }
.SendObjectBase.sendShare .SocialTypeaheadField, .SendObjectBase.sendShareBrio .SocialTypeaheadField {
      -ms-flex-negative: 1;
          flex-shrink: 1; }
.SendObjectBase.sendShare .spinner {
    right: 20px; }
.SendObjectBase.sendShareBrio {
    width: 350px; }
.SendObjectBase.sendShareBrio .spinner {
      right: 30px; }
.SendObjectBase.sendSocial {
    width: 240px; }
.SendObjectBase .repinShareUpsellFixedHeight .ContactsList {
    height: 205px; }
.SendObjectBase.flippedSharing {
    box-shadow: 5px 5px 40px -10px; }
.SendObjectBase.flippedSharing .sendShare h4 {
      font-size: 18px !important; }
.SendObjectBase.flippedSharing .sendShare .imageBlockContentBody {
      display: none; }
.SendObjectBase.flippedSharing.sendShare .ContactsList,
    .SendObjectBase.flippedSharing.sendShare .Typeahead, .SendObjectBase.flippedSharing.sendShareBrio .ContactsList,
    .SendObjectBase.flippedSharing.sendShareBrio .Typeahead {
      height: 275px; }
.SendObjectBase.flippedSharing.sendShare .sendShareSearchContacts.fixedHeight, .SendObjectBase.flippedSharing.sendShareBrio .sendShareSearchContacts.fixedHeight {
      height: 384px; }
.SendObjectBase.flippedSharing.sendShare .sendShareSearchContacts .searchIconInputWrapper, .SendObjectBase.flippedSharing.sendShareBrio .sendShareSearchContacts .searchIconInputWrapper {
      border-bottom: 0;
      padding: 0 20px 10px; }
.SendObjectBase.flippedSharing.sendShare .sendShareSearchContacts .Typeahead.userCircleAvatar, .SendObjectBase.flippedSharing.sendShareBrio .sendShareSearchContacts .Typeahead.userCircleAvatar {
      padding-left: 20px; }
.SendObjectBase.flippedSharing.sendShare .sendShareSearchContacts .Typeahead.userCircleSelect li, .SendObjectBase.flippedSharing.sendShareBrio .sendShareSearchContacts .Typeahead.userCircleSelect li {
      border: 0; }
.SendObjectBase.flippedSharing.sendShare .sendShareSearchContacts .Typeahead.userCircleSelect li a, .SendObjectBase.flippedSharing.sendShareBrio .sendShareSearchContacts .Typeahead.userCircleSelect li a {
        padding: 10px 20px; }
.SocialTypeaheadField.socialSearchDemo {
  width: 300px; }
.SocialTypeaheadField.sendShare, .SocialTypeaheadField.sendShareBrio {
  display: block; }
.SocialTypeaheadField.sendShare.flex, .SocialTypeaheadField.sendShareBrio.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow: hidden; }
.SocialTypeaheadField.sendShare.compact .searchIconInputWrapper, .SocialTypeaheadField.sendShareBrio.compact .searchIconInputWrapper {
    padding: 4px 8px; }
.SocialTypeaheadField.sendShare.compact .searchIconInputWrapper > input, .SocialTypeaheadField.sendShareBrio.compact .searchIconInputWrapper > input {
      border-radius: 3px;
      padding-bottom: 8px;
      padding-top: 8px; }
.SocialTypeaheadField.sendShare.compact .searchIcon, .SocialTypeaheadField.sendShareBrio.compact .searchIcon {
    margin: 7px; }
.SocialTypeaheadField.sendShare input, .SocialTypeaheadField.sendShareBrio input {
    background: #efefef;
    border-bottom: 0;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold; }
.SocialTypeaheadField.sendShare input:focus, .SocialTypeaheadField.sendShareBrio input:focus {
    background: #efefef;
    outline: none; }
.SocialTypeaheadField.sendShare input {
  padding-left: 44px;
  padding-right: 44px; }
.SocialTypeaheadField.sendShare .searchIconInputWrapper {
  border-bottom: 1px solid #ddd;
  padding: 10px; }
.SocialTypeaheadField.sendShare .searchIcon {
  width: 18px;
  height: 18px;
  background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -238px -418px no-repeat;
  margin: 12px;
  position: absolute; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .SocialTypeaheadField.sendShare .searchIcon {
      background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
      background-position: -15px -375px;
      background-size: 428px 427px; } }
.SocialTypeaheadField.sendShareBrio input {
  padding-left: 56px; }
.SocialTypeaheadField.sendShareBrio .searchIconInputWrapper {
  padding: 20px 20px 16px; }
.SocialTypeaheadField.sendShareBrio .searchIcon {
  width: 18px;
  height: 18px;
  background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -238px -418px no-repeat;
  margin: 11px 13px;
  position: absolute; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .SocialTypeaheadField.sendShareBrio .searchIcon {
      background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
      background-position: -15px -375px;
      background-size: 428px 427px; } }
.SocialTypeaheadField.sendShareBrio .userCircleAvatar .left, .SocialTypeaheadField.sendShareBrio .connectCta .left {
  margin-right: 12px; }
.SocialTypeaheadField.sendShareBrio .userCircleAvatar .right, .SocialTypeaheadField.sendShareBrio .connectCta .right {
  padding-top: 5px; }
.SocialTypeaheadField.sendShareBrio .userCircleAvatar .right .title, .SocialTypeaheadField.sendShareBrio .connectCta .right .title {
    color: #333;
    font-size: 18px;
    line-height: 20px; }
.SocialTypeaheadField.sendShareBrio .userCircleAvatar img, .SocialTypeaheadField.sendShareBrio .connectCta img {
  width: 44px; }
.TypeaheadField {
  display: inline-block;
  position: relative; }
.TypeaheadField .tokenizedInputWrapper {
    background-color: #efefef;
    border: none;
    border-radius: 4px;
    height: 40px; }
.TypeaheadField.guided .tokenizedInputWrapper {
    box-sizing: border-box;
    height: 40px;
    position: relative;
    z-index: 670; }
.TypeaheadField.guided.openSearch .tokenizedInputWrapper {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 36px; }
.TypeaheadField.guided.openSearch .tokenizedInputWrapper .tokensWrapper {
      margin-top: 0; }
.TypeaheadField.search .field {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #faf9f7;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .07);
    box-sizing: border-box;
    color: #717171;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 6px 30px 6px 9px;
    position: relative;
    width: 100%;
    z-index: 670; }
.TypeaheadField.search .field:active {
      border-color: #bcbcbc; }
.TypeaheadField.search .field:focus {
      background-color: #fafafa;
      border-color: #aaa;
      color: #333; }
.TypeaheadField.userSelect {
    width: 100%; }
.TypeaheadField.userSelect input {
      background: #fff;
      border: 1px solid #dadada;
      position: relative;
      width: 308px;
      z-index: 3; }
.SendPin .shareUpsell {
  color: #5f5f5f;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 18px;
  padding: 15px 20px 5px; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.UserSettingsPage {
  position: relative; }
.UserSettingsPage .standardForm > ul {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    border-radius: 6px;
    margin-bottom: 14px; }
.UserSettingsPage .standardForm label {
    word-wrap: break-word; }
.UserSettingsPage .formFooter {
    background-color: #fff;
    border: none;
    bottom: 0;
    box-shadow: none;
    box-sizing: border-box;
    max-width: 734px;
    width: 100%; }
/* desktop.scss */
.UserSettingsPage {
  /* Table of Contents */ }
.UserSettingsPage .mainForm {
    margin: 50px 0 0 256px;
    padding-bottom: 53px; }
@media (min-width: 0) and (max-width: 999px) {
      .UserSettingsPage .mainForm {
        margin-left: 0; } }
@media (max-width: 999px) {
    .UserSettingsPage .toc {
      display: none; } }
.UserSettingsPage .sectionTitle {
    margin-top: 50px; }
.UserSettingsPage .sectionTitle h2 {
      font-size: 21px; }
.stlPageModal {
  width: 100%; }
.stlPageModal .Button.closeModal {
    position: fixed;
    right: 24px;
    top: 32px;
    z-index: 652; }
.InterestCard {
  /* TODO(dalvarez): #TechDebt this is a temporary solution to NuxInterest not rendering correctly */ }
.InterestCard.compact, .InterestCard.default {
    height: 100%;
    width: 100%; }
.InterestCard.default h2 {
    font-size: 16px; }
.InterestCard.default h3 {
    font-size: 12px;
    font-weight: normal; }
.InterestCard.default .followButton {
    margin-top: 8px; }
.InterestCard.compact h2 {
    font-size: 13px; }
.InterestCard.compact h3 {
    font-size: 11px;
    font-weight: normal; }
.InterestCard.compact .followButton {
    display: none;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0; }
.InterestCard.compact:hover .followButton {
    display: block; }
.InterestCard .link {
    cursor: pointer; }
.InterestCard .interestContainer:active {
    transform: scale(0.95); }
.InterestCard .interestContainer {
    border-radius: 6px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    min-width: 130px;
    padding-bottom: 100%;
    position: relative;
    transition: all .1s ease-in-out;
    width: 100%; }
.InterestCard .mobileInterestContainer {
    min-width: 106px; }
.InterestCard .mobileNuxInterest {
    min-width: 0; }
.InterestCard .interestImage {
    background: #fff;
    background-size: cover;
    border-radius: 6px;
    display: block;
    height: 100%;
    position: absolute;
    transform: none;
    transition: all .1s ease-in-out;
    width: 100%; }
.InterestCard .noImageInterest {
    border-radius: 3px; }
.InterestCard .interestImage::after {
    background: #000;
    border-radius: 6px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 0; }
.InterestCard .interestImage:hover {
    opacity: 1; }
.InterestCard .textContainer {
    bottom: 0;
    display: block;
    left: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    z-index: 1; }
.InterestCard .centerText {
    bottom: 50%;
    transform: translateY(50%); }
.InterestCard .textContainer div {
    overflow: hidden;
    text-overflow: ellipsis; }
.InterestCard .text {
    color: #fff;
    display: block;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%; }
.InterestCard .left {
    composes: text;
    text-align: left; }
.InterestCard .center {
    composes: text;
    text-align: center; }
.InterestCard .right {
    composes: text;
    text-align: right; }
.InterestCard .value {
    font-weight: bold; }
.StoryRenuxCard .buttonWrapper {
  background-color: transparent;
  border: none;
  height: 300px;
  padding: 0;
  position: relative;
  width: 100%; }
.StoryRenuxCard .buttonWrapper:focus {
  outline: none; }
.StoryRenuxCard .buttonWrapper:hover .renuxButton {
  background-color: #e0e0e0; }
.StoryRenuxCard .petalWrapper {
  border-radius: 8px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%; }
@keyframes textAnimation {
  0% {
    opacity: 0;
    transform: translateY(30%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.StoryRenuxCard .petalText {
  animation: 0.42s cubic-bezier(0.31, 1, 0.34, 1) 2.3s 1 textAnimation forwards;
  border: 1px solid transparent;
  bottom: 64px;
  left: 0;
  opacity: 0;
  padding: 12px;
  position: absolute;
  width: 165px; }
@keyframes petalAnimation {
  from {
    transform: scale(0) rotate(-45deg) translateX(-100%); }
  to {
    transform: scale(1) rotate(0deg) translateX(0); } }
.StoryRenuxCard .petal {
  animation: 0.8s cubic-bezier(0.31, 1, 0.34, 1) 1.6s petalAnimation forwards;
  background-color: #f23434;
  border-radius: 50% 50% 50% 8px;
  margin-bottom: 18px;
  padding-top: 100%;
  transform: scale(0) rotate(-45deg) translateX(-100%);
  transform-origin: bottom left;
  width: 100%; }
@keyframes buttonAnimation {
  0% {
    height: 300px; }
  50% {
    height: 300px; }
  100% {
    height: 45px; } }
.StoryRenuxCard .renuxButton {
  animation: 1.2s cubic-bezier(0.31, 1, 0.34, 1) 0.5s buttonAnimation forwards;
  background-color: #efefef;
  border-radius: 8px;
  bottom: 0;
  display: table;
  height: 300px;
  position: absolute;
  width: 100%; }
.StoryRenuxCard .renuxButtonText {
  animation: 0.42s cubic-bezier(0.31, 1, 0.34, 1) 1.5s 1 textAnimation forwards;
  display: table-cell;
  opacity: 0;
  transform: translateY(100%);
  vertical-align: middle;
  width: 100%; }
@keyframes fadeInOut {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes selectedFadeInOut {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.StoryGamePin.animation {
  animation-delay: 500ms;
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-name: fadeInOut;
  border-radius: 6px;
  opacity: 0; }
.StoryGamePin.selectedAnimation {
  -ms-flex-align: center;
      align-items: center;
  animation-duration: 500ms;
  animation-name: selectedFadeInOut;
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: -1; }
.StoryGamePin.hoverable {
  background-color: #000;
  border-radius: 6px;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1; }
.StoryGamePin.hoverable:hover {
    opacity: .2; }
.StoryTopicCard .wrapper {
  cursor: pointer;
  display: block;
  position: relative; }
.StoryTopicCard .card {
  background: #efefef;
  bottom: 0;
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1; }
.StoryTopicCard .card.circle {
    border-radius: 50%; }
.StoryTopicCard .card.rounded {
    border-radius: 8px; }
.StoryTopicCard .hover {
  animation: animateIn 0.2s cubic-bezier(0.31, 1, 0.34, 1) forwards; }
@keyframes animateIn {
  to {
    opacity: 1;
    transform: scale(1.09, 1.09); } }
.StoryTopicCard .wash {
  background: #000;
  bottom: 0;
  left: 0;
  opacity: .45;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0; }
.BlockAndUnfollowForm {
  width: 600px; }
.BlockAndUnfollowForm input[type="checkbox"] {
    display: none; }
.BlockAndUnfollowForm .uncheckedBox {
    color: #a9a9a9;
    display: inline-block;
    font-size: 25px;
    vertical-align: middle; }
.BlockAndUnfollowForm .checkedBox {
    display: none; }
.BlockAndUnfollowForm input[type="checkbox"]:checked ~ .uncheckedBox {
    display: none; }
.BlockAndUnfollowForm input[type="checkbox"]:checked ~ .checkedBox {
    color: #a9a9a9;
    display: inline-block;
    font-size: 25px;
    vertical-align: middle; }
.BlockAndUnfollowForm input[type="radio"] {
    display: none; }
.BlockAndUnfollowForm .flagReasonRadioButtonOuter {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 8px;
    display: inline-block;
    height: 12px;
    position: relative;
    top: 1px;
    vertical-align: middle;
    width: 12px; }
.BlockAndUnfollowForm .flagReasonRadioButtonInner {
    display: none; }
.BlockAndUnfollowForm input[type="radio"]:checked + .flagReasonRadioButtonOuter {
    background-color: #a9a9a9;
    border-color: #d3d3d3; }
.BlockAndUnfollowForm input[type="radio"]:checked + .flagReasonRadioButtonOuter > .flagReasonRadioButtonInner {
      background-color: #fff;
      border-radius: 50%;
      display: block;
      height: 4px;
      left: 50%;
      margin: -2px 0 0 -2px;
      position: absolute;
      top: 50%;
      width: 4px; }
.BlockAndUnfollowForm .blockAndUnfollowFormContent {
    height: 360px;
    overflow: scroll; }
.BlockAndUnfollowForm .blockAndUnfollowFormContent > .blockAndUnfollowFormLabel {
      border-bottom: 1px solid #e7e7e7;
      color: #333;
      cursor: pointer;
      display: block;
      font-size: 14px;
      padding: 15px 0 15px 18px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
.BlockAndUnfollowForm .blockAndUnfollowFormContent > .blockAndUnfollowFormLabel:hover {
        background-color: #f4f4f4; }
.BlockAndUnfollowForm .blockAndUnfollowFormContent > .blockAndUnfollowFormLabel > .labelWrapper {
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        width: 500px; }
.BlockAndUnfollowForm .blockAndUnfollowFormContent > .blockAndUnfollowFormLabel > .labelWrapper > .labelDescription {
          color: #999;
          display: block;
          font-size: 13px;
          margin-top: 3px;
          vertical-align: middle; }
.BlockAndUnfollowForm .blockAndUnfollowFormContent > .modalDescription {
      border-bottom: 1px solid #e7e7e7;
      color: #999;
      font-size: 13px;
      padding: 15px 18px; }
.BlockAndUnfollowForm .helpText {
    font-size: 13px;
    line-height: 28px;
    width: 250px; }
.BlockAndUnfollowForm .formFooter > .formFooterButtons > .primary {
    display: none; }
.BlockAndUnfollowForm .formFooter > .formFooterButtons > .primary span {
      pointer-events: none; }
.BlockAndUnfollowForm .formFooter > .formFooterButtons > .primary.visible {
      display: inline-block; }
.FlagBase {
  width: 600px; }
.FlagBase a:focus {
    outline: 0; }
.FlagBase .flagContent input[type="radio"] {
    opacity: 0;
    position: absolute; }
.FlagBase .flagContent .flagReasonRadioButtonOuter {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 8px;
    bottom: 0;
    display: inline-block;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 12px; }
.FlagBase .flagContent .flagReasonRadioButtonInner {
    display: none; }
.FlagBase .flagContent .flagReasonRadioButtonWrapper {
    box-sizing: border-box;
    float: left;
    height: 100%;
    min-height: 64px;
    padding-left: 15px;
    position: absolute;
    width: 44px; }
.FlagBase .flagContent input[type="radio"]:checked + .flagReasonRadioButtonWrapper .flagReasonRadioButtonOuter {
    background-color: #999;
    border-color: #ccc; }
.FlagBase .flagContent input[type="radio"]:checked + .flagReasonRadioButtonWrapper .flagReasonRadioButtonOuter .flagReasonRadioButtonInner {
      background-color: #fff;
      border-radius: 50%;
      display: block;
      height: 4px;
      left: 50%;
      margin: -2px 0 0 -2px;
      position: absolute;
      top: 50%;
      width: 4px; }
.FlagBase .flagContent label {
    color: #333;
    font-size: 14px; }
.FlagBase .flagContent .flagReasonWrapper {
    float: right;
    padding: 24px 0;
    width: 556px; }
.FlagBase .flagContent .flagReasonLabel {
    border-bottom: 1px solid #e7e7e7;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative; }
.FlagBase .flagContent .flagReasonLabel:hover {
      background-color: #f4f4f4; }
.FlagBase .flagContent.withBadRichDataLabel {
    height: 389px; }
.FlagBase .formFooter {
    border-top: none; }
.FlagBase .helpText {
    font-size: 13px;
    line-height: 28px; }
.FlagBase .helpText li {
      list-style-type: none; }
.FlagBase .helpText span {
      display: none; }
.FlagBase .helpText > .visible {
      display: block; }
/* stylelint-disable no-duplicate-selectors */
/* common.scss */
.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;
  height: 22px;
  margin-left: 8px;
  margin-top: 5px;
  overflow: hidden;
  width: 22px; }
.UserNavigateButton:active {
  background: #e9e9e9;
  border-color: #cfcfcf;
  box-shadow: none; }
.PinnerProfileMenuButton a:hover {
  text-decoration: underline; }
.PinnerProfileMenuButton hr {
  display: block; }
/* desktop.scss */
.UserNavigateButton {
  background: transparent;
  border: none;
  height: auto;
  margin-right: 0;
  width: auto; }
.UserNavigateButton .px2 {
    padding-left: 6px;
    padding-right: 6px; }
.UserNavigateButton .py1 {
    padding-bottom: 3px;
    padding-top: 3px; }
.UserNavigateButton:focus, .UserNavigateButton:hover {
    background: transparent;
    box-shadow: none !important; }
.UserNavigateButton .profileName {
    display: none; }
.UserNavigateButton em {
    width: 20px;
    height: 24px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -163px -296px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UserNavigateButton em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -114px -292px;
        background-size: 399px 382px; } }
.UserNavigateButton:hover em, .UserNavigateButton:focus em {
    width: 20px;
    height: 24px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-1x-5d23fe54.png) -119px -296px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UserNavigateButton:hover em, .UserNavigateButton:focus em {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-above_the_fold-2x-968902f1.png);
        background-position: -177px -292px;
        background-size: 399px 382px; } }
.NagBase .message a {
  color: #fff;
  text-decoration: underline; }
@keyframes ReactTwoCirclePulserInnerAnim {
  0% {
    opacity: 0;
    transform: scale(0.6); }
  18% {
    opacity: .7;
    transition-timing-function: linear; }
  45% {
    opacity: .7; }
  50% {
    transform: scale(0.45);
    transition-timing-function: cubic-bezier(0.1, 0.55, 0.95, 0.5); }
  55% {
    opacity: .7;
    transform: scale(0.6);
    transition-timing-function: linear; }
  80% {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  100% {
    opacity: 0;
    transform: scale(0.6); } }
@keyframes ReactTwoCirclePulserOuterAnim {
  0% {
    opacity: 0;
    transform: scale(0.8); }
  48% {
    opacity: 0;
    transform: scale(0.8); }
  53% {
    opacity: .6;
    transition-timing-function: linear; }
  80% {
    opacity: 0;
    transform: scale(1.2);
    transition-timing-function: linear; }
  100% {
    opacity: 0;
    transform: scale(0.8); } }
.PulsarNewInnerCircle {
  animation-duration: 5s;
  animation-iteration-count: inherit;
  animation-name: NewPulseAnimation;
  border: 8px solid #4a90e2;
  border-radius: 50%;
  box-sizing: border-box;
  height: 100%;
  opacity: 1;
  width: 100%; }
.PulsarNewInnerCircle:focus,
.PulsarNewInnerCircle:hover {
  opacity: .2; }
.outerCircle {
  animation-delay: .8s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: AppearAnimation;
  opacity: 0; }
@keyframes AppearAnimation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes NewPulseAnimation {
  0% {
    opacity: 0;
    transform: scale(0.8); }
  20% {
    opacity: 1;
    transform: scale(1); }
  40% {
    opacity: 1;
    transform: scale(0.8); }
  60% {
    opacity: 1;
    transform: scale(1); }
  80% {
    opacity: 0;
    transform: scale(0.8); }
  100% {
    opacity: 0; } }
.ToastBase {
  margin-top: 10px;
  transition: opacity .1s ease-in-out;
  visibility: hidden; }
.ToastBase.legacy {
    background-image: linear-gradient(rgba(10, 14, 19, .85), #0a0e13);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, .4) 0 0 20px 0;
    color: #fff; }
.ToastBase.legacy:hover {
      background-color: #000;
      opacity: 1 !important; }
.ToastBase.legacy.imageWrapper {
      background: #333;
      border-radius: 4px;
      display: table-cell;
      height: 40px;
      margin-right: 10px;
      overflow: hidden;
      width: 40px; }
.ToastBase.legacy.imageWrapper img {
        height: 100%;
        width: 100%; }
.ToastBase.visible {
    visibility: visible; }
.ToastBase.isDidIt {
    background-image: linear-gradient(rgba(255, 255, 255, .74), #fff); }
.ToastBase.isDidIt:hover {
      background-color: #fff; }
.ToastBase.isDidIt .imageWrapper {
      background: #eee; }
.ToastBase.isDidIt .subtitleText,
    .ToastBase.isDidIt .titleText {
      color: #0a0e13;
      max-width: 250px; }
.ToastBase.followModulePinnedTo .toastWrapper {
    line-height: 40px; }
.ToastBase.suggestedUser .imageWrapper {
    border-radius: 50%; }
.ToastBase.boldTitle .titleText {
    font-weight: bold; }
.ToastBase.boldTitle .subtitleText {
    font-weight: normal; }
.ToastBase .abstractImage {
    display: table-cell; }
.ToastBase .buttons {
    display: table-cell;
    vertical-align: middle; }
.ToastBase .buttons .UserFollowButton {
      float: right; }
.ToastBase .imageWrapper {
    height: 48px;
    overflow: hidden;
    width: 48px; }
.ToastBase .imageWrapper img {
      height: 100%;
      width: 100%; }
.ToastBase.downArrow .abstractImage {
    width: 32px;
    height: 32px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -136px -384px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ToastBase.downArrow .abstractImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -342px -309px;
        background-size: 428px 427px; } }
.ToastBase.downArrow .subtitleText {
    padding-left: 16px; }
.ToastBase.checkmarkIconEnabled .abstractImage {
    width: 26px;
    height: 26px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -293px -138px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ToastBase.checkmarkIconEnabled .abstractImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -153px -303px;
        background-size: 428px 427px; } }
.ToastBase.yahoo .abstractImage {
    width: 28px;
    height: 28px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -442px -254px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ToastBase.yahoo .abstractImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -167px -172px;
        background-size: 428px 427px; } }
.ToastBase.facebook .abstractImage {
    width: 28px;
    height: 28px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -442px -314px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ToastBase.facebook .abstractImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -196px -172px;
        background-size: 428px 427px; } }
.ToastBase.google .abstractImage {
    width: 28px;
    height: 28px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -442px -224px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ToastBase.google .abstractImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -124px -303px;
        background-size: 428px 427px; } }
.ToastBase.microsoft .abstractImage {
    width: 28px;
    height: 28px;
    background: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-1x-28441dec.png) -442px -284px no-repeat; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .ToastBase.microsoft .abstractImage {
        background-image: url(https://s.pinimg.com/webapp/style/images/webapp-common-desktop-2x-0d02cd03.png);
        background-position: -291px -229px;
        background-size: 428px 427px; } }
.ToastBase .toastWrapper {
    display: table;
    overflow: hidden;
    padding: 10px;
    width: 346px; }
.ToastBase .titleSubtitleWrapper {
    display: table-cell;
    margin-top: 4px;
    padding: 0 10px;
    vertical-align: middle; }
.ToastBase .titleText,
  .ToastBase .subtitleText {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    width: 286px; }
.ToastBase .subtitleText {
    font-weight: bold; }
.ToastBase.react {
    opacity: 0;
    position: relative;
    transform: translateY(200px);
    width: 430px; }
.ToastBase.react .buttons {
      position: absolute;
      right: 10px;
      top: 10px; }
.ToastBase.react .buttons > * {
        width: auto; }
.ToastBase.react.visible {
      opacity: 1;
      transform: translateY(0);
      transition: all 0.7s cubic-bezier(0.19, 1.15, 0.48, 1); }
.ToastBase.react.visible.hiding {
        opacity: 0;
        transform: scale(1.1);
        transition: opacity transform .2s; }
.ToastBase.isBrio {
    background: #88a5ab;
    border-radius: 100px;
    box-shadow: none;
    padding: 16px; }
.ToastBase.isBrio:hover {
      background: #88a5ab; }
.ToastBase.isBrio .titleText {
      font-size: 18px;
      font-weight: bold;
      white-space: pre-wrap; }
.ToastBase.isBrio .subtitleText {
      font-size: 18px;
      font-weight: normal;
      white-space: pre-wrap; }
.ToastBase.isBrio .buttons {
      right: 26px;
      top: 26px; }


/*# sourceMappingURL=common_desktop-93f666a73c2d5b0219b7.css.map*/