@charset "UTF-8";
/* Collection default theme */
/* Grid default theme */
/* Table default theme */
.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center; }

.ReactVirtualized__Table__row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center; }

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px; }

.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap; }

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px; }

.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer; }

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center; }

.ReactVirtualized__Table__sortableHeaderIcon {
  -ms-flex: 0 0 24px;
  -webkit-box-flex: 0;
          flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor; }

/* List default theme */
/**
 * Draft v0.8.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial; }

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only; }

.DraftEditor-root {
  position: relative; }

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: .1px solid transparent;
  position: relative;
  z-index: 1; }

.public-DraftEditor-block {
  position: relative; }

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left; }

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left; }

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center; }

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right; }

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right; }

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0; }

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9; }

.DraftEditorPlaceholder-hidden {
  display: none; }

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap; }

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left; }

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right; }

.public-DraftStyleDefault-listLTR {
  direction: ltr; }

.public-DraftStyleDefault-listRTL {
  direction: rtl; }

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em; }

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle; }

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px; }

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4; }

.wpnc__main div,
.wpnc__main span,
.wpnc__main applet,
.wpnc__main object,
.wpnc__main iframe,
.wpnc__main h1,
.wpnc__main h2,
.wpnc__main h3,
.wpnc__main h4,
.wpnc__main h5,
.wpnc__main h6,
.wpnc__main p,
.wpnc__main blockquote,
.wpnc__main pre,
.wpnc__main a,
.wpnc__main abbr,
.wpnc__main acronym,
.wpnc__main address,
.wpnc__main big,
.wpnc__main cite,
.wpnc__main code,
.wpnc__main del,
.wpnc__main dfn,
.wpnc__main em,
.wpnc__main font,
.wpnc__main ins,
.wpnc__main kbd,
.wpnc__main q,
.wpnc__main s,
.wpnc__main samp,
.wpnc__main small,
.wpnc__main strike,
.wpnc__main strong,
.wpnc__main sub,
.wpnc__main sup,
.wpnc__main tt,
.wpnc__main var,
.wpnc__main dl,
.wpnc__main dt,
.wpnc__main dd,
.wpnc__main ol,
.wpnc__main ul,
.wpnc__main li,
.wpnc__main fieldset,
.wpnc__main form,
.wpnc__main label,
.wpnc__main legend,
.wpnc__main table,
.wpnc__main caption,
.wpnc__main tbody,
.wpnc__main tfoot,
.wpnc__main thead,
.wpnc__main tr,
.wpnc__main th,
.wpnc__main td {
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

.wpnc__main article, .wpnc__main aside, .wpnc__main details, .wpnc__main figcaption, .wpnc__main figure, .wpnc__main footer, .wpnc__main header, .wpnc__main hgroup, .wpnc__main nav, .wpnc__main section {
  display: block; }

.wpnc__main ol, .wpnc__main ul {
  list-style: none; }

.wpnc__main table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

.wpnc__main caption, .wpnc__main th, .wpnc__main td {
  font-weight: normal;
  text-align: left; }

.wpnc__main blockquote:before, .wpnc__main blockquote:after, .wpnc__main q:before, .wpnc__main q:after {
  content: ""; }

.wpnc__main blockquote, .wpnc__main q {
  quotes: "" ""; }

.wpnc__main a:focus {
  outline: thin dotted; }

.wpnc__main a:hover, .wpnc__main a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0; }

.wpnc__main a img {
  border: 0; }

.wpnc__main input, .wpnc__main textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  overflow: auto; }

.wpnc__main input[type="radio"], .wpnc__main input[type="checkbox"] {
  -webkit-appearance: none; }

.wpnc__main .wpnc__body:after, .wpnc__main .wpnc__summary:after, div.wpnc__user:after, div.wpnc__note-actions:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__subject, .wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__excerpt, .wpnc__main .wpnc__single-view .wpnc__user p, .wpnc__main .wpnc__single-view .wpnc__user .wpnc__user__meta:not(.wpnc__user__bulleted) .wpnc__user__site, .wpnc__main .wpnc__single-view .wpnc__header .wpnc__user__usertitle, .wpnc__main .wpnc__single-view .wpnc__header .wpnc__excerpt, .wpnc__main .wpnc__single-view .wpnc__summary p, .wpnc__main .wpnc__single-view .wpnc__preface, .wpnc__main .wpnc__single-view .wpnc__user p .wpnc__user__username, .wpnc__main .wpnc__single-view .wpnc__user p a.wpnc__user__site {
  overflow: hidden;
  text-overflow: ellipsis; }

.wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__subject, .wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__excerpt, .wpnc__main .wpnc__single-view .wpnc__user p, .wpnc__main .wpnc__single-view .wpnc__user .wpnc__user__meta:not(.wpnc__user__bulleted) .wpnc__user__site, .wpnc__main .wpnc__single-view .wpnc__header .wpnc__user__usertitle, .wpnc__main .wpnc__single-view .wpnc__header .wpnc__excerpt, .wpnc__main .wpnc__single-view .wpnc__summary p, .wpnc__main .wpnc__single-view .wpnc__preface {
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.wpnc__main .wpnc__single-view .wpnc__header, .wpnc__single-view div.wpnc__user {
  border-bottom: 1px solid #e9eff3; }

.wpnc__single-view {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in; }

@-webkit-keyframes 'fadeOut' {
  from {
    opacity: 1.0; }
  to {
    opacity: 0; } }

@keyframes 'fadeOut' {
  from {
    opacity: 1.0; }
  to {
    opacity: 0; } }

@-webkit-keyframes 'fadeIn' {
  from {
    opacity: 0.0; }
  to {
    opacity: 1.0; } }

@keyframes 'fadeIn' {
  from {
    opacity: 0.0; }
  to {
    opacity: 1.0; } }

.wpnc__note-actions .wpnc__reply-box textarea {
  margin: 0;
  padding: 7px 14px;
  width: 100%;
  color: #2e4453;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #c8d7e1;
  background-color: white;
  transition: all .15s ease-in-out;
  box-sizing: border-box; }
  .wpnc__note-actions .wpnc__reply-box textarea::-webkit-input-placeholder {
    color: #87a6bc; }
  .wpnc__note-actions .wpnc__reply-box textarea::-moz-placeholder {
    color: #87a6bc; }
  .wpnc__note-actions .wpnc__reply-box textarea:-ms-input-placeholder {
    color: #87a6bc; }
  .wpnc__note-actions .wpnc__reply-box textarea::placeholder {
    color: #87a6bc; }
  .wpnc__note-actions .wpnc__reply-box textarea:hover {
    border-color: #a8bece; }
  .wpnc__note-actions .wpnc__reply-box textarea:focus {
    border-color: #0087be;
    outline: none;
    box-shadow: 0 0 0 2px #78dcfa; }
    .wpnc__note-actions .wpnc__reply-box textarea:focus::-ms-clear {
      display: none; }
  .wpnc__note-actions .wpnc__reply-box textarea:disabled {
    background: white;
    border-color: #e9eff3;
    color: #e9eff3; }
    .wpnc__note-actions .wpnc__reply-box textarea:disabled:hover {
      cursor: default; }
    .wpnc__note-actions .wpnc__reply-box textarea:disabled::-webkit-input-placeholder {
      color: #e9eff3; }
    .wpnc__note-actions .wpnc__reply-box textarea:disabled::-moz-placeholder {
      color: #e9eff3; }
    .wpnc__note-actions .wpnc__reply-box textarea:disabled:-ms-input-placeholder {
      color: #e9eff3; }
    .wpnc__note-actions .wpnc__reply-box textarea:disabled::placeholder {
      color: #e9eff3; }

.wpnc__note-actions .wpnc__reply-box textarea {
  min-height: 92px; }

.wpnc__main wpnc__button {
  background: transparent;
  border: none;
  outline: 0;
  padding: 0;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: baseline; }

.wpnc__main .wpnc__button {
  background: white;
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 1px 1px 2px;
  color: #2e4453;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 21px;
  border-radius: 4px;
  padding: 7px 14px 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }
  .wpnc__main .wpnc__button:hover {
    border-color: #a8bece;
    color: #2e4453; }
  .wpnc__main .wpnc__button:active {
    border-width: 2px 1px 1px; }
  .wpnc__main .wpnc__button:visited {
    color: #2e4453; }
  .wpnc__main .wpnc__button[disabled], .wpnc__main .wpnc__button:disabled {
    color: #e9eff3;
    background: white;
    border-color: #e9eff3;
    cursor: default; }
    .wpnc__main .wpnc__button[disabled]:active, .wpnc__main .wpnc__button:disabled:active {
      border-width: 1px 1px 2px; }
  .wpnc__main .wpnc__button:focus {
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa; }
  .wpnc__main .wpnc__button.is-compact {
    padding: 7px;
    color: #668eaa;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }
    .wpnc__main .wpnc__button.is-compact:disabled {
      color: #e9eff3; }
    .wpnc__main .wpnc__button.is-compact .gridicon {
      top: 4px;
      margin-top: -8px; }
  .wpnc__main .wpnc__button.hidden {
    display: none; }
  .wpnc__main .wpnc__button .gridicon {
    position: relative;
    top: 4px;
    margin-top: -2px;
    width: 18px;
    height: 18px; }

.wpnc__main .wpnc__button.is-primary {
  background: #00aadc;
  border-color: #0087be;
  color: white; }
  .wpnc__main .wpnc__button.is-primary:hover, .wpnc__main .wpnc__button.is-primary:focus {
    border-color: #005082;
    color: white; }
  .wpnc__main .wpnc__button.is-primary[disabled], .wpnc__main .wpnc__button.is-primary:disabled {
    background: tint(#78dcfa, 50%);
    border-color: tint(#0087be, 55%);
    color: white; }
  .wpnc__main .wpnc__button.is-primary.is-compact {
    color: white; }

.wpnc__main .wpnc__button.is-scary {
  color: #d94f4f; }
  .wpnc__main .wpnc__button.is-scary:hover, .wpnc__main .wpnc__button.is-scary:focus {
    border-color: #d94f4f; }
  .wpnc__main .wpnc__button.is-scary:focus {
    box-shadow: 0 0 0 2px #eba3a3; }
  .wpnc__main .wpnc__button.is-scary[disabled], .wpnc__main .wpnc__button.is-scary:disabled {
    color: #f4cdcd;
    border-color: #e9eff3; }

.wpnc__main .wpnc__button.is-primary.is-scary {
  background: #d94f4f;
  border-color: #a02222;
  color: white; }
  .wpnc__main .wpnc__button.is-primary.is-scary:hover, .wpnc__main .wpnc__button.is-primary.is-scary:focus {
    border-color: #4c1010; }
  .wpnc__main .wpnc__button.is-primary.is-scary[disabled], .wpnc__main .wpnc__button.is-primary.is-scary:disabled {
    background: #eba3a3;
    border-color: tint(#d94f4f, 30%); }

.wpnc__main .wpnc__button.is-borderless {
  border: none;
  color: #668eaa;
  padding-left: 0;
  padding-right: 0; }
  .wpnc__main .wpnc__button.is-borderless:hover {
    color: #2e4453; }
  .wpnc__main .wpnc__button.is-borderless:focus {
    box-shadow: none; }
  .wpnc__main .wpnc__button.is-borderless .gridicon {
    width: auto;
    height: auto;
    top: 6px; }
  .wpnc__main .wpnc__button.is-borderless[disabled], .wpnc__main .wpnc__button.is-borderless:disabled {
    color: #e9eff3;
    background: white;
    cursor: default; }
    .wpnc__main .wpnc__button.is-borderless[disabled]:active, .wpnc__main .wpnc__button.is-borderless:disabled:active {
      border-width: 0; }
  .wpnc__main .wpnc__button.is-borderless.is-scary {
    color: #d94f4f; }
    .wpnc__main .wpnc__button.is-borderless.is-scary:hover, .wpnc__main .wpnc__button.is-borderless.is-scary:focus {
      color: #a02222; }
    .wpnc__main .wpnc__button.is-borderless.is-scary[disabled] {
      color: #f4cdcd; }
  .wpnc__main .wpnc__button.is-borderless.is-compact {
    background: transparent;
    border-radius: 0; }
    .wpnc__main .wpnc__button.is-borderless.is-compact .gridicon {
      width: 18px;
      height: 18px;
      top: 5px; }

body {
  margin: 0; }

.wpnc__main {
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #2e4453;
  -webkit-font-smoothing: subpixel-antialiased; }
  @media only screen and (max-width: 799px) {
    .wpnc__main {
      background-color: #f3f6f8; } }
  @media only screen and (min-width: 409px) and (max-width: 430px) {
    .wpnc__main {
      background-color: white; } }
  .wpnc__main b, .wpnc__main strong {
    font-weight: 600; }
  .wpnc__main a, .wpnc__main a:visited {
    color: #0087be;
    text-decoration: none; }
  .wpnc__main a:hover, .wpnc__main a:focus, .wpnc__main a:active {
    color: #0087be; }
  .wpnc__main button {
    background-color: transparent;
    border: none;
    color: #0087be;
    cursor: pointer;
    font-size: inherit;
    outline: none;
    padding: 0; }
    .wpnc__main button[disabled] {
      color: #87a6bc;
      cursor: default; }
  .wpnc__main header {
    border-bottom: 1px solid #e9eff3;
    box-sizing: border-box;
    background-color: white;
    font-size: 12px;
    height: 39px;
    line-height: 38px;
    padding: 0 14px;
    text-align: center; }
    .wpnc__main header nav {
      display: inline; }
    .wpnc__main header nav > div {
      display: inline;
      float: right;
      margin-right: -5px; }
    .wpnc__main header h1 {
      color: #668eaa;
      display: inline; }
    .wpnc__main header button {
      line-height: 38px; }
    .wpnc__main header .wpnc__back {
      margin-left: -5px;
      display: inline;
      float: left; }
      .wpnc__main header .wpnc__back .gridicon {
        margin-right: 4px;
        vertical-align: -4px; }
    .wpnc__main header .wpnc__prev, .wpnc__main header .wpnc__next {
      float: left;
      outline: none; }
      .wpnc__main header .wpnc__prev .gridicon, .wpnc__main header .wpnc__next .gridicon {
        vertical-align: middle; }
    .wpnc__main header .wpnc__prev {
      margin-right: 8px; }
    .wpnc__main header .disabled {
      opacity: 0.5; }
  .wpnc__main .wpnc__list-view.wpnc__current {
    display: none; }
  .wpnc__main .wpnc__single-view:not(.wpnc__current) {
    display: none; }
  .wpnc__main .gridicon {
    fill: currentColor; }
  .wpnc__main .wpnc__user__username, .wpnc__main span.wpnc__user {
    font-weight: 600; }
    .wpnc__main .wpnc__user__username a.wpnc__user__home, .wpnc__main span.wpnc__user a.wpnc__user__home {
      color: #2e4453; }
  .wpnc__main .wpnc__header a.wpnc__user {
    font-weight: 600;
    color: #2e4453; }
  .wpnc__main .wpnc__header a.wpnc__post {
    color: #537994; }
    .wpnc__main .wpnc__header a.wpnc__post:hover {
      color: #0087be; }
  .wpnc__main span.wpnc__post {
    font-style: italic; }
  .wpnc__main header h1, .wpnc__main header .wpnc__back, .wpnc__main .wpnc__list-view .wpnc__time-group-title {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px; }
  .wpnc__main .rtl header .back:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .wpnc__main .wpnc__filter {
    width: 100%;
    background-color: white;
    color: #537994;
    border-bottom: 1px solid #e9eff3;
    border-left: 1px solid white;
    text-align: center;
    height: 38px;
    box-sizing: border-box;
    direction: ltr;
    display: table; }
  .wpnc__main .wpnc__note-list:not(.is-note-open) .wpnc__filter {
    border-left: 1px solid #e9eff3; }
  .wpnc__main .wpnc__filter__segmented-control {
    display: table-row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 8px; }
    .wpnc__main .wpnc__filter__segmented-control:focus {
      box-shadow: 0 0 0 2px #78dcfa; }
  .wpnc__main .wpnc__filter__segmented-control-item {
    background: white;
    border: 1px solid #87a6bc;
    border-right: none;
    font-size: 13px;
    height: 26px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto; }
    .wpnc__main .wpnc__filter__segmented-control-item:hover {
      color: #2e4453; }
    .wpnc__main .wpnc__filter__segmented-control-item:first-of-type {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .wpnc__main .wpnc__filter__segmented-control-item:last-of-type {
      border-right: 1px solid #87a6bc;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
      .wpnc__main .wpnc__filter__segmented-control-item:last-of-type.selected {
        border-right-color: #00aadc; }
    .wpnc__main .wpnc__filter__segmented-control-item.selected {
      background: #00aadc;
      border-color: #00aadc;
      color: white; }
      .wpnc__main .wpnc__filter__segmented-control-item.selected + .segmented-control-item {
        border-left-color: #00aadc; }
  .wpnc__main .wpnc__list-view .wpnc__notes, .wpnc__main .error {
    background-color: white; }
  .wpnc__main .wpnc__note {
    line-height: 21px;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    clear: both;
    border-bottom: 1px solid #e9eff3; }
    .wpnc__main .wpnc__note div.wpnc__body > p, .wpnc__main .wpnc__note div.wpnc__preface p {
      line-height: 21px;
      text-align: center; }
    .wpnc__main .wpnc__note .wpnc__note-icon {
      display: block;
      width: 48px;
      height: 48px;
      position: relative;
      float: left;
      margin: 0 14px 0 14px; }
    .wpnc__main .wpnc__note .wpnc__note-icon img {
      width: 48px;
      height: 48px; }
    .wpnc__main .wpnc__note .wpnc__note-icon .wpnc__gridicon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: white;
      height: 22px;
      width: 22px;
      border-width: 2px;
      border-style: solid;
      border-radius: 50%; }
  .wpnc__main .wpnc__done-message {
    background: #f3f6f8;
    color: #537994;
    text-align: center;
    line-height: 50px;
    font-style: italic; }
  .wpnc__main .wpnc__empty-notes-container {
    background-color: #f3f6f8; }
  .wpnc__main .wpnc__empty-notes {
    text-align: center;
    position: relative;
    top: 50%;
    padding: 0 32px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .wpnc__main .wpnc__empty-notes h2 {
      font: 300 21px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
      margin-bottom: 4px; }
    .wpnc__main .wpnc__empty-notes p {
      font: 400 16px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
  .wpnc__main .wpnc__loading-indicator {
    display: block;
    background-color: #f3f6f8;
    height: 90px; }
  .wpnc__main .wpnc__note-list {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden; }
    .wpnc__main .wpnc__note-list:not(.is-note-open) {
      box-shadow: -3px 1px 10px -2px rgba(46, 68, 83, 0.075); }
  .wpnc__main .wpnc__list-view {
    height: 100%;
    background-color: #f3f6f8;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    border-left: 1px solid #e9eff3; }
    .wpnc__main .wpnc__list-view.is-empty-list {
      overflow-y: hidden; }
    @media only screen and (min-width: 409px) and (max-width: 430px) {
      .wpnc__main .wpnc__list-view {
        left: 9px; } }
    .wpnc__main .wpnc__list-view h1 {
      text-align: center; }
    .wpnc__main .wpnc__list-view .wpnc__note {
      cursor: pointer; }
    .wpnc__main .wpnc__list-view .wpnc__note-icon .wpnc__gridicon {
      position: absolute;
      bottom: -5px;
      right: -8px;
      background-color: #97b2c5;
      border-color: white; }
    .wpnc__main .wpnc__list-view .wpnc__note .wpnc__note-icon img {
      border-radius: 50%; }
    .wpnc__main .wpnc__list-view .unread .wpnc__note-icon .wpnc__gridicon {
      background: #00aadc;
      border-color: #f3f6f8; }
    .wpnc__main .wpnc__list-view .wpnc__comment-unapproved .wpnc__note-icon .wpnc__gridicon {
      background: #f0b849;
      border-color: #fef8ee; }
    .wpnc__main .wpnc__list-view .unread {
      background: #f3f6f8; }
    .wpnc__main .wpnc__list-view .wpnc__selected-note {
      box-shadow: inset 4px 0 0 #00aadc; }
    .wpnc__main .wpnc__list-view .wpnc__text-summary {
      padding: 0 14px 0 76.8px;
      word-wrap: break-word;
      text-align: left; }
      .wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__subject {
        max-height: 3em;
        -webkit-line-clamp: 2; }
      .wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__subject .wpnc__gridicon {
        line-height: 1;
        vertical-align: -3px;
        color: #87a6bc;
        padding: 2px 5px 0 0; }
      .wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__subject .wpnc__comment {
        font-style: italic; }
      .wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__subject .wpnc__user__site {
        font-weight: 600; }
      .wpnc__main .wpnc__list-view .wpnc__text-summary .wpnc__excerpt {
        max-height: 3em;
        -webkit-line-clamp: 2;
        color: #537994; }
    .wpnc__main .wpnc__list-view .wpnc__time-group-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #668eaa;
      padding: 6px 0px;
      background: rgba(255, 255, 255, 0.95);
      border-bottom: 1px solid #e9eff3; }
      .wpnc__main .wpnc__list-view .wpnc__time-group-title .gridicons-time {
        -ms-flex-item-align: center;
            align-self: center;
        margin-left: 14px;
        margin-right: 4px; }
      .wpnc__main .wpnc__list-view .wpnc__time-group-title .gridicons-cog {
        cursor: pointer;
        -ms-flex-item-align: center;
            align-self: center;
        margin-left: auto;
        margin-right: 11px; }
    .wpnc__main .wpnc__list-view .wpnc__time-group-wrap {
      height: 34px;
      top: 0;
      z-index: 100;
      text-align: left;
      position: -webkit-sticky;
      position: sticky; }
  .wpnc__main .disable-sticky .wpnc__time-group-wrap {
    position: static; }
  .wpnc__main .wpnc__undo-item {
    background: #d94f4f;
    color: white; }
    .wpnc__main .wpnc__undo-item p {
      padding-top: 1em;
      padding-bottom: 1em; }
    .wpnc__main .wpnc__undo-item .wpnc__undo-link {
      margin-left: 1em;
      text-transform: uppercase;
      color: white; }
    .wpnc__main .wpnc__undo-item .wpnc__undo-message {
      margin-left: 2em; }
  .wpnc__main .wpnc__close-link {
    color: white;
    position: absolute;
    right: 10px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .wpnc__main .wpnc__single-view h1, .wpnc__main .error-view h1 {
    text-align: center; }
  .wpnc__main .wpnc__single-view {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    left: 0px;
    right: 0px;
    box-shadow: -3px 1px 10px -2px rgba(46, 68, 83, 0.075);
    background-color: #f3f6f8; }
    @media only screen and (min-width: 480px) {
      .wpnc__main .wpnc__single-view {
        border-left: 1px solid #e9eff3; } }
    .wpnc__main .wpnc__single-view ol {
      height: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
    .wpnc__main .wpnc__single-view .wpnc__user p {
      -webkit-line-clamp: 1;
      font-size: 14px; }
      .wpnc__main .wpnc__single-view .wpnc__user p .wpnc__user__username, .wpnc__main .wpnc__single-view .wpnc__user p a.wpnc__user__site {
        white-space: nowrap;
        display: inline; }
    .wpnc__main .wpnc__single-view .wpnc__user .wpnc__user__meta:not(.wpnc__user__bulleted) .wpnc__user__site {
      -webkit-line-clamp: 1; }
    .wpnc__main .wpnc__single-view .wpnc__header .wpnc__user__usertitle {
      -webkit-line-clamp: 1;
      white-space: nowrap;
      display: block; }
    .wpnc__main .wpnc__single-view .wpnc__header .wpnc__excerpt {
      -webkit-line-clamp: 1;
      white-space: nowrap;
      display: block; }
    .wpnc__main .wpnc__single-view .wpnc__header a {
      outline: 0; }
    .wpnc__main .wpnc__single-view .wpnc__comment .wpnc__user p.wpnc__excerpt {
      color: #00aadc;
      font-style: italic;
      max-height: 1.5em; }
    .wpnc__main .wpnc__single-view .wpnc__reply {
      color: #537994;
      padding: 14px 0;
      border-bottom: 1px solid #e9eff3; }
      .wpnc__main .wpnc__single-view .wpnc__reply .wpnc__gridicon {
        padding: 0 10px; }
        .wpnc__main .wpnc__single-view .wpnc__reply .wpnc__gridicon .gridicon {
          vertical-align: top; }
      .wpnc__main .wpnc__single-view .wpnc__reply a {
        font-weight: 600;
        color: #537994;
        text-decoration: underline; }
    .wpnc__main .wpnc__single-view .wpnc__note:not(.wpnc__current) {
      display: none; }
    .wpnc__main .wpnc__single-view .wpnc__note {
      background-color: white;
      border: none; }
    .wpnc__main .wpnc__single-view .wpnc__note-icon .wpnc__gridicon {
      font-size: 2em;
      background-color: #c8d7e1;
      border-color: #c8d7e1; }
    .wpnc__main .wpnc__single-view .wpnc__summary {
      color: #87a6bc; }
      .wpnc__main .wpnc__single-view .wpnc__summary p {
        -webkit-line-clamp: 3; }
    .wpnc__main .wpnc__single-view .wpnc__preface {
      -webkit-line-clamp: 3;
      margin-bottom: 1em; }
    .wpnc__main .wpnc__single-view .wpnc__preface p {
      display: inline; }
      .wpnc__main .wpnc__single-view .wpnc__preface p:after {
        content: " "; }
      .wpnc__main .wpnc__single-view .wpnc__preface p:first-of-type {
        display: block; }
    .wpnc__main .wpnc__single-view .wpnc__time-group-title {
      display: none; }
    .wpnc__main .wpnc__single-view .wpnc__time-group-wrap {
      display: none; }
  .wpnc__main .wpnc__summary {
    padding: 14px 0; }
  .wpnc__main .time-notification {
    float: right;
    color: #87a6bc;
    margin-left: 0.25em;
    line-height: 1em;
    margin-top: 0.2em; }
  .wpnc__main .wpnc__body .wpnc__paragraph {
    word-wrap: break-word;
    margin-top: 16px; }
    .wpnc__main .wpnc__body .wpnc__paragraph span.list {
      display: inline-block;
      margin-left: 2em; }
      .wpnc__main .wpnc__body .wpnc__paragraph span.list br {
        content: " ";
        display: block; }
    .wpnc__main .wpnc__body .wpnc__paragraph pre {
      background: #f3f6f8;
      border: 1px solid #c8d7e1;
      border-radius: 3px;
      padding: 4px; }
      .wpnc__main .wpnc__body .wpnc__paragraph pre code {
        border: none;
        background: none; }
    .wpnc__main .wpnc__body .wpnc__paragraph code {
      font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier 10 Pitch", Courier, monospace;
      font-size: 90%;
      color: #4f748e;
      background: #f3f6f8;
      border: 1px solid #c8d7e1;
      border-radius: 3px;
      padding: 0 2px; }
  .wpnc__main .wpnc__body .wpnc__paragraph:first-of-type {
    margin-top: 0; }
  .wpnc__main .wpnc__body .wpnc__body-list {
    list-style: disc;
    padding: 0 16px; }
  .wpnc__main .wpnc__body .wpnc__body-todo {
    list-style: none; }
    .wpnc__main .wpnc__body .wpnc__body-todo .wpnc__todo-done:before {
      content: '◉ '; }
    .wpnc__main .wpnc__body .wpnc__body-todo .wpnc__todo-not-done:before {
      content: '◎ '; }
  .wpnc__main .wpnc__body blockquote {
    margin: 0 14px 14px;
    font-style: italic;
    color: #87a6bc;
    background: transparent; }
  .wpnc__main .wpnc__single-view .wpnc__comment .wpnc__body .wpnc__user {
    border: none; }
  .wpnc__main .wpnc__single-view img {
    max-width: 128px;
    height: auto; }
  .wpnc__main .wpnc__single-view .wpnc__badge .wpnc__body .wpnc__body-content .wpnc__paragraph {
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
  .wpnc__main .wpnc__single-view .wpnc__badge img {
    display: block;
    margin: 0 auto;
    padding: 36px 16px 16px; }
  .wpnc__main .wpnc__body .wpnc__body-content .wpnc__paragraph {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    padding: 0 16px;
    text-align: left; }
  .wpnc__main .wpnc__body .wpnc__body-content .wpnc__paragraph:last-child {
    padding: 0 16px 14px; }
  .wpnc__main .wpnc__comment .wpnc__body .wpnc__body-content {
    box-shadow: inset 4px 0 0 #e9eff3;
    border-bottom: 1px solid #e9eff3;
    margin: 0 0 0 14px;
    padding-top: 11px; }
  .wpnc__main .wpnc__automattcher .wpnc__body .wpnc__body-content {
    border-bottom: 1px solid #e9eff3;
    padding-top: 11px; }
  .wpnc__main .wpnc__body-content .match {
    font-weight: 600; }
  .wpnc__main .wpnc__list-view .wpnc__comment-unapproved {
    background: #fef8ee; }
    .wpnc__main .wpnc__list-view .wpnc__comment-unapproved .wpnc__subject {
      color: #6d1818; }
    .wpnc__main .wpnc__list-view .wpnc__comment-unapproved .wpnc__excerpt {
      color: #eeaf31; }
  .wpnc__main .wpnc__comment-unapproved .wpnc__body .wpnc__body-content {
    box-shadow: inset 4px 0 0 #f0b849;
    border-bottom: 1px solid #f0b849;
    background: #fef8ee;
    color: #6d1818; }
  .wpnc__main .wpnc__comment-unapproved .wpnc__body .blockquote {
    color: #6d1818; }
  .wpnc__main .wpnc__comment-unapproved .wpnc__body .wpnc__user__meta,
  .wpnc__main .wpnc__comment-unapproved div.wpnc__user .wpnc__user__meta a {
    color: #eeaf31; }
  .wpnc__main .wpnc__comment-unapproved div.wpnc__user .wpnc__user__meta a:hover {
    color: #c38710; }
  .wpnc__main .wpnc__comment-unapproved .wpnc__body div.wpnc__user .wpnc__user__home {
    color: #6d1818; }
  .wpnc__main .wpnc__comment .wpnc__body .wpnc__body-content .wpnc__user {
    padding-top: 0;
    padding-left: 14px; }
  .wpnc__main .comment-self p, .wpnc__main .comment-other {
    padding: 0 14px; }
  .wpnc__main .wpnc__post .wpnc__paragraph {
    padding: 16px 14px 0; }
  @media only screen and (min-width: 800px) {
    .wpnc__main .wpnc__list-view.wpnc__current {
      display: block;
      box-shadow: none; }
      .wpnc__main .wpnc__list-view.wpnc__current .wpnc__selected-note {
        -webkit-animation-name: selectIn;
                animation-name: selectIn;
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        -webkit-animation-duration: 0.4s;
                animation-duration: 0.4s;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1; }
    .wpnc__main .wpnc__note-list {
      left: auto;
      width: 410px; }
    .wpnc__main .wpnc__single-view {
      right: 410px;
      left: 10px;
      top: 0px;
      bottom: 0px;
      z-index: -1;
      -webkit-transform: translate3d(0, 0, 0); }
      .wpnc__main .wpnc__single-view header nav {
        display: none; }
      .wpnc__main .wpnc__single-view .wpnc__note {
        margin-top: 0px; }
    .wpnc__main .wpnc__single-view {
      -webkit-animation-name: slideIn;
              animation-name: slideIn;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-animation-duration: 0.2s;
              animation-duration: 0.2s;
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1; } }

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes slideIn {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes selectIn {
  from {
    background-color: #f3f6f8; }
  to {
    background-color: white; } }

@keyframes selectIn {
  from {
    background-color: #f3f6f8; }
  to {
    background-color: white; } }

div.wpnc__user {
  text-align: left;
  padding: 12px 14px 11px; }
  div.wpnc__user img {
    height: 32px;
    width: 32px;
    float: left;
    margin: 4px 14px 0 0;
    border-radius: 16px; }
  div.wpnc__user p {
    font-size: 0.85em;
    margin: 0; }
  div.wpnc__user .follow-link {
    margin-top: -0.1em;
    color: #537994; }
  div.wpnc__user .follow-link .gridicon {
    fill: #87a6bc;
    vertical-align: middle;
    margin-right: 0.2em; }
  div.wpnc__user .wpnc__user__bulleted .wpnc__user__bullet::before {
    content: "\0020\2022\0020"; }
  div.wpnc__user .wpnc__user__meta {
    font-weight: 400;
    color: #537994; }

.wpnc__comment div.wpnc__user .wpnc__user__meta a {
  color: #537994; }
  .wpnc__comment div.wpnc__user .wpnc__user__meta a:hover {
    color: #0087be; }

.wpnc__comment .wpnc__body div.wpnc__user .follow-link,
.automattcher .wpnc__body div.wpnc__user .follow-link {
  display: none; }

.wpnc__follow .wpnc__body div.wpnc__user,
.wpnc__like .wpnc__body div.wpnc__user,
.wpnc__comment_like .wpnc__body div.wpnc__user,
.wpnc__reblog .wpnc__body div.wpnc__user {
  line-height: 1.3em; }

.wpnc__follow .wpnc__body div.wpnc__user img,
.wpnc__like .wpnc__body div.wpnc__user img,
.wpnc__comment_like .wpnc__body div.wpnc__user img,
.wpnc__reblog .wpnc__body div.wpnc__user img {
  height: 48px;
  width: 48px;
  border-radius: 24px; }

div.wpnc__note-actions {
  color: #2e4453;
  line-height: 1em;
  text-align: center;
  padding-top: 16px;
  box-sizing: border-box; }
  div.wpnc__note-actions a {
    color: inherit;
    margin-right: 0.5em; }

.wpnc__comment-unapproved div.wpnc__note-actions {
  border-top: none;
  margin-top: 0; }

.wpnc__note-actions .wpnc__note-actions__buttons {
  padding-bottom: 16px; }

.wpnc__note-actions .wpnc__reply-box {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  display: block;
  position: relative;
  padding: 14px;
  background-color: #f3f6f8; }
  .wpnc__note-actions .wpnc__reply-box textarea {
    box-sizing: border-box;
    padding-right: 52px;
    min-height: 37px;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
    resize: vertical; }
  .wpnc__note-actions .wpnc__reply-box textarea:focus + button {
    display: block; }
  .wpnc__note-actions .wpnc__reply-box button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    color: #87a6bc;
    display: none;
    position: absolute;
    top: 26px;
    right: 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px; }
  .wpnc__note-actions .wpnc__reply-box button.active {
    display: block;
    color: #00aadc; }
  .wpnc__note-actions .wpnc__reply-box button.inactive {
    cursor: default; }
  .wpnc__note-actions .wpnc__reply-box .wpnc__spinner {
    display: block;
    position: absolute;
    right: 20px;
    left: initial; }

.wpnc__main .wpnc__action-link {
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  max-width: 25%;
  padding: 0 18px;
  text-align: center;
  vertical-align: top; }
  .wpnc__main .wpnc__action-link.active-action {
    color: #f0821e; }
    .wpnc__main .wpnc__action-link.active-action:hover {
      color: #537994; }
      .wpnc__main .wpnc__action-link.active-action:hover .gridicon {
        fill: #87a6bc; }
    .wpnc__main .wpnc__action-link.active-action .gridicon {
      fill: #f0821e; }
  .wpnc__main .wpnc__action-link.inactive-action {
    color: #537994; }
    .wpnc__main .wpnc__action-link.inactive-action:hover {
      color: #f0821e; }
      .wpnc__main .wpnc__action-link.inactive-action:hover .gridicon {
        fill: #f0821e; }
    .wpnc__main .wpnc__action-link.inactive-action .gridicon {
      fill: #87a6bc; }
  @media screen and (max-width: 370px) {
    .wpnc__main .wpnc__action-link {
      padding: 0 12px; } }
  .wpnc__main .wpnc__action-link:focus {
    outline: none; }
  .wpnc__main .wpnc__action-link:first-child {
    padding-left: 0; }
  .wpnc__main .wpnc__action-link:last-child {
    padding-right: 0; }
  .wpnc__main .wpnc__action-link:only-child {
    padding: 0 18px; }
  .wpnc__main .wpnc__action-link .wpnc__gridicon {
    font-size: 24px; }
  .wpnc__main .wpnc__action-link p {
    overflow: hidden; }

.wpnc__status-bar {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 38px;
  width: 100%;
  z-index: 101;
  background-color: #d94f4f;
  color: white; }
  .wpnc__status-bar a, .wpnc__status-bar a:visited {
    color: white;
    font-weight: 600;
    text-decoration: underline; }
  .wpnc__status-bar a:hover, .wpnc__status-bar a:focus, .wpnc__status-bar a:active {
    color: white; }
  .wpnc__status-bar span {
    margin: 15px 5px 15px 5px; }
  .wpnc__status-bar .wpnc__close-link {
    position: relative; }

.wpnc__status-bar.success {
  background-color: #4ab866; }

@-webkit-keyframes ui-wpnc__spinner-rotate-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ui-wpnc__spinner-rotate-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes ui-wpnc__spinner-rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ui-wpnc__spinner-rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.wpnc__spinner {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background: #c8d7e1; }
  .wpnc__spinner:before, .wpnc__spinner:after {
    content: '';
    position: absolute;
    background: white;
    border-radius: 50%; }
  .wpnc__spinner:before {
    width: 18px;
    height: 18px;
    top: 1px;
    left: 1px; }
  .wpnc__spinner:after {
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px; }
  .wpnc__spinner:hover .left:before {
    transition-delay: 0.4s; }
  .wpnc__spinner:hover .right:before {
    transition-delay: 0; }
  .wpnc__spinner .side {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute; }
    .wpnc__spinner .side:before {
      content: '';
      border-radius: 500px;
      position: absolute;
      width: 100%;
      height: 100%;
      background: #00aadc;
      transition: all 0.4s 0.4s linear; }
  .wpnc__spinner .left {
    left: 0; }
    .wpnc__spinner .left:before {
      left: 100%;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      -webkit-transform-origin: 0 50%;
              transform-origin: 0 50%;
      transition-delay: 0; }
  .wpnc__spinner .right {
    left: 50%; }
    .wpnc__spinner .right:before {
      left: -100%;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transform-origin: 100% 50%;
              transform-origin: 100% 50%; }

.animated .side:before {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 3s;
          animation-duration: 3s; }

.animated .left:before {
  -webkit-animation-name: ui-wpnc__spinner-rotate-left;
          animation-name: ui-wpnc__spinner-rotate-left; }

.animated .right:before {
  -webkit-animation-name: ui-wpnc__spinner-rotate-right;
          animation-name: ui-wpnc__spinner-rotate-right; }

.wpnc__loading-indicator .wpnc__spinner:before, .wpnc__loading-indicator .wpnc__spinner:after {
  background: #f3f6f8; }

.wpnc__suggestions {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-top: 5px;
  color: #2e4453;
  background: white;
  border: 1px solid #c8d7e1;
  border-radius: 3px;
  box-shadow: 0px 5px 6px rgba(200, 215, 225, 0.5);
  z-index: 20010;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  width: 90%; }
  .wpnc__suggestions ul {
    list-style: none;
    padding: 0;
    margin: auto;
    background: white; }
    .wpnc__suggestions ul li {
      display: block;
      box-sizing: content-box;
      padding: 8px 10px;
      margin: 0;
      border-bottom: 1px solid #e9eff3;
      cursor: pointer;
      line-height: 24px;
      font-size: 14px;
      height: 24px;
      overflow: hidden; }
  .wpnc__suggestions img {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 10px 0 0; }
  .wpnc__suggestions strong {
    font-weight: 400;
    background: rgba(120, 220, 250, 0.25); }
  .wpnc__suggestions .wpnc__username {
    float: left;
    display: inline-block;
    font-weight: 400;
    padding: 10px 0;
    margin: -10px 0 0 0; }
  .wpnc__suggestions small {
    font-size: 11px;
    font-weight: 400;
    float: right;
    color: #87a6bc;
    display: inline-block; }
  .wpnc__suggestions .cur {
    background: #00aadc;
    color: white; }
    .wpnc__suggestions .cur strong, .wpnc__suggestions .cur .username strong {
      color: white;
      background: rgba(120, 220, 250, 0.45); }
    .wpnc__suggestions .cur small {
      color: white; }

.rtl .wpnc__suggestions li {
  direction: ltr; }

.rtl .wpnc__suggestions img {
  float: right;
  margin: 0 0 0 10px; }

.rtl .wpnc__suggestions .wpnc__username {
  float: left; }

.rtl .wpnc__suggestions.right img {
  float: left;
  margin: 0 10px 0 0; }

.rtl .wpnc__suggestions.right .wpnc__username {
  float: right; }

@media (max-width: 400px) {
  .wpnc__suggestions {
    width: 100%;
    height: 100%; } }

.gridicon {
  fill: currentColor; }
  .gridicon.needs-offset g {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
    /* translates to .5px because it's in a child element */ }
  .gridicon.needs-offset-x g {
    -webkit-transform: translate(1px, 0);
            transform: translate(1px, 0);
    /* only nudges horizontally */ }
  .gridicon.needs-offset-y g {
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px);
    /* only nudges vertically */ }

.social-logo {
  fill: currentColor; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centred in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

body {
  background: #fff; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0; }

a img {
  border: 0; }

input,
textarea {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: none; }

.comments__comment-content, .post-item__title, .post-excerpt, .docs-selectors__result-name, .help-courses__course-video-title,
.help-courses__course-title, .help-courses__course-video-description,
.help-courses__course-description, .editor-media-modal-gallery__preview-individual .wp-caption, .reader__card .reader-full-post__story-content {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3d596d; }

.updated-confirmation .conf-alert .conf-alert_title:after, .posts__list .post__meta li a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font: normal 16px/1 Noticons;
  vertical-align: middle; }

.stats-module.is-loading .module-header-title *, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value *, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value *, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label *,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label * {
  color: transparent; }

.stats-module.is-loading .module-header-title, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  position: relative;
  color: transparent;
  cursor: default; }

.stats-module.is-loading .module-header-title::after, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value::after, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value::after, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label::after,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
  background: #f3f6f8;
  top: 35%;
  bottom: 35%;
  left: 0;
  right: 0;
  z-index: 2; }

.pagination__ellipsis,
.pagination__ellipsis:hover, .stats-geochart, .module-header-title, ul.module-header-actions .module-header-action-link, .module-content-list-item-wrapper, .module-content-list-item-action .module-content-list-item-action-wrapper, .pagination__list-item .button, ul.module-tabs .module-tab a,
ul.module-tabs .module-tab .no-link, .stats-module__expand a, .module-expand a, .module-content-text .documentation a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pagination__ellipsis,
.pagination__ellipsis:hover, .stats-geochart, .module-header-title, ul.module-header-actions .module-header-action-link, .module-content-list-item-wrapper, .module-content-list-item-action .module-content-list-item-action-wrapper {
  -webkit-touch-callout: none; }

:root {
  --masterbar-color: white;
  --masterbar-background-color: #0087be;
  --masterbar-border-color: #0079aa;
  --masterbar-item-hover-background: #0099d8;
  --masterbar-item-active-background: #004967;
  --masterbar-item-new-color: #0087be; }

.color-scheme.is-light {
  --masterbar-color: #2e4453;
  --masterbar-background-color: #c8d7e1;
  --masterbar-border-color: #a8bece;
  --masterbar-item-hover-background: #e9eff3;
  --masterbar-item-active-background: #a8bece;
  --masterbar-item-new-color: #2e4453; }

.color-scheme.is-dark {
  --masterbar-color: white;
  --masterbar-background-color: #2e4453;
  --masterbar-border-color: #668eaa;
  --masterbar-item-hover-background: #668eaa;
  --masterbar-item-active-background: #537994;
  --masterbar-item-new-color: #2e4453; }

/*
 * Animations
 *
 * Defines `slide-in-up` `slide-out-up` `scale-fade`
 * Used for section overlays
 */
body .slide-in-up,
html .slide-in-up {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0); }

body .scale-fade,
html .scale-fade {
  opacity: 1; }

body .fade,
html .fade {
  opacity: 0; }

body .slide-in-left,
html .slide-in-left {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }

body .show-in,
html .show-in {
  opacity: 0; }
  body .show-in:nth-child(10n + 2),
  html .show-in:nth-child(10n + 2) {
    -webkit-animation-delay: .05s !important;
            animation-delay: .05s !important; }
  body .show-in:nth-child(10n + 3),
  html .show-in:nth-child(10n + 3) {
    -webkit-animation-delay: .1s !important;
            animation-delay: .1s !important; }
  body .show-in:nth-child(10n + 4),
  html .show-in:nth-child(10n + 4) {
    -webkit-animation-delay: .15s !important;
            animation-delay: .15s !important; }
  body .show-in:nth-child(10n + 5),
  html .show-in:nth-child(10n + 5) {
    -webkit-animation-delay: .2s !important;
            animation-delay: .2s !important; }
  body .show-in:nth-child(10n + 6),
  html .show-in:nth-child(10n + 6) {
    -webkit-animation-delay: .25s !important;
            animation-delay: .25s !important; }
  body .show-in:nth-child(10n + 7),
  html .show-in:nth-child(10n + 7) {
    -webkit-animation-delay: .3s !important;
            animation-delay: .3s !important; }
  body .show-in:nth-child(10n + 8),
  html .show-in:nth-child(10n + 8) {
    -webkit-animation-delay: .35s !important;
            animation-delay: .35s !important; }
  body .show-in:nth-child(10n + 9),
  html .show-in:nth-child(10n + 9) {
    -webkit-animation-delay: .4s !important;
            animation-delay: .4s !important; }
  body .show-in:nth-child(10n + 10),
  html .show-in:nth-child(10n + 10) {
    -webkit-animation-delay: .45s !important;
            animation-delay: .45s !important; }

body.animate .slide-out-up,
html.animate .slide-out-up {
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

body.animate .slide-in-up,
html.animate .slide-in-up {
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }

body.animate .slide-in-left,
html.animate .slide-in-left {
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }

body.animate .slide-out-right,
html.animate .slide-out-right {
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }

body.animate .scale-fade,
html.animate .scale-fade {
  transition: opacity .5s, -webkit-transform .5s;
  transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s, -webkit-transform .5s;
  -webkit-transform-origin: 50% 60px;
          transform-origin: 50% 60px; }

body.animate .fade,
html.animate .fade {
  transition: opacity 0.5s cubic-bezier(0.4, 1, 0.4, 1); }

body.animate .fade-background,
html.animate .fade-background {
  transition: background-color 0.2s cubic-bezier(0.4, 1, 0.4, 1); }

body.overlay-open .slide-out-up,
html.overlay-open .slide-out-up {
  -webkit-transform: translate3d(0, -46px, 0);
          transform: translate3d(0, -46px, 0); }

body.overlay-open .slide-in-up,
html.overlay-open .slide-in-up {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

body.overlay-open .scale-fade,
html.overlay-open .scale-fade {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  opacity: .8; }

body.overlay-open .fade,
html.overlay-open .fade {
  opacity: 1; }

body.customizer-section .slide-in-left,
html.customizer-section .slide-in-left {
  -webkit-transform: translate3d(-40%, 0, 0);
          transform: translate3d(-40%, 0, 0); }

body.themes-section .slide-out-right,
html.themes-section .slide-out-right {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0); }

body.themes-section .slide-in-left,
html.themes-section .slide-in-left {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

@-webkit-keyframes slideContentRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  70% {
    -webkit-transform: translate3d(289px, 0, 0);
            transform: translate3d(289px, 0, 0); }
  100% {
    -webkit-transform: translate3d(269px, 0, 0);
            transform: translate3d(269px, 0, 0); } }

@keyframes slideContentRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  70% {
    -webkit-transform: translate3d(289px, 0, 0);
            transform: translate3d(289px, 0, 0); }
  100% {
    -webkit-transform: translate3d(269px, 0, 0);
            transform: translate3d(269px, 0, 0); } }

@-webkit-keyframes slideContentLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  30% {
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  100% {
    -webkit-transform: translate3d(-269px, 0, 0);
            transform: translate3d(-269px, 0, 0); } }

@keyframes slideContentLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  30% {
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  100% {
    -webkit-transform: translate3d(-269px, 0, 0);
            transform: translate3d(-269px, 0, 0); } }

@-webkit-keyframes slideMenuDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 22px, 0);
            transform: translate3d(0, 22px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 17px, 0);
            transform: translate3d(0, 17px, 0); } }

@keyframes slideMenuDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 22px, 0);
            transform: translate3d(0, 22px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 17px, 0);
            transform: translate3d(0, 17px, 0); } }

@-webkit-keyframes slideMenuUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); } }

@keyframes slideMenuUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); } }

@-webkit-keyframes rotateOpen {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg); }
  75% {
    -webkit-transform: rotate(175deg);
            transform: rotate(175deg); }
  90% {
    -webkit-transform: rotate(185deg);
            transform: rotate(185deg); }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@keyframes rotateOpen {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg); }
  75% {
    -webkit-transform: rotate(175deg);
            transform: rotate(175deg); }
  90% {
    -webkit-transform: rotate(185deg);
            transform: rotate(185deg); }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@-webkit-keyframes rotateClosed {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  90% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes rotateClosed {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  90% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@-webkit-keyframes appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pulse-light {
  50% {
    background-color: #e9eff3; } }

@keyframes pulse-light {
  50% {
    background-color: #e9eff3; } }

@-webkit-keyframes loading-dot-pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes loading-dot-pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes loading-fade {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

@keyframes loading-fade {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

form ul {
  margin: 0;
  padding: 0;
  list-style: none; }

input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type=checkbox],
input[type=radio],
input[type="tel"],
input[type="url"],
textarea, .form-text-input-with-action, .token-field, .wp-super-cache__lock-down-code-block {
  margin: 0;
  padding: 7px 14px;
  width: 100%;
  color: #2e4453;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #c8d7e1;
  background-color: white;
  transition: all .15s ease-in-out;
  box-sizing: border-box; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type=checkbox]::-webkit-input-placeholder,
  input[type=radio]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder, .form-text-input-with-action::-webkit-input-placeholder, .token-field::-webkit-input-placeholder, .wp-super-cache__lock-down-code-block::-webkit-input-placeholder {
    color: #87a6bc; }
  input[type="text"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type=checkbox]::-moz-placeholder,
  input[type=radio]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  textarea::-moz-placeholder, .form-text-input-with-action::-moz-placeholder, .token-field::-moz-placeholder, .wp-super-cache__lock-down-code-block::-moz-placeholder {
    color: #87a6bc; }
  input[type="text"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type=checkbox]:-ms-input-placeholder,
  input[type=radio]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder, .form-text-input-with-action:-ms-input-placeholder, .token-field:-ms-input-placeholder, .wp-super-cache__lock-down-code-block:-ms-input-placeholder {
    color: #87a6bc; }
  input[type="text"]::placeholder,
  input[type="search"]::placeholder,
  input[type="email"]::placeholder,
  input[type="number"]::placeholder,
  input[type="password"]::placeholder,
  input[type=checkbox]::placeholder,
  input[type=radio]::placeholder,
  input[type="tel"]::placeholder,
  input[type="url"]::placeholder,
  textarea::placeholder, .form-text-input-with-action::placeholder, .token-field::placeholder, .wp-super-cache__lock-down-code-block::placeholder {
    color: #87a6bc; }
  input[type="text"]:hover,
  input[type="search"]:hover,
  input[type="email"]:hover,
  input[type="number"]:hover,
  input[type="password"]:hover,
  input[type=checkbox]:hover,
  input[type=radio]:hover,
  input[type="tel"]:hover,
  input[type="url"]:hover,
  textarea:hover, .form-text-input-with-action:hover, .token-field:hover, .wp-super-cache__lock-down-code-block:hover {
    border-color: #a8bece; }
  input[type="text"]:focus,
  input[type="search"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type=checkbox]:focus,
  input[type=radio]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  textarea:focus, .form-text-input-with-action:focus, .token-field:focus, .wp-super-cache__lock-down-code-block:focus {
    border-color: #0087be;
    outline: none;
    box-shadow: 0 0 0 2px #78dcfa; }
    input[type="text"]:focus::-ms-clear,
    input[type="search"]:focus::-ms-clear,
    input[type="email"]:focus::-ms-clear,
    input[type="number"]:focus::-ms-clear,
    input[type="password"]:focus::-ms-clear,
    input[type=checkbox]:focus::-ms-clear,
    input[type=radio]:focus::-ms-clear,
    input[type="tel"]:focus::-ms-clear,
    input[type="url"]:focus::-ms-clear,
    textarea:focus::-ms-clear, .form-text-input-with-action:focus::-ms-clear, .token-field:focus::-ms-clear, .wp-super-cache__lock-down-code-block:focus::-ms-clear {
      display: none; }
  input[type="text"]:disabled,
  input[type="search"]:disabled,
  input[type="email"]:disabled,
  input[type="number"]:disabled,
  input[type="password"]:disabled,
  input[type=checkbox]:disabled,
  input[type=radio]:disabled,
  input[type="tel"]:disabled,
  input[type="url"]:disabled,
  textarea:disabled, .form-text-input-with-action:disabled, .token-field:disabled, .wp-super-cache__lock-down-code-block:disabled {
    background: #f3f6f8;
    border-color: #e9eff3;
    color: #a8bece;
    opacity: 1;
    -webkit-text-fill-color: #a8bece; }
    input[type="text"]:disabled:hover,
    input[type="search"]:disabled:hover,
    input[type="email"]:disabled:hover,
    input[type="number"]:disabled:hover,
    input[type="password"]:disabled:hover,
    input[type=checkbox]:disabled:hover,
    input[type=radio]:disabled:hover,
    input[type="tel"]:disabled:hover,
    input[type="url"]:disabled:hover,
    textarea:disabled:hover, .form-text-input-with-action:disabled:hover, .token-field:disabled:hover, .wp-super-cache__lock-down-code-block:disabled:hover {
      cursor: default; }
    input[type="text"]:disabled::-webkit-input-placeholder,
    input[type="search"]:disabled::-webkit-input-placeholder,
    input[type="email"]:disabled::-webkit-input-placeholder,
    input[type="number"]:disabled::-webkit-input-placeholder,
    input[type="password"]:disabled::-webkit-input-placeholder,
    input[type=checkbox]:disabled::-webkit-input-placeholder,
    input[type=radio]:disabled::-webkit-input-placeholder,
    input[type="tel"]:disabled::-webkit-input-placeholder,
    input[type="url"]:disabled::-webkit-input-placeholder,
    textarea:disabled::-webkit-input-placeholder, .form-text-input-with-action:disabled::-webkit-input-placeholder, .token-field:disabled::-webkit-input-placeholder, .wp-super-cache__lock-down-code-block:disabled::-webkit-input-placeholder {
      color: #a8bece; }
    input[type="text"]:disabled::-moz-placeholder,
    input[type="search"]:disabled::-moz-placeholder,
    input[type="email"]:disabled::-moz-placeholder,
    input[type="number"]:disabled::-moz-placeholder,
    input[type="password"]:disabled::-moz-placeholder,
    input[type=checkbox]:disabled::-moz-placeholder,
    input[type=radio]:disabled::-moz-placeholder,
    input[type="tel"]:disabled::-moz-placeholder,
    input[type="url"]:disabled::-moz-placeholder,
    textarea:disabled::-moz-placeholder, .form-text-input-with-action:disabled::-moz-placeholder, .token-field:disabled::-moz-placeholder, .wp-super-cache__lock-down-code-block:disabled::-moz-placeholder {
      color: #a8bece; }
    input[type="text"]:disabled:-ms-input-placeholder,
    input[type="search"]:disabled:-ms-input-placeholder,
    input[type="email"]:disabled:-ms-input-placeholder,
    input[type="number"]:disabled:-ms-input-placeholder,
    input[type="password"]:disabled:-ms-input-placeholder,
    input[type=checkbox]:disabled:-ms-input-placeholder,
    input[type=radio]:disabled:-ms-input-placeholder,
    input[type="tel"]:disabled:-ms-input-placeholder,
    input[type="url"]:disabled:-ms-input-placeholder,
    textarea:disabled:-ms-input-placeholder, .form-text-input-with-action:disabled:-ms-input-placeholder, .token-field:disabled:-ms-input-placeholder, .wp-super-cache__lock-down-code-block:disabled:-ms-input-placeholder {
      color: #a8bece; }
    input[type="text"]:disabled::placeholder,
    input[type="search"]:disabled::placeholder,
    input[type="email"]:disabled::placeholder,
    input[type="number"]:disabled::placeholder,
    input[type="password"]:disabled::placeholder,
    input[type=checkbox]:disabled::placeholder,
    input[type=radio]:disabled::placeholder,
    input[type="tel"]:disabled::placeholder,
    input[type="url"]:disabled::placeholder,
    textarea:disabled::placeholder, .form-text-input-with-action:disabled::placeholder, .token-field:disabled::placeholder, .wp-super-cache__lock-down-code-block:disabled::placeholder {
      color: #a8bece; }
  input.is-valid[type="text"],
  input.is-valid[type="search"],
  input.is-valid[type="email"],
  input.is-valid[type="number"],
  input.is-valid[type="password"],
  input.is-valid[type=checkbox],
  input.is-valid[type=radio],
  input.is-valid[type="tel"],
  input.is-valid[type="url"],
  textarea.is-valid, .is-valid.form-text-input-with-action, .is-valid.token-field, .is-valid.wp-super-cache__lock-down-code-block {
    border-color: #4ab866; }
  input.is-valid[type="text"]:hover,
  input.is-valid[type="search"]:hover,
  input.is-valid[type="email"]:hover,
  input.is-valid[type="number"]:hover,
  input.is-valid[type="password"]:hover,
  input.is-valid[type=checkbox]:hover,
  input.is-valid[type=radio]:hover,
  input.is-valid[type="tel"]:hover,
  input.is-valid[type="url"]:hover,
  textarea.is-valid:hover, .is-valid.form-text-input-with-action:hover, .is-valid.token-field:hover, .is-valid.wp-super-cache__lock-down-code-block:hover {
    border-color: #3a9551; }
  input.is-error[type="text"],
  input.is-error[type="search"],
  input.is-error[type="email"],
  input.is-error[type="number"],
  input.is-error[type="password"],
  input.is-error[type=checkbox],
  input.is-error[type=radio],
  input.is-error[type="tel"],
  input.is-error[type="url"],
  textarea.is-error, .is-error.form-text-input-with-action, .is-error.token-field, .is-error.wp-super-cache__lock-down-code-block {
    border-color: #d94f4f; }
  input.is-error[type="text"]:hover,
  input.is-error[type="search"]:hover,
  input.is-error[type="email"]:hover,
  input.is-error[type="number"]:hover,
  input.is-error[type="password"]:hover,
  input.is-error[type=checkbox]:hover,
  input.is-error[type=radio]:hover,
  input.is-error[type="tel"]:hover,
  input.is-error[type="url"]:hover,
  textarea.is-error:hover, .is-error.form-text-input-with-action:hover, .is-error.token-field:hover, .is-error.wp-super-cache__lock-down-code-block:hover {
    border-color: #c92c2c; }
  input[type="text"]:focus.is-valid,
  input[type="search"]:focus.is-valid,
  input[type="email"]:focus.is-valid,
  input[type="number"]:focus.is-valid,
  input[type="password"]:focus.is-valid,
  input[type=checkbox]:focus.is-valid,
  input[type=radio]:focus.is-valid,
  input[type="tel"]:focus.is-valid,
  input[type="url"]:focus.is-valid,
  textarea:focus.is-valid, .form-text-input-with-action:focus.is-valid, .token-field:focus.is-valid, .wp-super-cache__lock-down-code-block:focus.is-valid {
    box-shadow: 0 0 0 2px #caead2; }
  input[type="text"]:focus.is-valid:hover,
  input[type="search"]:focus.is-valid:hover,
  input[type="email"]:focus.is-valid:hover,
  input[type="number"]:focus.is-valid:hover,
  input[type="password"]:focus.is-valid:hover,
  input[type=checkbox]:focus.is-valid:hover,
  input[type=radio]:focus.is-valid:hover,
  input[type="tel"]:focus.is-valid:hover,
  input[type="url"]:focus.is-valid:hover,
  textarea:focus.is-valid:hover, .form-text-input-with-action:focus.is-valid:hover, .token-field:focus.is-valid:hover, .wp-super-cache__lock-down-code-block:focus.is-valid:hover {
    box-shadow: 0 0 0 2px #a6dcb3; }
  input[type="text"]:focus.is-error,
  input[type="search"]:focus.is-error,
  input[type="email"]:focus.is-error,
  input[type="number"]:focus.is-error,
  input[type="password"]:focus.is-error,
  input[type=checkbox]:focus.is-error,
  input[type=radio]:focus.is-error,
  input[type="tel"]:focus.is-error,
  input[type="url"]:focus.is-error,
  textarea:focus.is-error, .form-text-input-with-action:focus.is-error, .token-field:focus.is-error, .wp-super-cache__lock-down-code-block:focus.is-error {
    box-shadow: 0 0 0 2px #f9e2e2; }
  input[type="text"]:focus.is-error:hover,
  input[type="search"]:focus.is-error:hover,
  input[type="email"]:focus.is-error:hover,
  input[type="number"]:focus.is-error:hover,
  input[type="password"]:focus.is-error:hover,
  input[type=checkbox]:focus.is-error:hover,
  input[type=radio]:focus.is-error:hover,
  input[type="tel"]:focus.is-error:hover,
  input[type="url"]:focus.is-error:hover,
  textarea:focus.is-error:hover, .form-text-input-with-action:focus.is-error:hover, .token-field:focus.is-error:hover, .wp-super-cache__lock-down-code-block:focus.is-error:hover {
    box-shadow: 0 0 0 2px #f0b8b8; }

textarea {
  min-height: 92px; }

fieldset,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
textarea,
select,
label {
  box-sizing: border-box; }

/*Checkbooms*/
input[type=checkbox],
input[type=radio] {
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 16px;
  margin: 2px 0 0;
  float: left;
  outline: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  min-width: 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type=checkbox] + span,
input[type=radio] + span {
  display: block;
  margin-left: 24px; }

input[type=checkbox]:checked:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f418';
  margin: -4px 0 0 -5px;
  float: left;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  font: 400 23px/1 Noticons;
  speak: none;
  color: #00aadc; }

input[type=checkbox]:disabled:checked:before {
  color: #a8bece; }

input[type=radio] {
  border-radius: 50%;
  margin-right: 4px;
  line-height: 10px; }
  input[type=radio]:checked:before {
    float: left;
    display: inline-block;
    content: '\2022';
    margin: 3px;
    width: 8px;
    height: 8px;
    text-indent: -9999px;
    background: #00aadc;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-animation: grow .2s ease-in-out;
            animation: grow .2s ease-in-out; }
  input[type=radio]:disabled:checked:before {
    background: #e9eff3; }

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  60% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes grow {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  60% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes grow {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  60% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* end checkbooms */
select {
  background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQzhEN0UxIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat right 10px center;
  border-color: #c8d7e1;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px 1px 2px;
  color: #2e4453;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 7px 32px 9px 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjYThiZWNlIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); }
  select:focus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiA8dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+IDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiA8ZGVmcz48L2RlZnM+IDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiA8ZyBpZD0iYXJyb3ctZG93biIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iIzJlNDQ1MyI+IDxwYXRoIGQ9Ik0xNS41LDYgTDE3LDcuNSBMMTAuMjUsMTQuMjUgTDMuNSw3LjUgTDUsNiBMMTAuMjUsMTEuMjUgTDE1LjUsNiBaIiBpZD0iRG93bi1BcnJvdyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiA8L2c+IDwvZz48L3N2Zz4=);
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa;
    outline: 0;
    -moz-outline: none;
    -moz-user-focus: ignore; }
  select:disabled, select:hover:disabled {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjZTllZmYzIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat right 10px center; }
  select.is-compact {
    min-width: 0;
    padding: 0 20px 2px 6px;
    margin: 0 4px;
    background-position: right 5px center;
    background-size: 12px 12px; }
  label select,
  label + select {
    display: block;
    min-width: 200px; }
    label select.is-compact,
    label + select.is-compact {
      display: inline-block;
      min-width: 0; }
  select::-ms-expand {
    display: none; }
  select::-ms-value {
    background: none;
    color: #2e4453; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #2e4453; }

/*Search Inputs*/
input[type="search"]::-webkit-search-decoration {
  display: none; }

/**
 * Dropdown menu for extra site options
 */
.dropdown-menu {
  background-color: white;
  box-shadow: 0 1px 4px rgba(46, 68, 83, 0.2);
  position: absolute;
  right: 0;
  top: 130%;
  z-index: 9999;
  display: none;
  float: left;
  margin: 2px 0 0;
  padding: 6px 0; }
  .dropdown-menu .pointer {
    position: absolute;
    right: 8px;
    top: -7px;
    width: 12px;
    height: 10px;
    float: left;
    overflow: hidden; }
    .dropdown-menu .pointer .pointer-outer,
    .dropdown-menu .pointer .pointer-inner {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      margin-left: -1px; }
    .dropdown-menu .pointer .pointer-outer {
      left: 0;
      top: 0;
      border-bottom: 7px solid rgba(0, 0, 0, 0.06);
      border-left: 7px solid transparent;
      border-right: 7px solid transparent; }
    .dropdown-menu .pointer .pointer-inner {
      top: 1px;
      left: 1px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid white; }
  .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .dropdown-menu li {
    box-sizing: border-box;
    display: block;
    float: none;
    white-space: nowrap; }
    .dropdown-menu li a {
      background: transparent;
      display: block;
      font-size: 12px;
      padding: 5px 20px 5px 18px;
      text-align: left; }
      .dropdown-menu li a:hover {
        background: #f3f6f8; }

/**
 * Gear toggle button
 */
.gear-dropdown {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 8px;
  display: block;
  height: 30px;
  width: 30px; }
  .gear-dropdown:after {
    background: #f3f6f8;
    border: 1px solid #c8d7e1;
    border-radius: 3px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 18px/1 Noticons;
    content: '\f445';
    color: #668eaa;
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    z-index: 0;
    box-shadow: 0 1px 1px rgba(46, 68, 83, 0.1); }
  .gear-dropdown:hover:after {
    color: #668eaa; }
  .gear-dropdown.gear-open .dropdown-menu {
    display: block; }
  .gear-dropdown.gear-open:after {
    border-color: rgba(0, 135, 190, 0.8);
    background: rgba(0, 135, 190, 0.8);
    color: white; }

#habla_window_div,
#habla_window_div a,
#habla_window_div abbr,
#habla_window_div acronym,
#habla_window_div address,
#habla_window_div applet,
#habla_window_div article,
#habla_window_div aside,
#habla_window_div audio,
#habla_window_div b,
#habla_window_div big,
#habla_window_div blockquote,
#habla_window_div caption,
#habla_window_div cite,
#habla_window_div code,
#habla_window_div dd,
#habla_window_div del,
#habla_window_div dfn,
#habla_window_div dialog,
#habla_window_div div,
#habla_window_div dl,
#habla_window_div dt,
#habla_window_div em,
#habla_window_div fieldset,
#habla_window_div figure,
#habla_window_div font,
#habla_window_div footer,
#habla_window_div form,
#habla_window_div h1,
#habla_window_div h2,
#habla_window_div h3,
#habla_window_div h4,
#habla_window_div h5,
#habla_window_div h6,
#habla_window_div header,
#habla_window_div hgroup,
#habla_window_div hr,
#habla_window_div i,
#habla_window_div iframe,
#habla_window_div img,
#habla_window_div input,
#habla_window_div ins,
#habla_window_div kbd,
#habla_window_div label,
#habla_window_div legend,
#habla_window_div li,
#habla_window_div mark,
#habla_window_div menu,
#habla_window_div nav,
#habla_window_div object,
#habla_window_div ol,
#habla_window_div option,
#habla_window_div p,
#habla_window_div pre,
#habla_window_div q,
#habla_window_div s,
#habla_window_div samp,
#habla_window_div section,
#habla_window_div select,
#habla_window_div small,
#habla_window_div span,
#habla_window_div strike,
#habla_window_div strong,
#habla_window_div sub,
#habla_window_div sup,
#habla_window_div table,
#habla_window_div tbody,
#habla_window_div td,
#habla_window_div textarea,
#habla_window_div tfoot,
#habla_window_div th,
#habla_window_div thead,
#habla_window_div time,
#habla_window_div tr,
#habla_window_div tt,
#habla_window_div ul,
#habla_window_div var,
#habla_window_div video {
  background-attachment: scroll;
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  border-color: #000;
  border-style: none;
  border-width: medium;
  clear: none;
  clip: auto;
  color: inherit;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: inherit;
  display: inline;
  float: none;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  height: auto;
  letter-spacing: normal;
  line-height: inherit;
  list-style: inside;
  list-style-type: inherit;
  margin: 0;
  max-height: none;
  max-width: none;
  outline: none;
  overflow: visible;
  padding: 0;
  position: static;
  quotes: "" "";
  table-layout: auto;
  text-align: inherit;
  text-decoration: inherit;
  text-transform: none;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  width: auto;
  word-spacing: normal;
  z-index: auto;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  opacity: 1; }

#habla_window_div,
#habla_window_div address,
#habla_window_div article,
#habla_window_div aside,
#habla_window_div blockquote,
#habla_window_div caption,
#habla_window_div dd,
#habla_window_div dialog,
#habla_window_div div,
#habla_window_div dl,
#habla_window_div dt,
#habla_window_div fieldset,
#habla_window_div figure,
#habla_window_div footer,
#habla_window_div form,
#habla_window_div h1,
#habla_window_div h2,
#habla_window_div h3,
#habla_window_div h4,
#habla_window_div h5,
#habla_window_div h6,
#habla_window_div header,
#habla_window_div hgroup,
#habla_window_div hr,
#habla_window_div menu,
#habla_window_div nav,
#habla_window_div ol,
#habla_window_div option,
#habla_window_div p,
#habla_window_div pre,
#habla_window_div section,
#habla_window_div select,
#habla_window_div table,
#habla_window_div tbody,
#habla_window_div td,
#habla_window_div textarea,
#habla_window_div tfoot,
#habla_window_div th,
#habla_window_div thead,
#habla_window_div tr,
#habla_window_div ul {
  display: block; }

#habla_window_div nav ol,
#habla_window_div nav ul {
  list-style-type: none; }

#habla_window_div menu,
#habla_window_div ul {
  list-style-type: disc; }

#habla_window_div ol {
  list-style-type: decimal; }

#habla_window_div menu menu,
#habla_window_div menu ul,
#habla_window_div ol menu,
#habla_window_div ol ul,
#habla_window_div ul menu,
#habla_window_div ul ul {
  list-style-type: circle; }

#habla_window_div menu menu menu,
#habla_window_div menu menu ul,
#habla_window_div menu ol menu,
#habla_window_div menu ol ul,
#habla_window_div menu ul menu,
#habla_window_div menu ul ul,
#habla_window_div ol menu menu,
#habla_window_div ol menu ul,
#habla_window_div ol ol menu,
#habla_window_div ol ol ul,
#habla_window_div ol ul menu,
#habla_window_div ol ul ul,
#habla_window_div ul menu menu,
#habla_window_div ul menu ul,
#habla_window_div ul ol menu,
#habla_window_div ul ol ul,
#habla_window_div ul ul menu,
#habla_window_div ul ul ul {
  list-style-type: square; }

#habla_window_div li {
  display: list-item;
  min-height: auto;
  min-width: auto; }

#habla_window_div strong {
  font-weight: 700; }

#habla_window_div em {
  font-style: italic; }

#habla_window_div code,
#habla_window_div kbd,
#habla_window_div samp {
  font-family: monospace; }

#habla_window_div a,
#habla_window_div a *,
#habla_window_div input[type=checkbox],
#habla_window_div input[type=radio],
#habla_window_div input[type=submit],
#habla_window_div select {
  cursor: pointer; }

#habla_window_div a:hover {
  text-decoration: underline; }

#habla_window_div button,
#habla_window_div input[type=submit] {
  text-align: center; }

#habla_window_div input[type=hidden] {
  display: none; }

#habla_window_div abbr[title],
#habla_window_div acronym[title],
#habla_window_div dfn[title] {
  cursor: help;
  border-bottom-width: 1px;
  border-bottom-style: dotted; }

#habla_window_div ins {
  background-color: #ff9;
  color: #000; }

#habla_window_div del {
  text-decoration: line-through; }

#habla_window_div blockquote,
#habla_window_div q {
  quotes: none; }

#habla_window_div blockquote:after,
#habla_window_div blockquote:before,
#habla_window_div li:after,
#habla_window_div li:before,
#habla_window_div q:after,
#habla_window_div q:before {
  content: "";
  content: none; }

#habla_window_div input,
#habla_window_div select {
  vertical-align: middle; }

#habla_window_div input,
#habla_window_div select,
#habla_window_div textarea {
  border: 1px solid #ccc; }

#habla_window_div table {
  border-collapse: collapse;
  border-spacing: 0; }

#habla_window_div hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0; }

#habla_window_div [dir=rtl] {
  direction: rtl; }

#habla_window_div mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700; }

#habla_window_div {
  line-height: 1;
  direction: ltr;
  text-align: left;
  color: #000;
  font-style: normal;
  font-weight: 400;
  text-decoration: none; }

#habla_window_div.habla_window_div_base {
  display: block !important;
  z-index: 99999999; }

#habla_window_div #olark-callout-bubble,
#habla_window_div #olark-callout-bubble-offline,
#habla_window_div #olark-callout-bubble-online {
  position: relative !important; }

#habla_window_div #habla_panel_div {
  overflow: hidden; }

#habla_window_div #habla_middle_div {
  padding: 6px 10px 3px;
  background: white; }

:first-child + html #habla_window_div #habla_middle_div {
  padding: 6px 0 0; }

#habla_window_div textarea {
  max-width: 100%;
  width: 100%; }

:first-child + html #habla_window_div textarea {
  width: 97%; }

:first-child + html #habla_window_div #habla_input_div {
  margin-left: 0;
  margin-right: 0;
  width: 95%; }

#habla_window_div #habla_chatform_form {
  margin-top: 5px; }

#habla_window_div #habla_conversation_div {
  padding: 6px 10px 10px;
  margin: -6px -10px 0; }

:first-child + html #habla_window_div #habla_conversation_div,
:first-child + html #habla_window_div #habla_offline_message_div,
:first-child + html #habla_window_div #habla_pre_chat_div {
  width: 97%; }

:first-child + html #habla_window_div #habla_offline_message_div,
:first-child + html #habla_window_div #habla_offline_message_sent_div,
:first-child + html #habla_window_div #habla_pre_chat_div {
  padding: 5px;
  margin-left: 0; }

#habla_middle_div {
  line-height: 1.5em; }

#habla_window_div #habla_expanded_div {
  border-left: 1px solid #c8d7e1;
  border-right: 1px solid #c8d7e1;
  box-shadow: -3px 1px 10px -2px rgba(46, 68, 83, 0.075); }

#habla_window_div.habla_window_div_position_inline .habla_panel_border {
  border-bottom: 1px solid #e9eff3; }

#habla_window_div.olrk-fixed-bottom #habla_topbar_div,
#habla_window_div.olrk-fixed-bottom .habla_panel_border {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

#habla_window_div.olrk-fixed-top #habla_expanded_div {
  border-bottom: 1px solid #e9eff3; }

#habla_window_div .habla_conversation_div {
  background: 0 0;
  border-bottom: 1px solid #e9eff3;
  line-height: 1.5em;
  overflow: auto;
  color: #000;
  width: 100%; }

#habla_window_div #habla_wcsend_input {
  background: 0 0;
  overflow: auto;
  padding: 5px;
  vertical-align: text-top;
  line-height: 1.5em;
  min-height: 0 !important;
  height: auto !important; }

#habla_window_div .habla_wcsend_input_normal {
  border: 1px solid #b6b6b6;
  color: #000; }

#habla_window_div .habla_wcsend_input_pre {
  color: #2e4453; }

#habla_window_div .habla_wcsend_input_highlighted {
  border-color: #2e4453 !important;
  color: #000; }

#habla_window_div .habla_conversation_p_item {
  background: 0 0;
  color: #000;
  padding: 0;
  margin: 8px 0 0 0;
  overflow: visible;
  text-indent: 0px !important; }

#habla_window_div .habla_conversation_person1 {
  color: #c8d7e1;
  padding-right: 5px;
  display: inline; }

#habla_window_div .habla_conversation_person2 {
  color: #0087be;
  padding-right: 5px; }

#habla_window_div .olrk_avatar {
  float: right;
  border: 1px solid #d3d3d3;
  margin-left: 5px;
  margin-bottom: 5px; }

#habla_window_div #habla_offline_message_span,
#habla_window_div #habla_pre_chat_span {
  margin-bottom: 5px;
  display: block; }

#habla_window_div #habla_offline_message_div,
#habla_window_div #habla_pre_chat_div {
  line-height: 1.5em; }

#habla_window_div #habla_offline_message_span {
  margin-bottom: 5px;
  display: block; }

#habla_window_div #habla_name_input,
#habla_window_div #habla_offline_body_input,
#habla_window_div #habla_offline_email_input,
#habla_window_div #habla_pre_chat_email_input,
#habla_window_div #habla_pre_chat_name_input {
  padding: 5px;
  margin-bottom: 5px;
  min-height: 0 !important;
  height: auto !important; }

#habla_window_div .habla_offline_submit_input {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: .4em .9em;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  box-sizing: border-box;
  background: #00aadc;
  border-color: #0091bb;
  border-top-color: #0099c6;
  border-bottom-color: #0088b0;
  color: white;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; }
  #habla_window_div .habla_offline_submit_input:hover, #habla_window_div .habla_offline_submit_input:focus {
    background: #33bbe3;
    border-color: #2b9fc1;
    border-bottom-color: #2996b6; }
  #habla_window_div .habla_offline_submit_input:focus {
    border-color: #2e4453;
    box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4); }

#habla_window_div #habla_pre_chat_error_span,
#habla_window_div .habla_offline_error_span {
  margin-top: -20px;
  float: left;
  padding-bottom: 10px;
  font-style: italic;
  line-height: 1.5em; }

#habla_window_div #habla_topbar_div {
  background: #00aadc;
  color: white;
  padding: 10px;
  cursor: pointer; }

#habla_window_div #habla_oplink_a {
  color: #fff;
  text-decoration: none; }

#habla_window_div #habla_oplink_a.habla_oplink_a_hover {
  text-decoration: underline; }

#habla_window_div .clear_style {
  clear: both; }

#habla_window_div .habla_button {
  float: right;
  margin-top: -1px;
  margin-left: 4px;
  padding: 0;
  width: 16px;
  height: 16px;
  cursor: pointer !important;
  overflow: hidden;
  background-image: none !important; }

#habla_window_div .habla_button:hover {
  background-color: rgba(255, 255, 255, 0.15); }

#habla_window_div #habla_sizebutton_a:before {
  display: block;
  width: 16px;
  height: 16px;
  font: 16px/1 Noticons;
  content: '\f108'; }

.olrk-state-expanded #habla_window_div #habla_sizebutton_a:before {
  display: block;
  width: 16px;
  height: 16px;
  font: 16px/1 Noticons;
  content: '\f431'; }

#habla_window_div #habla_sizebutton_a:hover {
  background-color: transparent !important; }

.olrk-state-compressed #habla_window_div #habla_sizebutton_a:hover {
  background-color: #25c0ff !important; }

#habla_window_div #habla_closebutton_a {
  display: none; }

#habla_window_div #habla_popout_a:before {
  width: 16px;
  height: 16px;
  font: 16px/1 Noticons;
  content: '\f442';
  display: block; }

#habla_window_div #habla_popout_a:hover {
  background-color: rgba(255, 255, 255, 0.15); }

#habla_window_div #habla_panel_div #habla_conversation_div a,
#habla_window_div #habla_panel_div #habla_conversation_div a:active,
#habla_window_div #habla_panel_div #habla_conversation_div a:visited,
#habla_window_div #habla_panel_div #habla_expanded_div a,
#habla_window_div #habla_panel_div #habla_expanded_div a:active,
#habla_window_div #habla_panel_div #habla_expanded_div a:visited {
  color: #0087be; }

#habla_conversation_div .habla_conversation_p_item {
  word-break: break-word;
  word-wrap: break-word; }

#habla_conversation_div .olark-feedback-wrapper {
  background-color: #fff !important;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #2e4453;
  padding: 10px 10px 12px !important;
  -webkit-filter: none !important;
          filter: none !important; }

#habla_conversation_div p .olark-feedback-wrapper {
  color: #2e4453;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.2em;
  font-size: 13px; }

#habla_conversation_div p.olark-feedback-question {
  color: #2e4453;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700; }

#habla_conversation_div .olark-feedback-error {
  background-color: #FF9581;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fff;
  margin-bottom: 3px;
  padding: 5px; }

#habla_conversation_div .olark-feedback-hidden {
  display: none; }

#habla_conversation_div .olark-feedback-high-answer,
#habla_conversation_div .olark-feedback-low-answer {
  background: #E4E089;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #2e4453;
  display: inline-block;
  font-size: 12px;
  line-height: 1em;
  margin: 8px 0 15px;
  padding: 5px;
  position: relative;
  text-align: center;
  max-width: 42%; }

#habla_conversation_div .olark-feedback-high-answer {
  float: right; }

#habla_conversation_div .olark-feedback-high-answer:after,
#habla_conversation_div .olark-feedback-low-answer:after,
#habla_conversation_div p .olark-feedback-high-answer:before,
#habla_conversation_div p .olark-feedback-low-answer:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0; }

#habla_conversation_div .olark-feedback-low-answer:after,
#habla_conversation_div p .olark-feedback-low-answer:before {
  left: 5px;
  bottom: -5px;
  border: 4px solid;
  border-color: #E4E089 transparent transparent #E4E089; }

#habla_conversation_div .olark-feedback-high-answer:after,
#habla_conversation_div p .olark-feedback-high-answer:before {
  right: 5px;
  bottom: -5px;
  border: 4px solid;
  border-color: #E4E089 #E4E089 transparent transparent; }

#habla_conversation_div .olark-feedback-choices-wrap {
  border-top: 2px solid #CACACA;
  clear: both;
  height: 15px;
  text-align: justify; }

#habla_conversation_div .olark-feedback-radio {
  -webkit-appearance: radio; }

#habla_conversation_div .olark-feedback-input {
  border: 0;
  display: inline-block;
  margin-top: -20px; }

#habla_conversation_div .olark-feedback-choices-wrap:after {
  content: '';
  width: 100%;
  display: inline-block; }

#habla_conversation_div .olark-feedback-question-number {
  color: #2e4453;
  display: inline-block;
  font-size: 13px;
  padding: 6px 0;
  margin-right: 5px; }

#habla_conversation_div .olark-feedback-text {
  box-sizing: border-box;
  color: #2e4453;
  font-size: 14px;
  min-height: 100px;
  margin-bottom: 5px;
  padding: 3px; }

#habla_conversation_div .olark-feedback-placeholder {
  color: #AAA; }

#habla_conversation_div .olark-feedback-submit {
  background: #1eaedb;
  border: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
  padding: 5px; }

#habla_conversation_div .olark-feedback-submit:disabled {
  background: #DDD;
  color: #2e4453; }

#habla_conversation_div .habla_conversation_notification.olark-feedback-wrapper {
  color: #2e4453 !important; }

#habla_conversation_div .habla_conversation_notification_nickname {
  display: none; }

#habla_conversation_div .habla_conversation_notification {
  color: #87a6bc;
  font-style: italic;
  margin: 1em 0;
  display: block; }

#habla_conversation_div .habla_conversation_text_span.hbl_pal_main_fg {
  display: block;
  margin-left: 48px; }

#habla_conversation_div .hbl_pal_local_fg,
#habla_conversation_div .hbl_pal_remote_fg {
  font: 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: bold;
  color: #2e4453;
  text-transform: capitalize;
  display: inline-block;
  white-space: nowrap; }

#habla_conversation_div .olrk_avatar {
  display: none; }

#habla_conversation_div .gravatar {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  margin-bottom: -20px;
  margin-right: 16px; }

#habla_conversation_div .staff-label {
  border-radius: 2px;
  background-color: #00aadc;
  color: white;
  font: 11px/14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 3px;
  padding: 1px 4px; }

@-webkit-keyframes pulse {
  50% {
    background-color: rgba(255, 0, 0, 0.7); } }

@-webkit-keyframes tab_in_bottom {
  0% {
    margin-bottom: -50px;
    padding-bottom: 10px; }
  50% {
    margin-bottom: 0;
    padding-bottom: 15px; }
  100% {
    padding-bottom: 10px; } }

@-webkit-keyframes tab_in_top {
  0% {
    margin-top: -50px;
    padding-top: 10px; }
  50% {
    margin-top: 0;
    padding-top: 15px; }
  100% {
    padding-top: 10px; } }

.olrk-state-compressed .olrk-fixed-bottom #habla_topbar_div {
  -webkit-animation-name: none !important;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out; }

.olrk-state-compressed .olrk-fixed-top #habla_topbar_div {
  -webkit-animation-name: tab_in_top;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out; }

#habla_window_div .habla_topbar_div_highlighted {
  background: #d05c34;
  color: #FFF;
  -webkit-animation-name: pulse;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out; }

a.hbl_pal_title_fg {
  color: !important; }

.hbl_pal_main_bg {
  background-color: #fff !important; }

.hbl_pal_local_fg,
.hbl_pal_title_fg {
  color: !important; }

.hbl_pal_title_bg {
  background-color: !important; }

.hbl_pal_offline_submit_fg,
.hbl_pal_remote_fg {
  color: !important; }

.hbl_pal_offline_submit_bg {
  background-color: !important; }

div.hbl_pal_main_width {
  width: 267px !important; }

.olrk-fixed-top {
  position: fixed;
  bottom: auto;
  top: 0; }

.olrk-fixed-bottom {
  position: fixed;
  bottom: 0;
  top: auto; }

.olrk-fixed-left {
  position: fixed;
  right: auto;
  left: 0; }

.olrk-fixed-right {
  position: fixed;
  right: 0;
  left: auto; }

.habla_window_div_position {
  bottom: 0;
  position: fixed;
  right: 0;
  margin-right: 10px;
  margin-bottom: 10px; }

.habla_window_div_position_floating {
  bottom: 0;
  position: fixed;
  right: 0;
  margin-right: 10px;
  margin-bottom: 10px; }

.habla_window_div_position_floating_ie {
  bottom: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  margin-bottom: 10px; }

.olrk-state-compressed #habla_window_div #habla_topbar_div {
  margin-right: -10px;
  background: transparent;
  padding: 0;
  width: 32px;
  height: 32px; }

.olrk-state-compressed #habla_panel_div {
  background: transparent !important; }

.olrk-state-compressed #habla_window_div #habla_sizebutton_a {
  background-color: #00aadc;
  transition: background-color .2s;
  padding: 8px;
  text-decoration: none;
  margin: 0 !important;
  border-radius: 0 !important; }

.olrk-state-compressed #habla_window_div #habla_closebutton_a {
  display: none; }

.olrk-state-compressed #habla_oplink_a {
  display: none; }

.olrk-state-compressed div.hbl_pal_main_width {
  width: 32px !important; }

/**
* Welcome Messages (currently on stats and post pages)
*/
.welcome-message {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  position: relative;
  background: #f3f6f8;
  margin-bottom: 6%;
  padding: 16px; }
  .welcome-message:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .welcome-message ul,
  .welcome-message ol {
    font-size: 14px;
    margin-bottom: 4px; }
  @media (max-width: 480px) {
    .welcome-message {
      margin-left: .25em;
      margin-right: .25em; } }
  .welcome-message .close-button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 14px 8px; }
    .welcome-message .close-button .noticon {
      font-size: 32px;
      line-height: 32px; }
    .welcome-message .close-button:focus {
      outline: none;
      color: #33bbe3; }
  .welcome-message .welcome-section-title {
    color: #4f748e;
    font-size: 2rem;
    font-weight: 300;
    margin: 1em 0;
    font-size: 21px;
    line-height: 24px;
    color: #87a6bc;
    margin-top: 0;
    margin-bottom: 20px;
    padding-right: 20px; }
  .welcome-message p:last-child {
    margin-bottom: 0; }
  .welcome-message .welcome-intro-illustration {
    width: 160px;
    height: 160px;
    float: right;
    margin: 0 0 1em 1em; }
    @media (max-width: 480px) {
      .welcome-message .welcome-intro-illustration {
        width: 120px;
        height: 120px; } }
  @media (min-width: 661px) {
    .welcome-message {
      padding: 24px; }
      .welcome-message .close-button {
        padding: 8px; } }

/**
 * General styles
 */
.wpcom-site__logo {
  color: #c8d7e1;
  font-size: 12vw;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media (min-width: 961px) {
    .wpcom-site__logo {
      font-size: 120px; } }

.wpcom-site__global-noscript {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6px;
  color: white;
  background: rgba(46, 68, 83, 0.8);
  text-align: center;
  z-index: 300000; }

/* =Global
----------------------------------------------- */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html,
body,
.wpcom-site {
  height: 100%; }

* {
  -webkit-tap-highlight-color: transparent; }

body {
  background: #f3f6f8;
  -ms-overflow-style: scrollbar; }

::-moz-selection {
  background: rgba(120, 220, 250, 0.7);
  color: #2e4453; }

::selection {
  background: rgba(120, 220, 250, 0.7);
  color: #2e4453; }

body,
button,
input,
select,
textarea,
.button,
#footer,
#footer a.readmore {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

/*rtl:ignore*/
body.rtl,
.rtl button,
.rtl input,
.rtl select,
.rtl textarea,
.rtl .button,
.rtl #footer,
.rtl #footer a.readmore {
  font-family: Tahoma, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

/*rtl:ignore*/
:lang(he) body.rtl,
:lang(he) .rtl button,
:lang(he) .rtl input,
:lang(he) .rtl select,
:lang(he) .rtl textarea,
:lang(he) .rtl .button,
:lang(he) .rtl #footer,
:lang(he) .rtl #footer a.readmore {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

/*rtl:ignore*/
.rtl .gridicon.gridicons-chevron-left, .rtl .gridicon.gridicons-chevron-right, .rtl .gridicon.gridicons-arrow-left, .rtl .gridicon.gridicons-arrow-right, .rtl .gridicon.gridicons-external, .rtl .gridicon.gridicons-cart {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.rtl .noticon.noticon-chevron-left, .rtl .noticon.noticon-chevron-right, .rtl .noticon.noticon-arrow-left, .rtl .noticon.noticon-arrow-right, .rtl .noticon.noticon-external, .rtl .noticon.noticon-cart {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.notifications {
  display: inherit; }

body {
  color: #2e4453;
  font-size: 15px;
  line-height: 1.5; }

noscript {
  text-align: center;
  margin-top: 3em;
  display: block; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both; }

hr {
  background: #c8d7e1;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/* Text elements */
p {
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: 600; }

dd {
  margin: 0 1.5em 1.5em; }

b, strong {
  font-weight: 600; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 10px 0 0 0;
  background: #f3f6f8;
  padding: 10px 10px 1px;
  border-radius: 2px; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #f3f6f8;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%; }

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier 10 Pitch", Courier, monospace; }

abbr, acronym {
  border-bottom: 1px dotted #4f748e;
  cursor: help; }

mark, ins {
  background: #f9e2b5;
  text-decoration: none; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: 600; }

.hide, .hidden {
  display: none; }

/* Links */
a,
a:visited {
  color: #0087be; }

a:hover,
a:focus,
a:active {
  color: #33bbe3; }

.link--caution, .link--caution:hover, .link--caution:focus, .link--caution:active,
.link--caution:visited,
.link--caution:visited:hover,
.link--caution:visited:focus,
.link--caution:visited:active,
.is-link.link--caution,
.is-link.link--caution:hover,
.is-link.link--caution:focus,
.is-link.link--caution:active,
.is-link.link--caution:visited,
.is-link.link--caution:visited:hover,
.is-link.link--caution:visited:focus,
.is-link.link--caution:visited:active {
  color: #d94f4f; }

html.iframed {
  overflow: hidden; }

.noticon:before,
.noticon:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Noticons;
  line-height: 1; }

/* Emoji and smileys */
img.emoji,
img.wp-smiley {
  height: 1em;
  max-height: 1em;
  display: inline;
  margin: 0;
  padding: 0 0.2em;
  vertical-align: -0.1em;
  width: 1em; }

/* =Media
----------------------------------------------- */
img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */
  height: auto; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/* Netter min-height for the SoundCloud embeds */
.wpcom-soundcloud-player,
.embed-soundcloud iframe {
  min-height: 150px; }

/*
@todo this needs to become a component
*/
.environment-badge {
  padding: 16px 0;
  position: fixed;
  bottom: 0;
  right: 16px;
  z-index: 999;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .environment-badge:hover .environment {
    display: inline-block; }
  .environment-badge .bug-report {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: white;
    border: solid 1px #2e4453;
    border-radius: 50%;
    color: #2e4453;
    margin-left: -4px;
    text-decoration: none;
    text-align: center;
    z-index: 1000;
    transition: border-radius 0.2s ease-out; }
    .environment-badge .bug-report:before {
      font-size: 14px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      vertical-align: middle; }
  .environment-badge .environment {
    position: relative;
    display: none;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding: 4px 7px 4px 6px;
    vertical-align: middle;
    transition: all 0.2s ease-out;
    background-color: white;
    box-shadow: 0 0 0 1px #2e4453; }
    .environment-badge .environment.is-env {
      display: inline-block; }
    .environment-badge .environment a {
      text-decoration: none;
      display: inline-block;
      color: #2e4453; }
      .environment-badge .environment a:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
    .environment-badge .environment.is-staging {
      background-color: #f0b849; }
    .environment-badge .environment.is-wpcalypso {
      background-color: #B1EED0; }
    .environment-badge .environment.is-dev {
      background-color: #d94f4f; }
    .environment-badge .environment.is-horizon, .environment-badge .environment.is-feedback {
      background-color: #78dcfa; }
    .environment-badge .environment.branch-name {
      text-transform: inherit;
      background-color: #2e4453;
      color: white; }
  .notouch .environment-badge .bug-report:hover {
    border-radius: 4px; }

@media (max-width: 960px) {
  .environment-badge {
    display: none; } }

html.no-scroll {
  overflow: hidden; }

/** @format */
.layout.is-section-preview {
  height: 100%;
  overflow: hidden; }

.layout__content {
  position: relative;
  margin: 0;
  padding: 79px 32px 32px 304px;
  box-sizing: border-box;
  overflow: hidden;
  transition: opacity 0.3s; }
  .layout__content:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .has-no-sidebar .layout__content {
    padding-left: 32px; }
  .is-section-theme .layout__content,
  .is-section-themes.has-no-sidebar .layout__content {
    padding: 0;
    margin: 0; }
  .is-section-preview .layout__content {
    height: 100%;
    padding: 47px 0 0 272px; }
  @media print {
    .layout__content {
      padding: 0; } }

@media (max-width: 960px) {
  .layout__content {
    padding: 71px 24px 24px 252px; }
    .has-no-sidebar .layout__content {
      padding-left: 24px; }
    .is-section-theme .layout__content,
    .is-section-themes.has-no-sidebar .layout__content {
      padding: 0;
      margin: 0; }
    .is-section-preview .layout__content {
      padding: 47px 0px 0px 228px; } }

@media (max-width: 660px) {
  .layout__content {
    margin-left: 0;
    padding: 0;
    padding-top: 47px; }
    .has-no-sidebar .layout__content {
      padding-left: 0; }
    .is-section-preview .layout__content {
      padding: 47px 0 0 0; } }

.layout__primary {
  transition: all 0.15s ease-in-out; }
  .is-section-preview .layout__primary {
    height: 100%; }

.layout__content a {
  text-decoration: none; }

.layout .sidebar,
.layout .layout__secondary .site-selector,
.layout .current-site,
.layout .sidebar__menu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1); }

@media print {
  .layout .sidebar,
  .layout .masterbar {
    display: none; } }

.layout.focus-sites .layout__primary {
  opacity: 0.2;
  pointer-events: none; }

.layout.focus-sites .layout__secondary .site-selector {
  opacity: 1;
  -webkit-transform: translateX(272px);
          transform: translateX(272px);
  pointer-events: auto; }
  @media (max-width: 660px) {
    .layout.focus-sites .layout__secondary .site-selector {
      -webkit-transform: translateX(100%);
              transform: translateX(100%); } }

.layout.focus-sites .sidebar {
  pointer-events: none; }

.layout.focus-sites .current-site,
.layout.focus-sites .sidebar__menu {
  opacity: 0;
  -webkit-transform: translateX(64px);
          transform: translateX(64px); }

.layout.focus-sidebar {
  overflow: hidden; }

.layout__secondary .site-selector {
  background: #e9eff3;
  border-right: 1px solid #d9e3ea;
  position: fixed;
  top: 47px;
  bottom: 0;
  left: -272px;
  width: 272px;
  overflow: hidden;
  z-index: 10;
  opacity: 0;
  pointer-events: none; }
  .layout__secondary .site-selector .search {
    border-bottom: 1px solid #c8d7e1; }
  .layout__secondary .site-selector .site .site__title::after,
  .layout__secondary .site-selector .site .site__domain::after,
  .layout__secondary .site-selector .all-sites .site__title::after,
  .layout__secondary .site-selector .all-sites .site__domain::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  @media (max-width: 660px) {
    .layout__secondary .site-selector {
      width: 100%;
      left: -100%;
      -webkit-overflow-scrolling: touch; } }
  .layout__secondary .site-selector .site-selector__recent {
    border-bottom-color: #c8d7e1; }

.layout__loader {
  border-bottom: 1px solid #0079aa;
  border-bottom: 1px solid var(--masterbar-border-color);
  height: 46px;
  margin-left: -10%;
  position: absolute;
  left: 50%;
  top: 0;
  width: 20%;
  z-index: 200;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.1s linear;
  transition-delay: 0.4s; }
  @media (max-width: 480px) {
    .layout__loader {
      background: #0087be;
      background: var(--masterbar-background-color); } }

.layout__loader.is-active {
  visibility: visible;
  opacity: 1; }

.account-recovery-error-message__text {
  margin-bottom: 4px;
  color: #d94f4f; }

.forgot-username-form__title {
  font-size: 20px;
  font-weight: 600; }

.forgot-username-form__first-name-input.form-text-input,
.forgot-username-form__last-name-input.form-text-input,
.forgot-username-form__site-url-input.form-text-input {
  margin-top: 4px;
  margin-bottom: 8px; }

.forgot-username-form__submit-button.button {
  margin-top: 16px;
  width: 100%; }

.forgot-username-form__error-message {
  margin-bottom: 4px;
  color: #d94f4f; }

.lost-password-form__title {
  font-size: 20px;
  font-weight: 600; }

.lost-password-form__user-login-input.form-text-input {
  margin-top: 4px; }

.lost-password-form__instruction-list {
  margin: 8px 0px 8px 16px; }

.lost-password-form__forgot-username-link {
  padding: 8px 0px;
  display: inline-block; }

.lost-password-form__submit-button {
  width: 100%; }

.lost-password-form__error-message {
  color: #d94f4f;
  margin-bottom: 4px; }

.reset-password-form__title {
  font-size: 20px;
  font-weight: 600; }

.reset-password-form__submit-button.button {
  margin-top: 16px;
  width: 100%; }

.reset-password-form__legend {
  padding-bottom: 5px; }

.reset-password-form .reset-password-form__field-set {
  margin-bottom: 0px; }

.reset-password-form__error-message {
  margin-bottom: 4px;
  color: #d94f4f; }

.reset-password-sms-form__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px; }

.form-text-input.reset-password-sms-form__validation-code-input {
  margin-bottom: 16px; }

.reset-password-sms-form__submit-button {
  width: 100%; }

.reset-password-email-form__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px; }

.reset-password-confirm-form__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px; }

.form-button.reset-password-confirm-form__button {
  width: 100%;
  margin: 8px 0; }

.reset-password-confirm-form__description {
  margin: 4px 0; }

.form-button.reset-password-confirm-form__button.generate-password-button {
  line-height: 16px; }

.transaction-id-form__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px; }

.transaction-id-form__transaction-id-input.form-text-input {
  margin-top: 4px;
  margin-bottom: 8px; }

.transaction-id-form__continue-button.button {
  margin-top: 16px; }
  @media (min-width: 481px) {
    .transaction-id-form__continue-button.button {
      margin-right: 8px; } }

.transaction-id-form__skip-button.button {
  margin-top: 16px; }

.transaction-id-form__continue-button.button,
.transaction-id-form__skip-button.button {
  width: 100%; }
  @media (min-width: 481px) {
    .transaction-id-form__continue-button.button,
    .transaction-id-form__skip-button.button {
      width: calc( 50% - 4px); } }

.is-section-account-recovery .validate-reset-code.main {
  max-width: 960px; }

.is-section-account-recovery .main {
  padding: 21px 10px;
  max-width: 480px;
  font-size: 13px; }
  @media (min-width: 661px) {
    .is-section-account-recovery .main {
      padding: 0px 10px; } }

/**
 * Oauth login page, used in WordPress Desktop App
 */
.is-section-auth {
  height: 100%; }
  .is-section-auth .layout__content {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-width: none;
    padding: 0; }
  .is-section-auth .layout__content::after {
    content: none; }
  .is-section-auth .layout__primary {
    height: 100%; }
  .is-section-auth .masterbar {
    display: none; }

.auth.main {
  background: #0087be;
  float: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 100%; }

.auth__content {
  margin: 0 auto;
  text-align: center; }
  .auth__content .notice {
    width: calc( 100% - 20px);
    margin: 20px auto 0 auto; }
  .auth__content .notice.is-info {
    color: #f3f6f8;
    padding: 0;
    margin: 20px auto 0 auto; }
  .auth__content .notice.is-info .notice__text {
    padding: 0; }
  .auth__content .notice.is-info .notice__icon {
    display: none; }

.auth__form {
  width: 320px;
  margin: 0 auto; }
  .auth__form .form-fieldset input {
    position: relative;
    z-index: 1; }
  .auth__form .form-fieldset input[type="text"],
  .auth__form .form-fieldset input[type="password"] {
    padding-left: 36px; }
  .auth__form .form-fieldset input:focus {
    z-index: 2; }
  .auth__form .form-password-input {
    margin-top: -1px; }
  .auth__form .form-buttons-bar button {
    float: none;
    margin: 0;
    width: calc( 100% - 20px); }
  .auth__form .form-buttons-bar button,
  .auth__form .form-buttons-bar .button.is-primary[disabled] {
    background: #00a8db;
    border: #00a8db; }
  .auth__form .form-buttons-bar .button.is-primary[disabled],
  .auth__form .form-fieldset input[type="password"]:disabled,
  .auth__form .form-fieldset input[type="text"]:disabled {
    opacity: .5; }
  .auth__form .form-fieldset input[type="text"]:disabled {
    margin-bottom: 1px; }
  .auth__form .form-fieldset input[type="number"] {
    text-align: center; }
  .auth__form .form-password-input__toggle-visibility {
    z-index: 4; }
    .auth__form .form-password-input__toggle-visibility .gridicon {
      position: static; }
  .auth__form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.auth__input-wrapper {
  position: relative; }
  .auth__input-wrapper .gridicon {
    position: absolute;
    z-index: 3;
    left: 8px;
    top: 7px;
    fill: #87a6bc; }

.auth__lost-password {
  margin-top: 1.5em;
  text-align: center; }

.auth__lost-password a {
  color: #c8d7e1; }

.wordpress-logo {
  fill: white;
  margin: 0 auto 20px auto; }

.auth__help,
.auth__help:visited {
  position: absolute;
  top: 16px;
  right: 16px;
  color: white; }

.auth__links {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0; }

.auth__links a {
  text-decoration: none;
  color: white;
  margin: 0 16px;
  padding: 10px 0; }

.auth__links a:hover,
.auth__links a:focus {
  color: #f3f6f8; }

.auth__self-hosted-instructions {
  color: #fff;
  background: #005082;
  border-radius: 8px;
  padding: 40px;
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 320px;
  max-width: 60%;
  max-height: 80%;
  overflow: auto;
  text-align: left;
  counter-reset: item; }
  @media (max-width: 480px) {
    .auth__self-hosted-instructions {
      left: 0;
      top: -8px;
      right: 0;
      bottom: -8px;
      min-width: 0;
      min-height: 0;
      max-width: none;
      max-height: none;
      overflow: auto;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      border-radius: 0; } }
  .auth__self-hosted-instructions ol {
    list-style: none;
    position: relative; }
  .auth__self-hosted-instructions ol li {
    counter-increment: item;
    margin-bottom: 1.5em; }
  .auth__self-hosted-instructions ol li:before {
    margin-right: 2em;
    content: counter(item);
    background: white;
    border-radius: 100%;
    color: #005082;
    width: 24px;
    height: 24px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: -3em;
    font-weight: bold; }
  .auth__self-hosted-instructions h2 {
    font-weight: bold;
    margin-bottom: 1.5em; }
  .auth__self-hosted-instructions a {
    color: #78dcfa;
    text-decoration: underline; }
  .auth__self-hosted-instructions .auth__self-hosted-instructions-close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: none;
    color: white; }
  .auth__self-hosted-instructions .auth__self-hosted-instructions-close:hover {
    color: #78dcfa; }

.auth__welcome {
  color: white; }

.auth__connect-intro {
  width: 420px;
  margin: 0 auto; }

.auth__connect .button,
.auth__connect .button:visited {
  background: #00a8db;
  border: #00a8db;
  color: white; }

.auth .pulsing-dot {
  top: 40%; }

.card.app-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #78dcfa;
  color: #005082;
  /* Needed for banner to appear in front of notifications panel. */
  z-index: 180;
  background-repeat: no-repeat;
  /*
	 * Needed to match the design as closely as possible,
	 * we want the background image to be smaller than the containing div.
	 */
  background-size: 270px;
  background-position: right 0 bottom 0; }

.card.app-banner.post-editor {
  background-image: url("/calypso/images/illustrations/app-banner-editor.svg"); }

.card.app-banner.notifications {
  background-image: url("/calypso/images/illustrations/app-banner-notifications.svg"); }

.card.app-banner.reader {
  background-image: url("/calypso/images/illustrations/app-banner-reader.svg"); }

.card.app-banner.stats {
  background-image: url("/calypso/images/illustrations/app-banner-stats.svg"); }

.app-banner__text-content {
  width: calc( 100% - 84px);
  min-height: 66px; }

.app-banner__title {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4; }

.app-banner__copy {
  font-size: 12px;
  font-weight: 400; }

.app-banner__buttons {
  width: calc( 100% - 84px); }

.button.app-banner__open-button {
  margin-top: 8px; }

a.app-banner__no-thanks-button {
  color: #005082;
  display: inline-block;
  margin-top: 8px;
  padding: 7px 0 9px 14px;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px; }

.app-promo {
  position: relative;
  max-width: 300px;
  margin: 0 auto 15px auto;
  padding: 5px 0;
  overflow: hidden; }
  @media (max-width: 660px) {
    .app-promo {
      display: none; } }

.app-promo .app-promo__icon {
  position: absolute;
  top: 15px;
  left: 20px; }

.app-promo .app-promo__dismiss {
  position: absolute;
  right: 17px;
  top: 12px;
  cursor: pointer; }
  .app-promo .app-promo__dismiss svg {
    fill: #c8d7e1; }

.app-promo .app-promo__link {
  display: block;
  margin: 0 10px;
  padding: 8px 34px 8px 50px;
  background-color: white;
  color: #00aadc;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .app-promo .app-promo__link:hover {
    text-decoration: underline; }

.author-compact-profile {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .author-compact-profile .reader-avatar {
    margin-bottom: 18px; }
  .author-compact-profile .gravatar,
  .author-compact-profile .site-icon {
    margin: auto; }
  .author-compact-profile .follow-button {
    border: 0;
    border-radius: 0;
    padding: 0; }
    .author-compact-profile .follow-button .gridicon__follow {
      fill: #00aadc; }
    .author-compact-profile .follow-button .follow-button__label {
      color: #00aadc; }
      @media (max-width: 660px) {
        .author-compact-profile .follow-button .follow-button__label {
          display: inline-block; } }
    .author-compact-profile .follow-button.is-following .follow-button__label {
      color: #4ab866; }
    .author-compact-profile .follow-button.is-following:hover .gridicon__follow {
      fill: #4ab866; }
    .author-compact-profile .follow-button.is-following:hover .follow-button__label {
      color: #4ab866; }
  .author-compact-profile.has-author-link .author-compact-profile__site-link {
    font-weight: inherit;
    margin-top: 4px; }

.author-compact-profile .reader-author-link,
.author-compact-profile__site-link,
.author-compact-profile__follow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00aadc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .author-compact-profile .reader-author-link:hover,
  .author-compact-profile__site-link:hover,
  .author-compact-profile__follow:hover {
    color: #537994; }

.author-compact-profile .reader-author-link,
.author-compact-profile__site-link {
  font-weight: 600; }

.author-compact-profile__follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 11px 0; }
  .author-compact-profile__follow .follow-button {
    padding: 5px; }

.author-compact-profile__follow-count {
  color: #87a6bc;
  padding: 5px; }

.author-compact-profile__site-link.is-placeholder,
.author-compact-profile__follow-count.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .author-compact-profile__site-link.is-placeholder:after,
  .author-compact-profile__follow-count.is-placeholder:after {
    content: '\00a0'; }

@media (min-width: 661px) {
  .author-compact-profile__site-link.is-placeholder {
    margin-left: 50px;
    margin-right: 50px; } }

.author-compact-profile__follow-count.is-placeholder {
  padding: 0; }

.author-selector__author-toggle {
  cursor: pointer; }
  .author-selector__author-toggle .gridicon {
    display: inline;
    vertical-align: middle;
    color: #668eaa; }
  .author-selector__author-toggle.is-open .gridicon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .author-selector__author-toggle:hover .gridicon,
  .author-selector__author-toggle:hover .editor-author__name, .author-selector__author-toggle.is-open .gridicon,
  .author-selector__author-toggle.is-open .editor-author__name {
    color: #3d596d; }

.author-selector__author-toggle .editor-author__name {
  margin: 0 3px 0 8px; }

.author-selector__infinite-list {
  max-height: 280px;
  overflow-y: auto;
  padding: 4px 0;
  width: 200px;
  max-width: 200px;
  white-space: nowrap; }

.author-selector__menu-item {
  width: 100%; }
  .author-selector__menu-item .user {
    overflow: hidden;
    text-overflow: ellipsis; }
  .author-selector__menu-item .user__name {
    font-size: 13px; }

.author-selector__popover.popover {
  z-index: 100; }

.author-selector__popover .search {
  border-top: 0px;
  border-bottom: 1px solid #e9eff3;
  border-radius: 5px;
  margin-bottom: 0; }
  .author-selector__popover .search.is-open {
    width: 200px; }
  .author-selector__popover .search + .author-selector__infinite-list {
    padding-top: 0; }

.author-selector__no-users {
  padding: 8px 16px;
  line-height: 26px;
  width: 168px;
  font-size: 14px;
  font-style: italic;
  color: #87a6bc; }

.blog-stickers {
  display: inline; }

.blog-stickers__list {
  overflow-y: auto;
  max-height: 210px; }

.blog-stickers__list-title {
  font-weight: bold;
  margin-bottom: 3px; }

.blog-stickers__list-ul {
  list-style-type: none;
  margin: 0; }

.blog-stickers__list-item {
  padding-left: 15px;
  position: relative; }
  .blog-stickers__list-item::before {
    color: #a8bece;
    content: " • ";
    position: absolute;
    left: 0; }

.calendar-button .async-load {
  display: none; }

.calendar-popover__popover .popover__inner {
  box-sizing: border-box;
  display: block;
  padding: 0 16px;
  width: 237px; }

.color-scheme-picker .form-radio-with-thumbnail__thumbnail {
  height: 80px;
  background-image: url("/calypso/images/color-schemes/color-scheme-thumbnail-default.svg"); }
  .color-scheme-picker .form-radio-with-thumbnail__thumbnail.is-light {
    background-image: url("/calypso/images/color-schemes/color-scheme-thumbnail-light.svg"); }
  .color-scheme-picker .form-radio-with-thumbnail__thumbnail.is-dark {
    background-image: url("/calypso/images/color-schemes/color-scheme-thumbnail-dark.svg"); }

.comment-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  color: #87a6bc;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style-type: none;
  padding: 4px;
  position: relative; }
  .comment-button:hover, .comment-button:focus, .comment-button:active {
    color: #00aadc; }
  .comment-button .comment-button__label-count {
    margin-right: 4px; }
  @media (max-width: 480px) {
    .comment-button .comment-button__label-status {
      display: none; } }

.comment-button__label {
  font-size: 14px;
  margin-left: 4px; }

.comment-button__icon {
  position: relative;
  top: 1px; }

.comment-detail.card {
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
  transition: margin .15s linear; }
  .accessible-focus .comment-detail.card:focus {
    box-shadow: 0 0 0 1px #00aadc, 0 0 0 3px #78dcfa;
    z-index: 1; }
  .comment-detail.card.is-expanded {
    margin: 16px auto; }
    .comment-detail.card.is-expanded .comment-detail__header {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .comment-detail.card.is-collapsed:hover {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1;
    z-index: 1; }
  .comment-detail.card.is-unapproved.is-collapsed .comment-detail__header {
    background: #fef9f0;
    box-shadow: inset 4px 0 0 0 #f0b849; }
  .comment-detail.card .gridicon {
    margin-right: 4px;
    vertical-align: middle; }
  .comment-detail.card .comment-detail__author-avatar {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 32px;
    position: relative; }
    .comment-detail.card .comment-detail__author-avatar .gridicon {
      background-color: #87a6bc;
      border-radius: 50%;
      fill: white;
      margin: 0;
      padding: 4px; }

.comment-detail__author-info {
  color: #537994;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .comment-detail__author-info strong {
    color: #2e4453;
    margin-right: 8px; }
  .comment-detail__author-info a {
    color: #537994;
    cursor: pointer; }
    .comment-detail__author-info a:focus, .comment-detail__author-info a:hover {
      color: #0087be; }

.rtl .comment-detail__author-info strong {
  float: left; }

.comment-detail__author-info-element,
.comment-detail__author-info-timestamp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.comment-detail__author-info-timestamp {
  font-size: 12px;
  margin-top: 2px; }

.comment-detail__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap; }
  .comment-detail__header .comment-detail__header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: calc( 100% - 36px); }
    @supports (-webkit-line-clamp: 2) {
      .comment-detail__header .comment-detail__header-content {
        -webkit-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center; } }
  .comment-detail__header.is-preview {
    cursor: pointer;
    padding: 12px 8px; }
    @media (max-width: 960px) {
      .comment-detail__header.is-preview .comment-detail__header-content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .comment-detail__header.is-bulk-edit .comment-detail__header-content {
    width: 100%; }
  .comment-detail__header.is-bulk-edit .comment-detail__checkbox {
    padding-right: 12px; }
    .comment-detail__header.is-bulk-edit .comment-detail__checkbox .form-checkbox {
      margin: 0; }
  .comment-detail__header.is-bulk-edit .comment-detail__author-preview .external-link:hover,
  .comment-detail__header.is-bulk-edit .comment-detail__author-preview .external-link:focus {
    outline: none; }
  .comment-detail__header .comment-detail__action-collapse .gridicon {
    fill: #87a6bc;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .comment-detail__header .comment-detail__action-collapse:hover .gridicon {
    fill: #00aadc; }
  .comment-detail__header.is-preview:hover .comment-detail__action-collapse .gridicon {
    fill: #00aadc; }
  .comment-detail__header.is-preview .comment-detail__action-collapse {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: -6px;
    text-align: center;
    width: 36px; }
    .comment-detail__header.is-preview .comment-detail__action-collapse .gridicon {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
  .comment-detail__header:not(.is-preview) .button.is-borderless {
    padding: 12px 8px; }
    .comment-detail__header:not(.is-preview) .button.is-borderless .gridicon {
      margin-top: 0;
      top: 0; }
    .comment-detail__header:not(.is-preview) .button.is-borderless.comment-detail__action-collapse {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-right: 12px;
      text-align: right; }
  .comment-detail.is-expanded .comment-detail__header {
    border-bottom: 1px solid #e9eff3; }
  .comment-detail__header .comment-detail__author-preview {
    box-sizing: border-box;
    padding: 0 8px;
    width: 40%; }
    @media (max-width: 960px) {
      .comment-detail__header .comment-detail__author-preview {
        width: 100%; } }
    .comment-detail__header .comment-detail__author-preview .external-link {
      color: #537994; }
      .comment-detail__header .comment-detail__author-preview .external-link:hover, .comment-detail__header .comment-detail__author-preview .external-link:focus {
        color: #33bbe3; }

.comment-detail__comment-preview {
  box-sizing: border-box;
  line-height: 1.4;
  max-height: 56px;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  width: 60%; }
  .comment-detail__comment-preview:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
    content: '';
    height: 19px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%; }
  @supports (-webkit-line-clamp: 3) {
    .comment-detail__comment-preview {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; }
      .comment-detail__comment-preview:after {
        background: transparent; } }
  @media (max-width: 960px) {
    .comment-detail__comment-preview {
      width: 100%; }
      @supports (-webkit-line-clamp: 2) {
        .comment-detail__comment-preview {
          -webkit-line-clamp: 2; } } }

.comment-detail.is-unapproved .comment-detail__comment-preview:after {
  background: linear-gradient(to right, rgba(254, 249, 240, 0), #fef9f0 50%); }
  @supports (-webkit-line-clamp: 2) {
    .comment-detail.is-unapproved .comment-detail__comment-preview:after {
      background: transparent; } }

.comment-detail__actions {
  color: #87a6bc;
  padding-left: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .comment-detail__actions.is-quick {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 44px;
    padding: 0; }
    .comment-detail__actions.is-quick .gridicon {
      vertical-align: baseline; }
  .comment-detail__actions .button span {
    display: none;
    font-weight: normal; }
    @media (min-width: 961px) {
      .comment-detail__actions .button span {
        display: inline; } }
  .comment-detail__actions .button.comment-detail__action-like:focus, .comment-detail__actions .button.comment-detail__action-like:hover {
    color: #f0821e; }
  .comment-detail__actions .button.comment-detail__action-approve:focus, .comment-detail__actions .button.comment-detail__action-approve:hover {
    color: #4ab866; }
  .comment-detail__actions .button.comment-detail__action-spam:focus, .comment-detail__actions .button.comment-detail__action-spam:hover, .comment-detail__actions .button.comment-detail__action-trash:focus, .comment-detail__actions .button.comment-detail__action-trash:hover, .comment-detail__actions .button.comment-detail__action-delete:focus, .comment-detail__actions .button.comment-detail__action-delete:hover {
    color: #d94f4f; }
  .comment-detail__actions .button.is-approved {
    color: #4ab866; }
  .comment-detail__actions .button.is-liked {
    color: #f0821e; }
  .comment-detail__actions .button.is-spam {
    color: #d94f4f; }
  .comment-detail__actions .button.is-trash {
    color: #2e4453; }

.comment-detail__header-edit-mode {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  .comment-detail__header-edit-mode .comment-detail__header-edit-title {
    color: #6d93ad;
    padding: 0 16px; }

.comment-detail__post {
  border-bottom: 1px solid #e9eff3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 12px 16px; }

.comment-detail__post .site-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 24px;
  width: 24px; }
  .comment-detail__post .site-icon .gridicon {
    margin-right: 0;
    margin-top: -6px; }

.comment-detail__site-icon-author-avatar {
  position: relative; }
  .comment-detail__site-icon-author-avatar .gravatar {
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    bottom: -7px;
    right: -7px;
    width: 18px; }

.comment-detail__post-info {
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .comment-detail__post-info span {
    color: #2e4453;
    margin: 0 8px; }
  .comment-detail__post-info a {
    color: #537994;
    cursor: pointer; }
    .comment-detail__post-info a:focus, .comment-detail__post-info a:hover {
      color: #0087be; }

.comment-detail__comment {
  border-bottom: 1px solid #e9eff3;
  padding-left: 16px; }

.comment-detail__comment-content {
  border-left: 4px solid #e9eff3; }

.comment-detail__comment-body {
  padding: 0 16px 16px; }
  .comment-detail__comment-body > :last-child {
    margin-bottom: 0; }

.comment-detail__comment-reply {
  padding: 16px; }
  .comment-detail__comment-reply a {
    color: #537994;
    cursor: pointer; }
    .comment-detail__comment-reply a:focus, .comment-detail__comment-reply a:hover {
      color: #0087be; }

.comment-detail__author {
  padding: 16px 0 0; }
  .comment-detail__author.is-expanded {
    padding: 16px 0; }

.comment-detail__author-preview {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  padding: 0 16px; }
  .comment-detail__author-preview .gravatar {
    height: 32px;
    width: 32px; }
  .comment-detail__author-preview .comment-detail__author-info {
    line-height: 1.4;
    padding: 0 8px; }
    @media (max-width: 960px) {
      .comment-detail__author-preview .comment-detail__author-info {
        padding-right: 0; } }

.comment-detail.is-expanded .comment-detail__author-preview {
  padding-bottom: 16px; }

.comment-detail__author-preview-actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto; }

.comment-detail__status-label {
  border-radius: 9px;
  font-size: 12px;
  padding: 0 10px; }
  .comment-detail__status-label.is-unapproved {
    background: #f7d99e; }
  .comment-detail__status-label.is-spam, .comment-detail__status-label.is-trash {
    background: #e99a9a; }

.popover.comment-detail__author-more-info {
  /* applying a lower z-index to ensure it is layered behind global notice */
  z-index: 178; }

.info-popover.comment-detail__author-more-info > .gridicon {
  fill: #87a6bc;
  margin-left: 8px; }
  .info-popover.comment-detail__author-more-info > .gridicon:focus, .info-popover.comment-detail__author-more-info > .gridicon:hover {
    color: #0087be;
    fill: #0087be; }

.comment-detail__author-more-element {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }
  .comment-detail__author-more-element:last-child {
    margin-bottom: 0; }
  .comment-detail__author-more-element .gridicon {
    fill: #87a6bc;
    margin-right: 4px;
    vertical-align: middle; }
  .comment-detail__author-more-element .comment-detail__author-info {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis; }
  .comment-detail__author-more-element strong {
    float: none; }
  .comment-detail__author-more-element .button {
    width: 100%; }

.comment-detail__author-more-element-block-anonymous-user {
  white-space: normal;
  width: 100%; }

.comment-detail__reply {
  line-height: 0;
  overflow: hidden;
  padding: 2px;
  position: relative; }
  .comment-detail__reply textarea {
    font-size: 14px;
    height: 47px;
    line-height: 21px;
    min-height: 47px;
    overflow: hidden;
    padding: 12px 70px 12px 16px;
    position: relative;
    resize: vertical;
    transition: min-height .15s linear, padding-left 0.2s ease-in-out;
    white-space: pre-wrap;
    word-wrap: break-word; }
    .comment-detail__reply textarea:not(:focus) {
      border-color: white;
      padding-left: 48px;
      padding-right: 16px;
      resize: none; }
      .comment-detail__reply textarea:not(:focus).has-content {
        padding-right: 70px; }
    .comment-detail__reply textarea:focus, .comment-detail__reply textarea.has-focus {
      min-height: 68px; }
    .comment-detail__reply textarea::-webkit-input-placeholder {
      color: #537994;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .comment-detail__reply textarea::-moz-placeholder {
      color: #537994;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .comment-detail__reply textarea:-ms-input-placeholder {
      color: #537994;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .comment-detail__reply textarea::placeholder {
      color: #537994;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .comment-detail__reply textarea.has-scrollbar {
      overflow-y: auto; }
  .comment-detail__reply .gravatar {
    position: absolute;
    left: 16px;
    top: 12px;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
    .comment-detail__reply .gravatar:not(.is-visible) {
      -webkit-transform: translate3d(-40px, 0, 0);
              transform: translate3d(-40px, 0, 0); }
  .comment-detail__reply .comment-detail__reply-submit {
    color: #87a6bc;
    font-size: 12px;
    font-weight: 600;
    padding: 4px;
    position: absolute;
    right: -70px;
    top: 11px;
    text-transform: uppercase;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
    .comment-detail__reply .comment-detail__reply-submit.is-active {
      color: #00aadc;
      cursor: pointer; }
    .comment-detail__reply .comment-detail__reply-submit.is-visible {
      -webkit-transform: translate3d(-88px, 0, 0);
              transform: translate3d(-88px, 0, 0); }
    .comment-detail__reply .comment-detail__reply-submit.is-visible.has-scrollbar {
      -webkit-transform: translate3d(-94px, 0, 0);
              transform: translate3d(-94px, 0, 0); }

.comment-detail__edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px 8px; }
  .comment-detail__edit .form-fieldset {
    padding: 0 8px;
    width: 50%; }
  .comment-detail__edit .form-textarea {
    margin: 0px 8px 20px 8px;
    transition: none;
    width: 100%; }
  .comment-detail__edit input[type="text"],
  .comment-detail__edit textarea {
    font-size: 14px; }
  .comment-detail__edit label {
    display: inline-block; }
  .comment-detail__edit .comment-detail__edit-jetpack-update-notice {
    color: #d94f4f;
    margin-left: 8px;
    margin-right: 8px; }
  .comment-detail__edit .comment-detail__edit-jetpack-update-notice-link {
    color: #d94f4f;
    margin-left: 4px;
    text-decoration: underline; }
  .comment-detail__edit .comment-detail__edit-buttons {
    padding: 0 8px;
    width: 100%; }
  .comment-detail__edit .info-popover {
    margin-left: 4px;
    position: relative;
    top: -2px; }

.comment-detail__placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .comment-detail__placeholder:after {
    content: '\00a0'; }
  .comment-detail__placeholder .gravatar,
  .comment-detail__placeholder .comment-detail__comment-preview {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    height: 32px; }
    .comment-detail__placeholder .gravatar:after,
    .comment-detail__placeholder .comment-detail__comment-preview:after {
      background: transparent; }
  .comment-detail__placeholder .comment-detail__comment-preview {
    height: 56px;
    max-height: 56px; }
  .comment-detail__placeholder .comment-detail__header.is-preview {
    cursor: default; }
    @media (max-width: 960px) {
      .comment-detail__placeholder .comment-detail__header.is-preview .comment-detail__header-content {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
  .comment-detail__placeholder .gravatar {
    width: 32px; }
  .comment-detail__placeholder .comment-detail__author-preview {
    margin-left: 8px;
    padding: 3px 0;
    width: 40px; }
  .comment-detail__placeholder .comment-detail__author-info {
    display: none; }
  .comment-detail__placeholder .comment-detail__comment-preview {
    margin: 0 8px;
    width: 100%; }
  @media (max-width: 960px) {
    .comment-detail__placeholder .comment-detail__header.is-preview {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

@-webkit-keyframes comment-detail__author-more-info {
  0% {
    display: none;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  1% {
    display: block;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes comment-detail__author-more-info {
  0% {
    display: none;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  1% {
    display: block;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

.comments__comment-list {
  border-top: 1px solid #c8d7e1;
  clear: both;
  margin: 36px 0 0;
  padding-top: 11px; }
  .comments__comment-list .segmented-control {
    margin: 20px; }

.comments__count {
  text-align: center;
  color: #87a6bc;
  float: right; }

.comments__form {
  position: relative;
  padding: 0 0 0 42px;
  margin-top: 24px; }
  .comments__form .gravatar {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 48px; }
  .comments__form input {
    font-size: 14px;
    padding: 5px 10px; }
  .comments__form .expanding-area {
    position: relative; }
    .comments__form .expanding-area pre,
    .comments__form .expanding-area textarea {
      max-height: 400px;
      min-height: 33px;
      margin: 0;
      padding: 5px 60px 5px 5px;
      font-size: 14px;
      font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
      line-height: 21px;
      white-space: pre-wrap;
      word-wrap: break-word; }
    .comments__form .expanding-area textarea {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      resize: none; }
    .comments__form .expanding-area pre {
      border: 1px solid #87a6bc;
      box-sizing: border-box;
      display: block;
      visibility: hidden; }
    .comments__form .expanding-area.focused {
      min-height: 70px; }
  .comments__form button {
    opacity: 0;
    position: absolute;
    top: 4px;
    right: 16px;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a8bece;
    transition: all 0.2s ease-in-out; }
    .comments__form button.is-active {
      color: #00aadc;
      cursor: pointer; }
    .comments__form button.is-visible {
      opacity: 1; }
  .comments__form button:focus {
    outline: dotted 1px #00aadc;
    color: #0087be; }
  .comments__form .comments__cancel-reply {
    font-size: 12px;
    cursor: pointer; }

.comments__form-closed {
  color: #87a6bc;
  margin-top: 20px;
  margin-bottom: -3px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  text-align: center;
  border-top: 1px solid #e9eff3;
  padding-top: 22px;
  font-size: 14px; }

.comments__list {
  list-style: none;
  margin: 0; }
  .comments__list.is-root {
    margin-top: 20px; }

.comments__edit-form {
  position: relative;
  padding: 0;
  margin-top: 5px; }
  .comments__edit-form input {
    font-size: 14px;
    padding: 5px 10px; }
  .comments__edit-form .expanding-area {
    position: relative; }
    .comments__edit-form .expanding-area pre,
    .comments__edit-form .expanding-area textarea {
      max-height: 400px;
      min-height: 33px;
      margin: 0;
      padding: 5px 60px 5px 5px;
      font-size: 14px;
      font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
      line-height: 21px;
      white-space: pre-wrap;
      word-wrap: break-word; }
    .comments__edit-form .expanding-area textarea {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      resize: none; }
    .comments__edit-form .expanding-area pre {
      border: 1px solid #87a6bc;
      box-sizing: border-box;
      display: block;
      visibility: hidden; }
    .comments__edit-form .expanding-area.focused {
      min-height: 70px; }
  .comments__edit-form button {
    opacity: 0;
    position: absolute;
    top: 4px;
    right: 16px;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a8bece;
    transition: all 0.2s ease-in-out; }
    .comments__edit-form button.is-active {
      color: #00aadc;
      cursor: pointer; }
    .comments__edit-form button.is-visible {
      opacity: 1; }
  .comments__edit-form button:focus {
    outline: dotted 1px #00aadc;
    color: #0087be; }
  .comments__edit-form .comments__cancel-reply {
    font-size: 12px;
    cursor: pointer; }

.comments__comment {
  list-style-type: none;
  margin-top: 20px;
  position: relative; }
  .comments__comment.depth-0, .comments__comment.depth-1, .comments__comment.depth-2 {
    padding-left: 42px; }
    .comments__comment.depth-0 > .comments__comment-author .gravatar, .comments__comment.depth-1 > .comments__comment-author .gravatar, .comments__comment.depth-2 > .comments__comment-author .gravatar {
      left: 0; }
  .comments__comment.depth-2 .comments__view-replies-btn {
    margin-left: -40px; }
  .comments__comment.is-child {
    background: transparent; }
  .comments__comment.is-error {
    padding: 0; }
    .comments__comment.is-error .notice {
      margin-top: 10px; }
    .comments__comment.is-error .comments__form-textarea {
      border-color: #d94f4f; }
  .comments__comment .comments__form {
    margin-top: 10px; }

.comments__comment-respondee {
  color: #87a6bc;
  margin-right: 12px; }
  .comments__comment-respondee .gridicon {
    fill: #87a6bc;
    position: relative;
    left: -5px;
    top: 3px; }

.comments__comment-respondee .comments__comment-respondee-link {
  color: #87a6bc;
  font-weight: normal;
  margin-left: -2px; }
  .comments__comment-respondee .comments__comment-respondee-link:hover {
    color: #78dcfa; }

.comments__comment-author {
  color: #3d596d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  font-weight: 500; }
  .comments__comment-author .gravatar {
    border-radius: 48px;
    position: absolute;
    top: 8px;
    left: -41px; }

.comments__comment-trackbackicon {
  background-color: #f3f6f8;
  border-radius: 50%;
  height: 32px;
  margin-right: 9px;
  position: absolute;
  left: 1px;
  top: -5px;
  width: 32px; }
  .comments__comment-trackbackicon .gridicon {
    height: 24px;
    fill: #a8bece;
    margin-left: 4px;
    margin-top: 4px; }
  @media (max-width: 480px) {
    .comments__comment-trackbackicon {
      top: -4px; } }

.comments__comment-content-wrapper {
  position: relative; }
  .comments__comment-content-wrapper.is-single-line,
  .comments__comment-content-wrapper.is-single-line .comments__comment-content {
    max-height: 24px; }
  .comments__comment-content-wrapper.is-excerpt,
  .comments__comment-content-wrapper.is-excerpt .comments__comment-content {
    max-height: 69px; }
  .comments__comment-content-wrapper.is-single-line .comments__comment-content,
  .comments__comment-content-wrapper.is-excerpt .comments__comment-content {
    overflow: hidden; }

.comments__comment-content-wrapper.is-excerpt .comments__comment-content p {
  margin-bottom: 0; }

.comments__comment-content-wrapper.is-excerpt .comments__comment-content blockquote {
  margin: 10px 0 16px; }

.comments__comment-trackbackicon ~ .comments__comment-username {
  height: 25.6px;
  overflow: hidden;
  white-space: nowrap; }
  .comments__comment-trackbackicon ~ .comments__comment-username::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 35px;
    height: auto; }

.comments__comment-username {
  color: #3d596d;
  height: 21px;
  margin-right: 7px; }

a.comments__comment-username {
  color: #00aadc;
  height: 21px; }
  a.comments__comment-username:hover {
    color: #78dcfa; }

.comments__comment-timestamp a {
  color: #87a6bc;
  font-weight: normal;
  text-decoration: none; }
  .comments__comment-timestamp a:hover {
    color: #33bbe3; }

.comments__comment-moderation {
  color: #87a6bc;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 12px; }

.comments__comment-content {
  font-size: 15px;
  line-height: 1.56;
  word-break: break-word; }
  .comments__comment-content p {
    color: #3d596d; }
    .comments__comment-content p:last-child {
      margin-bottom: 0; }
  .comments__comment-content blockquote {
    background: #f3f6f8;
    border-left: 2px solid #e9eff3;
    border-radius: 0;
    color: #3d596d;
    margin: 8px 0 16px;
    padding: 8px 16px; }

.comments__comment-actions {
  color: #87a6bc;
  font-size: 14px;
  list-style: none;
  margin-top: -6px; }
  .comments__comment-actions button {
    display: inline-block;
    color: #87a6bc;
    padding: 4px;
    margin-right: 8px;
    margin-top: 0;
    cursor: pointer;
    font-size: 14px; }
    .comments__comment-actions button .gridicon {
      position: relative;
      top: 4px;
      margin-right: 4px; }
    .comments__comment-actions button .gridicons-star,
    .comments__comment-actions button .gridicons-star-outline {
      top: 3px; }
    .comments__comment-actions button .like-button__like-icons {
      margin-right: 18px; }
    .comments__comment-actions button.comments__comment-actions-reply {
      margin-left: -7px; }
    .comments__comment-actions button.like-button .gridicon {
      position: absolute; }
    .comments__comment-actions button:hover {
      color: #00aadc; }
    .comments__comment-actions button.comments__comment-actions-cancel-reply {
      float: right;
      margin-top: 4px;
      margin-right: 0;
      padding-right: 0; }
  .comments__comment-actions > :only-child {
    left: -3px;
    top: 3px; }
  .comments__comment-actions .comments__comment-actions-approve,
  .comments__comment-actions .comments__comment-actions-trash,
  .comments__comment-actions .comments__comment-actions-spam,
  .comments__comment-actions .comments__comment-actions-edit {
    display: none; }
  @media (min-width: 661px) {
    .comments__comment-actions .comments__comment-actions-approve,
    .comments__comment-actions .comments__comment-actions-trash,
    .comments__comment-actions .comments__comment-actions-spam,
    .comments__comment-actions .comments__comment-actions-edit {
      display: inline; }
    .comments__comment-actions .ellipsis-menu {
      display: none; } }
  @media (max-width: 480px) {
    .comments__comment-actions .like-button .like-button__label-status {
      display: inline; } }

.comments__comment-actions-approve .gridicon .gridicon-checkmark, .comments__comment-actions-approve.is-approved {
  color: #f0821e; }

.comments__comment-actions-moderation-tools {
  display: inline-block; }

.comments__info-bar {
  margin: 0 24px -24px 0;
  overflow: auto; }
  .comments__info-bar.is-no-comments {
    display: none; }

.comments__view-more {
  color: #87a6bc;
  cursor: pointer;
  display: block !important;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 15px !important; }
  .comments__view-more:hover {
    color: #78dcfa; }

.comments__view-replies-btn {
  cursor: pointer;
  background-color: #f3f6f8;
  width: 100%;
  color: #668eaa;
  text-align: left;
  margin-top: 15px;
  padding: 5px 10px 10px 12px; }
  .comments__view-replies-btn .gridicon {
    position: relative;
    top: 4px;
    margin-right: 4px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.comments__comment-count {
  color: #87a6bc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  margin: 8px 0 17px; }

.comments__comment-count-phrase {
  text-transform: uppercase; }

.comments__comment-actions .comments__comment-actions-read-more {
  color: #00aadc;
  margin: 0 10px 0 -3px;
  padding-left: 0; }

.comments__comment-actions-read-more-icon {
  fill: #00aadc; }

.conversation-caterpillar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.conversation-caterpillar__gravatars,
.conversation-caterpillar__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.conversation-caterpillar__count {
  cursor: pointer;
  color: #87a6bc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  white-space: nowrap; }
  .conversation-caterpillar__count:hover {
    color: #00aadc; }
  .conversation-caterpillar__count::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 35px;
    height: auto;
    height: 32px;
    width: 32px;
    z-index: 1; }
  @media (max-width: 660px) {
    .conversation-caterpillar__count {
      padding: 0;
      text-align: left; } }

.conversation-caterpillar__gravatar {
  cursor: pointer;
  border: 2px solid white;
  height: 32px;
  margin-left: -8px;
  vertical-align: middle; }
  .conversation-caterpillar__gravatar:first-child {
    margin-left: -2px; }
  .conversation-caterpillar__gravatar.is-hidden-on-small-screens {
    display: none; }
    @media (min-width: 661px) {
      .conversation-caterpillar__gravatar.is-hidden-on-small-screens {
        display: inline; } }

.conversations__stream .conversation-caterpillar {
  margin-top: 20px; }

.conversations__stream .card.is-compact {
  padding: 0; }

.conversations__stream .reader-post-card.card.is-compact .reader-post-options-menu {
  position: absolute;
  right: -2px;
  top: -16px; }

.conversations__stream .reader-post-card.card.is-compact .reader-post-card__post-details {
  margin-top: -2px; }

.conversations__stream .reader-post-card.card.is-compact .reader-post-card__byline-details {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: none;
  max-width: calc( 100% - 140px); }

.conversations__stream .reader-post-card.card.is-compact .reader-post-card__byline-author-site {
  font-weight: 500;
  margin-right: 5px; }

.conversations__stream .reader-post-card.card.is-compact .reader-post-card__timestamp-and-tag {
  margin-left: 0; }

.conversations__stream .reader-post-card.card.is-compact .reader-post-card__title {
  line-height: 1.2;
  max-height: 25.6px;
  margin-top: 2px;
  overflow: hidden;
  position: relative;
  white-space: nowrap; }
  .conversations__stream .reader-post-card.card.is-compact .reader-post-card__title::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 35px;
    height: auto; }

.conversations__stream .reader-post-card.card.is-compact .reader-post-card__title-link {
  font-size: 17px; }

.conversations__stream .reader-post-card.card.is-compact .reader-excerpt__content {
  margin-top: 2px;
  white-space: nowrap; }
  .conversations__stream .reader-post-card.card.is-compact .reader-excerpt__content::before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 35px;
    height: auto; }

.conversations__stream .reader-post-card.card.is-compact .comments__comment-author .gravatar {
  top: 5px; }

.conversations__stream .reader-post-card.card.is-compact:not(:first-child) {
  margin-top: 16px; }

.conversations__stream .reader-post-card.card.is-compact .follow-button,
.conversations__stream .reader-post-card.card.is-compact .reader-post-card__tags {
  display: none; }

.conversations__stream .reader-post-card.has-thumbnail .reader-post-card__title,
.conversations__stream .reader-post-card.has-thumbnail .reader-excerpt__content {
  width: calc( 100% - 120px); }

.conversations__comment-list-ul {
  list-style-type: none;
  margin-left: 0; }

.conversations__comment-list-ul .comments__form-closed {
  border-top: 0;
  padding-left: 42px;
  padding-top: 0;
  text-align: left; }

.is-group-reader .conversations__stream .like-button__label-status {
  display: inline; }

.main .conversations__empty-content.empty-content {
  margin-top: 30px;
  max-width: 650px; }
  @media (min-width: 661px) {
    .main .conversations__empty-content.empty-content {
      margin-top: 70px; } }

.daily-post-button .daily-post-button__button.button.is-primary {
  background: none;
  border: 0;
  color: #00aadc;
  font-size: 14px;
  line-height: normal;
  margin: 9px 0 6px;
  padding: 0; }
  .daily-post-button .daily-post-button__button.button.is-primary .gridicon {
    fill: #00aadc;
    height: 20px;
    margin-top: 0;
    margin-right: 5px;
    width: 20px; }

/** @format */
.disconnect-jetpack {
  text-align: center;
  max-width: 400px;
  color: #4f748e; }
  .disconnect-jetpack .disconnect-jetpack__header {
    color: #2e4453;
    font-size: 24px;
    font-weight: 300;
    height: 2em;
    line-height: 32px;
    margin-top: 0.5em;
    margin-bottom: 0.5em; }

.disconnect-jetpack__highlight {
  color: #668eaa;
  margin-bottom: 1.5em;
  font-size: 16px; }

.disconnect-jetpack__feature {
  padding: 14px 24px 14px 44px;
  text-align: left;
  font-size: 13px;
  border-bottom: 1px solid #d9e3ea; }
  .disconnect-jetpack__feature:first-of-type {
    border-top: 1px solid #d9e3ea; }
  .disconnect-jetpack__feature .gridicon {
    float: left;
    width: 18px;
    height: 18px;
    margin-left: -28px; }

.disconnect-jetpack__button-wrap {
  margin-top: 32px;
  margin-bottom: 16px; }
  .disconnect-jetpack__button-wrap .button {
    margin: 0 4px; }

.disconnect-jetpack__more-info-link {
  font-size: 13px; }

.disconnect-jetpack-dialog .dialog__content {
  padding: 0; }

.disconnect-jetpack-dialog .disconnect-jetpack {
  margin-bottom: 0; }

.disconnect-jetpack-dialog__dialog__action-buttons {
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0 -24px -24px;
  text-align: right; }
  .disconnect-jetpack-dialog__dialog__action-buttons .button {
    margin-left: 10px;
    min-width: 80px; }
    .disconnect-jetpack-dialog__dialog__action-buttons .button .is-left-aligned {
      float: left;
      margin-left: 0;
      margin-right: 10px; }

.dismissible-card__close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #87a6bc;
  cursor: pointer; }

.domain-to-plan-nudge {
  margin-top: 9px; }
  @media (min-width: 661px) {
    .domain-to-plan-nudge {
      margin-top: 17px; } }

.edit-gravatar__image-container {
  cursor: pointer;
  display: inline-block;
  position: relative; }
  .edit-gravatar__image-container.is-uploading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(46, 68, 83, 0.5);
    border-radius: 50%;
    height: 150px;
    width: 150px; }

.edit-gravatar__image-container .gravatar.is-missing {
  display: block;
  width: 150px;
  height: 150px; }

.edit-gravatar__spinner,
.edit-gravatar__spinner.is-fallback.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.edit-gravatar-modal.dialog.card {
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (min-width: 661px) {
    .edit-gravatar-modal.dialog.card {
      top: 5%;
      bottom: 5%;
      left: 5%;
      right: 5%;
      width: 90%; } }
  @media (min-width: 961px) {
    .edit-gravatar-modal.dialog.card {
      left: 12.5%;
      right: 12.5%;
      width: 75%; } }

.edit-gravatar-modal .dialog__content {
  height: 100%; }

.edit-gravatar__label-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(46, 68, 83, 0.5);
  color: #fff;
  text-align: center; }
  .edit-gravatar__label-container .gridicon {
    display: block;
    margin: 2em auto 0; }

.edit-gravatar__label {
  display: inline-block;
  line-height: 1.2em;
  padding: 0 1em; }

.edit-gravatar .spinner__border {
  fill: rgba(46, 68, 83, 0.5); }

.edit-gravatar__explanation {
  color: #537994;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  display: inline-block;
  margin-top: 0.5em; }

.edit-gravatar .info-popover {
  vertical-align: middle; }

.edit-gravatar__pop-over .external-link .gridicons-external {
  margin-left: 1px; }

.edit-gravatar__pop-over p:last-of-type {
  margin-bottom: 0; }

.edit-gravatar.is-unverified .file-picker {
  pointer-events: none; }

.edit-gravatar.is-unverified .gravatar {
  opacity: 0.33; }

.edit-gravatar.is-uploading .file-picker {
  pointer-events: none; }

.edit-gravatar .drop-zone {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  border: 0;
  margin: 0; }

.edit-gravatar .drop-zone__content {
  top: calc( 50% - 0.5em); }

.edit-gravatar .drop-zone__content-text {
  padding: 0 1em; }

.edit-gravatar .drop-zone.is-active ~ .edit-gravatar__label-container {
  visibility: hidden; }

.edit-gravatar .drop-zone .gridicon {
  height: 36px;
  width: 36px; }

.follow-button,
button.follow-button {
  border: 0;
  padding: 0; }
  .follow-button .gridicon__follow,
  button.follow-button .gridicon__follow {
    fill: #00aadc;
    pointer-events: auto; }
  .follow-button .follow-button__label,
  button.follow-button .follow-button__label {
    color: #00aadc; }
  .follow-button:hover,
  button.follow-button:hover {
    color: #00aadc; }
    .follow-button:hover .gridicon__follow,
    button.follow-button:hover .gridicon__follow {
      fill: #00aadc; }
  .follow-button:focus,
  button.follow-button:focus {
    box-shadow: none; }
  .follow-button .gridicon__following,
  button.follow-button .gridicon__following {
    display: none;
    pointer-events: none; }
  .follow-button.is-following .gridicon__following,
  button.follow-button.is-following .gridicon__following {
    display: inline-block;
    fill: #4ab866;
    pointer-events: auto; }
  .follow-button.is-following .follow-button__label,
  button.follow-button.is-following .follow-button__label {
    color: #4ab866; }
  .follow-button.is-following .gridicon__follow,
  button.follow-button.is-following .gridicon__follow {
    display: none;
    pointer-events: none; }
  .follow-button.is-following:hover,
  button.follow-button.is-following:hover {
    color: #4ab866; }
    .follow-button.is-following:hover .gridicon__following,
    button.follow-button.is-following:hover .gridicon__following {
      fill: #4ab866; }
  .follow-button .gridicon__following,
  button.follow-button .gridicon__following {
    pointer-events: none; }
  .follow-button .gridicon,
  button.follow-button .gridicon {
    height: 18px;
    padding-right: 4px;
    top: 5px;
    width: 18px; }
  .follow-button.is-disabled,
  button.follow-button.is-disabled {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #c8d7e1;
    border-color: #c8d7e1;
    pointer-events: none; }
    .follow-button.is-disabled .follow-button__label,
    button.follow-button.is-disabled .follow-button__label {
      color: #c8d7e1; }
    .follow-button.is-disabled .gridicon,
    button.follow-button.is-disabled .gridicon {
      fill: #c8d7e1; }
    .follow-button.is-disabled:hover,
    button.follow-button.is-disabled:hover {
      color: #c8d7e1;
      cursor: default; }
      .follow-button.is-disabled:hover .gridicon,
      button.follow-button.is-disabled:hover .gridicon {
        fill: #c8d7e1; }
    .follow-button.is-disabled:active,
    button.follow-button.is-disabled:active {
      border-width: 1px 1px 2px; }

@media (max-width: 660px) {
  .follow-button__label {
    display: none; } }

.eligibility-warnings {
  margin-top: 16px;
  font-size: 14px; }

.eligibility-warnings__placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .eligibility-warnings__placeholder:after {
    content: '\00a0'; }
  .eligibility-warnings__placeholder .section-header__label-text,
  .eligibility-warnings__placeholder .eligibility-warnings__message {
    color: #f3f6f8;
    background-color: #f3f6f8; }
  .eligibility-warnings__placeholder .eligibility-warnings__message {
    height: 24px; }
  .eligibility-warnings__placeholder .eligibility-warnings__hold .gridicon {
    color: #f3f6f8; }
  .eligibility-warnings__placeholder .button,
  .eligibility-warnings__placeholder .eligibility-warnings__confirm-box {
    display: none; }

.eligibility-warnings .card {
  margin: 0; }

.eligibility-warnings .banner {
  margin-bottom: 16px; }
  .eligibility-warnings .banner .banner__icon-circle {
    line-height: 32px;
    padding: 4px; }

.eligibility-warnings__hold,
.eligibility-warnings__warning,
.eligibility-warnings__confirm-box.card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.eligibility-warnings__hold,
.eligibility-warnings__warning {
  -webkit-box-align: start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
  margin-bottom: 16px; }
  .eligibility-warnings__hold:last-child,
  .eligibility-warnings__warning:last-child {
    margin-bottom: 0; }

.eligibility-warnings__hold .gridicon,
.eligibility-warnings__warning > .gridicon {
  color: #d94f4f;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.eligibility-warnings__message {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 24px;
  padding: 0 16px; }
  .eligibility-warnings__message .eligibility-warnings__message-title {
    font-weight: 600; }
  .eligibility-warnings__message .eligibility-warnings__message-description {
    color: #537994; }

.eligibility-warnings__action a .gridicons-help-outline {
  color: #87a6bc; }

.eligibility-warnings__action a:hover .gridicons-help-outline {
  color: #0087be; }

.eligibility-warnings__no-conflicts.card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .eligibility-warnings__no-conflicts.card .gridicon {
    color: #537994;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .eligibility-warnings__no-conflicts.card span {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 16px; }

.eligibility-warnings__confirm-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .eligibility-warnings__confirm-box .eligibility-warnings__confirm-text {
    color: #537994;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-style: italic;
    padding: 8px 0; }
  .eligibility-warnings__confirm-box .button {
    margin-left: 16px; }

.image-editor {
  position: relative;
  width: 100%;
  height: 100%; }

.image-editor .notice.image-editor__notice {
  margin-top: 0; }

.image-editor__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #151e25; }

.image-editor__toolbar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 60px;
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center; }

.image-editor__toolbar-button {
  background: rgba(255, 255, 255, 0);
  border: none;
  color: white;
  margin: 0 10px;
  cursor: pointer; }
  .image-editor__toolbar-button.is-disabled {
    opacity: 0.3; }

.image-editor__toolbar-button .gridicon {
  display: block;
  margin: 0 auto; }

.image-editor__toolbar-button:hover {
  color: #87a6bc; }

.image-editor__canvas-container {
  -webkit-box-flex: 10;
      -ms-flex: 10;
          flex: 10;
  position: relative;
  width: 100%;
  height: 80%;
  overflow: hidden; }

.image-editor__canvas {
  position: absolute;
  top: 50%;
  left: 50%; }
  .image-editor__canvas.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #3d596d;
    color: transparent; }
    .image-editor__canvas.is-placeholder:after {
      content: '\00a0'; }

.image-editor__crop {
  position: absolute;
  border: 1px solid white;
  cursor: move;
  box-sizing: border-box; }

.image-editor__crop-background {
  position: absolute;
  background: #151e25;
  opacity: 0.5; }

.image-editor__crop-handle {
  position: absolute;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 50%;
  border: 2px solid white;
  background: #151e25; }
  .image-editor__crop-handle:before {
    border-radius: 100%;
    content: ' ';
    display: block;
    height: 24px;
    margin: -8px auto auto -8px;
    width: 24px; }

.image-editor__crop-handle-nesw {
  cursor: nesw-resize; }

.image-editor__crop-handle-nwse {
  cursor: nwse-resize; }

.image-editor__buttons {
  border-top: 1px solid #2e4453;
  padding: 16px;
  text-align: right; }

.image-editor__buttons-button.button {
  margin-left: 10px; }

.like-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  color: #87a6bc;
  position: relative;
  box-sizing: border-box; }
  .like-button .gridicon {
    position: absolute;
    left: 0; }
  .like-button .gridicons-star {
    opacity: 0;
    pointer-events: none;
    fill: #f0821e;
    -webkit-transform: scale(4) rotate(90deg);
            transform: scale(4) rotate(90deg); }
  .like-button.is-animated .gridicons-star {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .like-button.is-animated .gridicons-star-outline {
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .like-button:hover {
    cursor: pointer;
    color: #00aadc; }
  .like-button.is-liked {
    color: #537994; }
    .like-button.is-liked .gridicons-star {
      opacity: 1;
      fill: #f0821e;
      pointer-events: auto;
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0); }
    .like-button.is-liked .gridicons-star-outline {
      opacity: 0;
      pointer-events: none;
      fill: #f0821e;
      -webkit-transform: translateX(-10px) rotate(1deg) scale(0.3);
              transform: translateX(-10px) rotate(1deg) scale(0.3); }
    .like-button.is-liked .like-button__label {
      color: #f0821e; }
  .like-button.has-count.has-label .like-button__label-status:before {
    content: ' '; }
  @media (max-width: 480px) {
    .like-button .like-button__label-status {
      display: none; } }

.like-button__like-icons {
  height: 24px;
  width: 24px; }

.like-button__label {
  margin-left: 1px;
  font-size: 14px;
  min-width: 10px; }

.card.nps-survey {
  margin: 0;
  padding: 0; }

.dialog__content .card.nps-survey {
  box-shadow: unset; }

.nps-survey__question {
  padding: 16px; }
  @media (min-width: 481px) {
    .nps-survey__question {
      padding: 24px; } }

.nps-survey__buttons {
  padding: 16px 16px 7px;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px);
  transition: -webkit-transform .1s ease-in;
  transition: transform .1s ease-in;
  transition: transform .1s ease-in, -webkit-transform .1s ease-in; }

.button.nps-survey__finish-button,
.button.nps-survey__not-answer-button,
.button.nps-survey__dismiss-button {
  display: block;
  margin: 0 auto;
  min-width: 170px; }

.button.nps-survey__finish-button {
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in; }

.nps-survey.is-recommendation-selected .nps-survey__buttons {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.nps-survey.is-recommendation-selected .button.nps-survey__finish-button {
  opacity: 1;
  visibility: visible; }

.nps-survey__recommendation-select-wrapper {
  background-color: #f3f6f8;
  border-top: 1px solid #c8d7e1;
  border-bottom: 1px solid #c8d7e1;
  padding: 16px 0;
  text-align: center; }
  @media (min-width: 481px) {
    .nps-survey__recommendation-select-wrapper {
      padding: 16px; } }

.nps-survey__recommendation-select {
  box-sizing: border-box;
  display: inline-block; }

.nps-survey__scale-labels,
.nps-survey__recommendation-option {
  padding: 0 3px;
  margin-bottom: 8px; }
  @media (min-width: 481px) {
    .nps-survey__scale-labels,
    .nps-survey__recommendation-option {
      padding: 0 6px; } }

.nps-survey__scale-labels {
  color: #537994;
  text-align: left; }

.nps-survey__very-likely-label {
  float: right; }

.nps-survey__recommendation-option {
  display: inline-block; }

.nps-survey__recommendation-option.is-selected {
  color: #008ab3;
  font-weight: bold; }

.nps-survey__recommendation-option input[type=radio] {
  margin: 0 2px; }

.nps-survey__recommendation-option input[type=radio] + span {
  clear: both;
  margin-left: 0;
  text-align: center; }

.plan-storage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.plan-storage__bar {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 12px;
  width: 100%; }

.plan-storage__storage-label,
.plan-storage__storage-link {
  font-size: 11px;
  line-height: 1;
  margin-top: 6px; }

.plan-storage__storage-label {
  color: #2e4453;
  font-weight: 500; }

.plan-storage__storage-link {
  margin-left: 12px;
  text-decoration: none; }

.plan-storage__bar .progress-bar__progress {
  background-color: #4ab866; }

.plan-storage__bar.is-warn .progress-bar__progress {
  background-color: #f0b849; }

.plan-storage__bar.is-alert .progress-bar__progress {
  background-color: #d94f4f; }

.card.login__form,
.card.login__form-social {
  margin-bottom: 0; }

.login__form-userdata label {
  color: #2e4453;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 5px; }

.login__form-userdata input {
  margin-bottom: 20px;
  transition: none; }
  .login__form-userdata input.is-error {
    margin-bottom: 0; }

.login__form .form-input-validation {
  margin-bottom: 5px; }

.login__form-action {
  margin-top: 10px;
  overflow: auto; }
  .login__form-action button {
    width: 100%; }

.login__form-header-wrapper {
  text-align: center; }
  .login__form-header-wrapper .gridicon {
    color: #0087be; }

.login__form-header {
  font-size: 22px;
  margin-bottom: 24px;
  margin-top: 16px;
  text-align: center; }

.login__form-remember-me {
  margin-bottom: 20px; }
  .login__form-remember-me input {
    margin-right: 10px; }
  .login__form-remember-me label {
    font-size: 14px; }

.login__form-terms,
.login__form-signup-link {
  font-size: 11px;
  text-align: center; }
  .login__form-terms a,
  .login__form-signup-link a {
    white-space: pre; }

.login__form-signup-link {
  font-size: 13px;
  margin-top: 20px; }
  .login__form-signup-link.disabled a, .login__form-signup-link.disabled a:hover {
    pointer-events: none;
    color: #87a6bc; }

.login__social-text {
  text-align: center; }

.login__social-buttons button {
  margin: 0 0 10px;
  width: 100%; }

.login__social-buttons svg {
  margin-top: -2px; }
  .login__social-buttons svg.disabled {
    display: none; }

.login-buttons__button:disabled svg.enabled {
  display: none; }

.login-buttons__button:disabled svg.disabled {
  display: inline; }

.login-buttons__service-error {
  color: #d94f4f;
  font-size: 11px;
  margin: 0 10px 10px; }

.wp-login__links a {
  font-size: 14px; }
  .wp-login__links a:hover {
    color: #00aadc; }

.wp-login__links .gridicon {
  vertical-align: text-bottom; }

.two-factor-authentication__auth-code-preview {
  width: 100%;
  display: block;
  margin-bottom: 16px; }

.two-factor-authentication__form-button {
  width: 100%; }

.card.two-factor-authentication__form-action {
  background: white; }

.two-factor-authentication__small-print {
  clear: both;
  font-size: 11px;
  padding: 1em 0; }

.login__social-connect-prompt-logos {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.login__social-connect-prompt-logo {
  height: 72px;
  width: 72px; }

.login__social-connect-prompt-dots {
  margin: 0 5px; }

.login__social-connect-prompt-logo.wordpress {
  color: #0087be; }

.login__social-connect-prompt-message {
  margin: 20px 0; }

.login__social-connect-prompt-action .button {
  width: 100%; }

.plan-thank-you-card .thank-you-card__main-icon {
  margin-bottom: 8px; }

.plan-thank-you-card.is-free-plan .thank-you-card {
  background-color: #0083a9; }

.plan-thank-you-card.is-free-plan .thank-you-card .thank-you-card__header {
  background-color: #00aadc; }

.plan-thank-you-card.is-free-plan .thank-you-card__name.is-placeholder {
  background-color: #a9ebff; }

.plan-thank-you-card.is-free-plan .thank-you-card__price {
  color: #a9ebff; }
  .plan-thank-you-card.is-free-plan .thank-you-card__price.is-placeholder {
    background-color: #a9ebff; }

.plan-thank-you-card.is-free-plan .thank-you-card__button,
.plan-thank-you-card.is-free-plan .thank-you-card__button:visited {
  color: #003443;
  border-color: #005b76; }
  .plan-thank-you-card.is-free-plan .thank-you-card__button.is-placeholder,
  .plan-thank-you-card.is-free-plan .thank-you-card__button:visited.is-placeholder {
    background-color: #a9ebff; }

.plan-thank-you-card.is-free-plan .thank-you-card__button:hover {
  border-color: #003443;
  color: #0083a9; }

.plan-thank-you-card.is-free-plan .thank-you-card__button:focus {
  color: #0083a9; }

.plan-thank-you-card.is-free-plan .thank-you-card__button:active {
  color: #003443; }

.plan-thank-you-card.is-personal-plan .thank-you-card {
  background-color: #eca61a; }

.plan-thank-you-card.is-personal-plan .thank-you-card .thank-you-card__header {
  background-color: #f0b849; }

.plan-thank-you-card.is-personal-plan .thank-you-card__name.is-placeholder {
  background-color: white; }

.plan-thank-you-card.is-personal-plan .thank-you-card__price {
  color: white; }
  .plan-thank-you-card.is-personal-plan .thank-you-card__price.is-placeholder {
    background-color: white; }

.plan-thank-you-card.is-personal-plan .thank-you-card__button,
.plan-thank-you-card.is-personal-plan .thank-you-card__button:visited {
  color: #94660c;
  border-color: #c38710; }
  .plan-thank-you-card.is-personal-plan .thank-you-card__button.is-placeholder,
  .plan-thank-you-card.is-personal-plan .thank-you-card__button:visited.is-placeholder {
    background-color: white; }

.plan-thank-you-card.is-personal-plan .thank-you-card__button:hover {
  border-color: #94660c;
  color: #eca61a; }

.plan-thank-you-card.is-personal-plan .thank-you-card__button:focus {
  color: #eca61a; }

.plan-thank-you-card.is-personal-plan .thank-you-card__button:active {
  color: #94660c; }

.plan-thank-you-card.is-personal-plan .thank-you-card__header .plan-icon .plan-icon__personal-0 {
  fill: #eca61a; }

.plan-thank-you-card.is-premium-plan .thank-you-card__header .plan-icon .plan-icon__premium-0 {
  fill: #3a9551; }

.plan-thank-you-card.is-business-plan .thank-you-card {
  background-color: #6b4a86; }

.plan-thank-you-card.is-business-plan .thank-you-card .thank-you-card__header {
  background-color: #855DA6; }

.plan-thank-you-card.is-business-plan .thank-you-card__name.is-placeholder {
  background-color: #e8e1ee; }

.plan-thank-you-card.is-business-plan .thank-you-card__price {
  color: #e8e1ee; }
  .plan-thank-you-card.is-business-plan .thank-you-card__price.is-placeholder {
    background-color: #e8e1ee; }

.plan-thank-you-card.is-business-plan .thank-you-card__button,
.plan-thank-you-card.is-business-plan .thank-you-card__button:visited {
  color: #362644;
  border-color: #513865; }
  .plan-thank-you-card.is-business-plan .thank-you-card__button.is-placeholder,
  .plan-thank-you-card.is-business-plan .thank-you-card__button:visited.is-placeholder {
    background-color: #e8e1ee; }

.plan-thank-you-card.is-business-plan .thank-you-card__button:hover {
  border-color: #362644;
  color: #6b4a86; }

.plan-thank-you-card.is-business-plan .thank-you-card__button:focus {
  color: #6b4a86; }

.plan-thank-you-card.is-business-plan .thank-you-card__button:active {
  color: #362644; }

.plan-thank-you-card.is-business-plan .thank-you-card__header .plan-icon .plan-icon__business-0 {
  fill: #6b4a86; }

.plan-thank-you-card.checkout-thank-you__rebrand-cities .thank-you-card__main-icon {
  width: 100%;
  max-width: 200px; }

.plan-thank-you-card.checkout-thank-you__rebrand-cities .thank-you-card {
  background: white;
  color: #2e4453; }

.plan-thank-you-card.checkout-thank-you__rebrand-cities .thank-you-card__header {
  background: #00aadc;
  color: white; }

.plan-thank-you-card.checkout-thank-you__rebrand-cities .thank-you-card__price {
  color: #e9eff3; }

.plan-thank-you-card.checkout-thank-you__rebrand-cities .thank-you-card__description {
  width: auto; }

.plan-thank-you-card.checkout-thank-you__rebrand-cities .thank-you-card__button {
  background: #2e4453;
  color: white;
  border: 0; }

.post-actions {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style-type: none;
  margin: 10px 0; }
  .post-actions .post-actions__item {
    margin-right: 13px; }
    .post-actions .post-actions__item.post-actions__relative-time {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 20px; }
    .post-actions .post-actions__item a, .post-actions .post-actions__item.post-actions__relative-time {
      color: #537994; }
      .post-actions .post-actions__item a:hover, .post-actions .post-actions__item.post-actions__relative-time:hover {
        color: #00aadc; }
    .post-actions .post-actions__item:last-child {
      margin-right: 10px; }
    .post-actions .post-actions__item .comment-button,
    .post-actions .post-actions__item .like-button {
      padding: 0; }

.post-edit-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  color: #87a6bc;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style-type: none;
  padding: 4px;
  position: relative; }
  .post-edit-button:hover .gridicon, .post-edit-button:focus .gridicon, .post-edit-button:active .gridicon {
    fill: #00aadc; }
  .post-edit-button:hover .post-edit-button__label, .post-edit-button:focus .post-edit-button__label, .post-edit-button:active .post-edit-button__label {
    color: #00aadc; }
  .post-edit-button .gridicon {
    fill: #87a6bc;
    top: -1px; }
  .post-edit-button .post-edit-button__label {
    color: #87a6bc; }
    @media (max-width: 480px) {
      .post-edit-button .post-edit-button__label {
        display: none; } }

.post-edit-button__label {
  font-size: 14px;
  margin-left: 4px; }
  @media (max-width: 480px) {
    .post-edit-button__label {
      display: none; } }

.post-edit-button__icon {
  position: relative; }

.post-item {
  box-sizing: border-box;
  margin: 0 -1px; }
  .post-item,
  .post-item.is-expanded + .post-item {
    border: solid 1px #d9e3ea; }
  .post-item:not(:first-child) {
    border-top: 0; }
  .post-item.is-expanded {
    margin-top: 16px;
    margin-bottom: 16px;
    border: 1px solid #537994;
    outline: 4px solid #d9e3ea; }

.post-item__panel {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  min-height: 84px;
  background: white; }
  .post-item__panel.has-large-title {
    min-height: 89px; }
  @media (min-width: 481px) {
    .post-item__panel {
      padding: 0 24px; } }

.post-item__select {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 0 16px;
  margin-left: -16px; }
  .post-item__select:hover .form-checkbox {
    border-color: #a8bece; }
  @media (min-width: 481px) {
    .post-item__select {
      padding-left: 24px;
      margin-left: -24px; } }

.post-item__detail {
  position: relative;
  width: 100%;
  margin-right: auto;
  padding: 16px 0; }
  .post-item__card.is-mini .post-item__detail {
    padding: 12px 0; }
  .post-item__panel:not(.has-wrapped-title) .post-item__detail {
    overflow: hidden; }
    .post-item__panel:not(.has-wrapped-title) .post-item__detail::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 40px;
      height: auto;
      right: 0; }

.post-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.post-item__title {
  margin-bottom: 2px;
  font-weight: 700; }
  .post-item__panel.has-large-title .post-item__title {
    font-size: 20px;
    line-height: 1.2; }
  .post-item__panel:not(.has-wrapped-title) .post-item__title {
    white-space: nowrap; }

a.post-item__title-link,
a.post-item__title-link:visited {
  color: #2e4453; }
  a.post-item__title-link:hover,
  a.post-item__title-link:visited:hover {
    color: #4f748e; }
  .post-item__panel.is-untitled a.post-item__title-link, .post-item__panel.is-untitled
  a.post-item__title-link:visited {
    color: #87a6bc;
    font-style: italic; }
  .post-item__panel.is-placeholder a.post-item__title-link, .post-item__panel.is-placeholder
  a.post-item__title-link:visited {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .post-item__panel.is-placeholder a.post-item__title-link:after, .post-item__panel.is-placeholder
    a.post-item__title-link:visited:after {
      content: '\00a0'; }

.post-item__meta {
  font-size: 12px;
  line-height: 14px;
  color: #537994; }

.post-item__meta .post-time,
.post-item__meta .post-status,
.post-item__meta .post-status__text {
  margin-bottom: 0;
  vertical-align: top; }

.post-item__meta .post-status {
  margin-left: 7px; }

.post-item__meta .post-status__icon {
  width: 14px;
  height: 14px;
  margin-top: -3px;
  margin-right: 2px; }

.post-likes {
  font-size: 13px; }
  .post-likes .post-likes__item {
    display: inline-block;
    margin: 2px 8px 2px 0;
    vertical-align: top; }
    .post-likes .post-likes__item .gravatar {
      display: block; }
  .post-likes .post-likes__placeholder {
    vertical-align: top;
    margin-top: 6px;
    line-height: 14px;
    border-radius: 12px;
    display: inline-block;
    border: solid 1px #87a6bc;
    color: #537994;
    padding: 1px 6px;
    font-weight: 600;
    font-size: 11px; }

.post-share .card.banner,
.card.post-share__upgrade-nudge {
  margin: 0; }

.post-share__wrapper {
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out;
  border-top: solid 1px rgba(200, 215, 225, 0.5);
  margin: 0;
  position: relative;
  background-color: white; }
  .post-share__wrapper .notice {
    margin: 0; }

.post-share__title {
  font-size: 15px;
  margin: 16px 0 4px; }
  @media (min-width: 661px) {
    .post-share__title {
      font-size: 18px; } }

.post-share__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  @media (min-width: 961px) {
    .post-share__main {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.post-share__wrapper.is-placeholder {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(200, 215, 225, 0.5); }

.post-share__placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  margin: 0 0 0 24px;
  width: 300px;
  height: 80px; }
  .post-share__placeholder:after {
    content: '\00a0'; }

.post-share__head {
  border-bottom: 1px solid rgba(200, 215, 225, 0.5);
  padding: 0 16px 16px; }
  .post-share__wrapper.is-placeholder .post-share__head {
    border-bottom-width: 0; }
  @media (min-width: 481px) {
    .post-share__head {
      padding: 0 24px 16px; } }

.post-share__close {
  position: absolute;
  top: 0;
  right: 0; }
  .post-share__close.button.is-borderless {
    padding: 10px; }

.post-share__form {
  -webkit-box-flex: 3;
      -ms-flex: 3 0 0;
          flex: 3 0 0;
  margin: 0 16px 16px; }
  @media (min-width: 481px) {
    .post-share__form {
      margin: 0 24px 16px; } }
  .post-share__form .post-share__share-button {
    margin-left: 8px; }
  .post-share__form .post-share__schedule-button {
    padding-right: 8px;
    padding-left: 8px; }
  .post-share__form .editor-sharing__publicize-message {
    margin-top: 0; }
    .post-share__form .editor-sharing__publicize-message .editor-sharing__message-heading {
      line-height: 28px;
      margin-bottom: 0;
      padding: 11.5px 0; }
    .post-share__form .editor-sharing__publicize-message .editor-sharing__message-input {
      margin: 0; }
      .post-share__form .editor-sharing__publicize-message .editor-sharing__message-input.form-textarea {
        padding: 8px;
        width: 100%; }

.post-share__services {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 0;
          flex: 2 1 0;
  margin: 0 16px 16px; }
  @media (min-width: 481px) {
    .post-share__services {
      margin: 0 24px 16px; } }
  @media (min-width: 961px) {
    .post-share__services {
      margin: 0 24px 16px 0; } }

.post-share .card.post-share__services-header {
  box-shadow: none;
  padding: 11.5px 0;
  line-height: 28px; }

.post-share__services .section-header__actions {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.post-share__service {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #c8d7e1;
  margin-top: 16px; }
  .post-share__service:first-of-type {
    margin-top: 0; }
  .post-share__service.is-broken {
    cursor: not-allowed; }
  .post-share__service.is-active {
    color: #2e4453; }

.post-share__service .form-toggle__wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  margin-left: auto; }

.post-share__service .form-toggle__label .form-toggle__label-content {
  margin-left: 0; }

.post-share__service-account-social-logo {
  position: relative;
  top: 14px;
  left: -14px;
  width: 22px;
  height: 22px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
  overflow: hidden; }
  .post-share__service-account-social-logo::before {
    background-color: white;
    border-radius: 3px;
    content: '';
    display: block;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px; }
  .google_plus .post-share__service-account-social-logo {
    top: 11px; }
    .google_plus .post-share__service-account-social-logo::before {
      border-radius: 50%;
      height: 24px;
      width: 24px; }

.post-share__service .social-logo {
  position: relative;
  top: -1px;
  left: -1px; }

.post-share__service.google_plus .social-logo {
  top: 0;
  left: 0; }

.post-share__service-account-image {
  background-size: cover;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  opacity: 0.3; }

.post-share__service.is-active .post-share__service-account-image {
  opacity: 1; }

.post-share__service-account-name {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  line-height: 1.3;
  margin: 0 6px 0 -6px;
  overflow: hidden;
  position: relative;
  word-break: break-word; }

.post-share__service.is-active .social-logo.twitter,
.post-share__handle .social-logo.twitter {
  color: #55ACEE; }

.post-share__service.is-active .social-logo.facebook,
.post-share__handle .social-logo.facebook {
  color: #39579a; }

.post-share__service.is-active .social-logo.google-plus,
.post-share__handle .social-logo.google-plus {
  color: #df4a32; }

.post-share__service.is-active .social-logo.linkedin,
.post-share__handle .social-logo.linkedin {
  color: #0976b4; }

.post-share__service.is-active .social-logo.tumblr,
.post-share__handle .social-logo.tumblr {
  color: #35465c; }

.post-share__service.is-active .social-logo.path,
.post-share__handle .social-logo.path {
  color: #df3b2f; }

.post-share__service.is-active .social-logo.eventbrite,
.post-share__handle .social-logo.eventbrite {
  color: #ff8000; }

.post-share__service.is-active .post-share__service-account-image::after,
.post-share__handle .post-share__service-account-image::after {
  opacity: 0; }

.post-share__services-add {
  text-align: center;
  margin: 6px 16px 0; }
  @media (min-width: 481px) {
    .post-share__services-add {
      margin-right: 24px;
      margin-left: 24px; } }

.post-share__button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.post-share__share-combo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px; }
  .post-share__share-combo .post-share__share-button {
    margin-left: 0px; }

.post-share .post-share__footer-nav {
  margin: 0; }

.post-share .post-share__footer-items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .post-share .post-share__footer-items::after {
    content: '';
    display: none; }

.post-share__footer-items .ellipsis-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.post-share__footer-items .ellipsis-menu__toggle {
  padding-top: 0;
  padding-bottom: 0; }

.post-share__footer-items .ellipsis-menu__toggle .gridicon {
  top: 4px; }

.post-share__footer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: relative; }
  @media (min-width: 481px) {
    .post-share__footer-item {
      -webkit-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .post-share__footer-item::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; } }
  @media (min-width: 661px) {
    .post-share__footer-item {
      -webkit-box-align: start;
          -ms-flex-align: start;
                  -ms-grid-row-align: flex-start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (min-width: 961px) {
    .post-share__footer-item {
      -webkit-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.post-share__footer-item .social-logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px; }
  @media (min-width: 661px) {
    .post-share__footer-item .social-logo {
      position: relative;
      top: 1px; } }

.post-share__footer-item .gridicons-time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  padding: 3px;
  position: relative;
  top: -1px;
  left: -1px; }
  @media (min-width: 661px) {
    .post-share__footer-item .gridicons-time {
      top: 0; } }

.post-share__handle,
.post-share__timestamp {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 12px; }

.post-share__handle-value,
.post-share__timestamp-value {
  padding-left: 4px; }

@media (min-width: 481px) {
  .post-share__handle {
    margin-right: 7px; } }

@media (min-width: 661px) {
  .post-share__handle {
    margin-right: 12px; } }

@media (min-width: 961px) {
  .post-share__handle {
    margin-right: 7px; } }

@media (min-width: 481px) {
  .post-share__timestamp-value {
    padding-left: 0; } }

@media (min-width: 661px) {
  .post-share__timestamp-value {
    padding-left: 4px; } }

@media (min-width: 961px) {
  .post-share__timestamp-value {
    padding-left: 0; } }

.post-share__message {
  color: #537994;
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-style: italic;
  white-space: nowrap; }
  @media (min-width: 481px) {
    .post-share__message {
      display: block; } }
  @media (min-width: 661px) {
    .post-share__message {
      display: none; } }
  @media (min-width: 961px) {
    .post-share__message {
      display: block; } }

.post-share__external-url {
  color: #c8d7e1;
  transition: color 200ms;
  height: 24px;
  width: 24px; }
  .post-share__external-url:hover, .post-share__external-url:focus {
    color: #668eaa; }

.post-share__external-url .gridicon {
  position: relative;
  top: 1px; }

.post-status,
.post-status__icon,
.post-status__text {
  display: inline-block; }

.post-status__icon,
.post-status__text {
  vertical-align: middle; }

.post-status__icon {
  margin-right: 8px; }

.post-status__text {
  line-height: 1; }

.post-status.is-pending {
  color: #f0b849; }

.post-time {
  display: inline-block;
  line-height: 1; }
  .post-time::first-letter {
    text-transform: capitalize; }
  .post-time.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .post-time.is-placeholder:after {
      content: '\00a0'; }

.reader-author-link {
  color: #87a6bc; }

.reader-author-link:hover,
.reader-author-link:active {
  color: #00aadc; }

.reader-author-link:focus {
  color: #87a6bc; }

.reader-avatar {
  margin: 0 auto;
  max-height: 105px; }
  .reader-avatar.is-compact {
    max-height: 32px; }

.reader-avatar.has-site-and-author-icon .site-icon {
  height: 96px;
  width: 96px; }
  .reader-avatar.has-site-and-author-icon .site-icon .gridicon {
    height: 96px;
    width: 96px; }

.reader-avatar.has-site-and-author-icon .gravatar {
  border: 2px solid white;
  height: 80px;
  position: relative;
  left: 30px;
  top: -75px;
  width: 80px;
  background-color: white; }

.reader-avatar.is-compact.has-gravatar {
  min-width: 32px;
  min-height: 32px; }

.reader-avatar.is-compact.has-site-and-author-icon .site-icon {
  height: 32px;
  width: 32px; }
  .reader-avatar.is-compact.has-site-and-author-icon .site-icon .gridicon {
    height: 32px;
    width: 32px; }

.reader-avatar.is-compact.has-site-and-author-icon .gravatar {
  height: 24px;
  left: 12px;
  top: -22px;
  width: 24px; }

/* Header */
.reader-combined-card__header {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 32px;
  margin-bottom: 20px; }

.reader-avatar.has-site-icon {
  margin-right: 12px; }

.reader-combined-card__header-details {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-height: 32px; }

.reader-combined-card__site-link {
  color: #00aadc;
  line-height: 1.2em;
  margin-bottom: 0;
  top: 0;
  overflow: hidden;
  font-weight: 500; }
  .reader-combined-card__site-link:hover {
    color: #78dcfa; }
  .reader-combined-card__site-link::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 5%;
    height: auto; }

.reader-combined-card__header-post-count {
  color: #87a6bc;
  margin-bottom: 0;
  line-height: 1em;
  margin-top: 4px; }

.reader-combined-card__post-details {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  overflow: hidden;
  width: 100%; }

.reader-combined-card__post-title-link,
.reader-combined-card__post-title-link:visited {
  color: #2e4453;
  cursor: pointer;
  display: block;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: -2px;
  max-height: 22.4px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  word-wrap: break-word; }
  .reader-combined-card__post-title-link:hover, .reader-combined-card__post-title-link:focus,
  .reader-combined-card__post-title-link:visited:hover,
  .reader-combined-card__post-title-link:visited:focus {
    color: #2e4453; }
  .reader-combined-card__post-title-link::after,
  .reader-combined-card__post-title-link:visited::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 35px;
    height: auto;
    height: 22.4px; }

.reader-combined-card__post.has-featured-asset .reader-combined-card__featured-asset-wrapper {
  min-width: 64px;
  margin-right: 15px; }
  @media (min-width: 661px) {
    .reader-combined-card__post.has-featured-asset .reader-combined-card__featured-asset-wrapper {
      min-width: 100px; } }

@media (min-width: 661px) {
  .reader-combined-card__featured-asset-wrapper {
    min-width: 100px;
    margin-right: 15px; } }

.reader-combined-card .reader-featured-image {
  display: block;
  height: 64px; }

.reader-combined-card__post-list {
  margin-left: 0;
  margin-bottom: 18px;
  width: 100%; }

.reader-combined-card__post {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 20px;
  position: relative; }
  .reader-combined-card__post.is-selected::before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: 2px;
    left: -8px;
    width: 2px;
    background: #0087be; }
    @media (min-width: 661px) {
      .reader-combined-card__post.is-selected::before {
        left: -16px; } }
  .reader-combined-card__post.is-placeholder .reader-combined-card__featured-asset-wrapper,
  .reader-combined-card__post.is-placeholder .reader-combined-card__post-title,
  .reader-combined-card__post.is-placeholder .reader-excerpt,
  .reader-combined-card__post.is-placeholder .reader-combined-card__visit-link-placeholder,
  .reader-combined-card__post.is-placeholder .reader-combined-card__timestamp {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .reader-combined-card__post.is-placeholder .reader-combined-card__featured-asset-wrapper:after,
    .reader-combined-card__post.is-placeholder .reader-combined-card__post-title:after,
    .reader-combined-card__post.is-placeholder .reader-excerpt:after,
    .reader-combined-card__post.is-placeholder .reader-combined-card__visit-link-placeholder:after,
    .reader-combined-card__post.is-placeholder .reader-combined-card__timestamp:after {
      content: '\00a0'; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__post-title {
    height: 1.1em; }
  .reader-combined-card__post.is-placeholder .reader-excerpt {
    height: 1em;
    margin-top: 0.5em; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__visit-link-placeholder,
  .reader-combined-card__post.is-placeholder .reader-combined-card__timestamp {
    height: 1em;
    margin-top: 0.4em; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__visit-link-placeholder {
    width: 50px;
    margin-right: 30px; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__timestamp {
    width: 130px; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__post-author-and-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .reader-combined-card__post:last-of-type {
    margin-bottom: 18px; }

.reader-combined-card__post-author-and-time {
  font-size: 13px;
  color: #87a6bc;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  overflow: hidden;
  max-height: 18.2px;
  word-wrap: break-word;
  position: relative;
  margin-top: 3px; }
  .reader-combined-card__post-author-and-time:not(.is-placeholder)::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.reader-combined-card .reader-visit-link {
  margin-left: 0;
  margin-right: 26px; }
  .reader-combined-card .reader-visit-link .reader-visit-link__label {
    margin-left: -4px; }

.reader-combined-card .reader-visit-link,
.reader-combined-card .reader-author-link,
.reader-combined-card__timestamp-link {
  color: #87a6bc;
  cursor: pointer; }
  .reader-combined-card .reader-visit-link:focus, .reader-combined-card .reader-visit-link:link, .reader-combined-card .reader-visit-link:visited,
  .reader-combined-card .reader-author-link:focus,
  .reader-combined-card .reader-author-link:link,
  .reader-combined-card .reader-author-link:visited,
  .reader-combined-card__timestamp-link:focus,
  .reader-combined-card__timestamp-link:link,
  .reader-combined-card__timestamp-link:visited {
    color: #87a6bc; }
  .reader-combined-card .reader-visit-link:hover, .reader-combined-card .reader-visit-link:active,
  .reader-combined-card .reader-author-link:hover,
  .reader-combined-card .reader-author-link:active,
  .reader-combined-card__timestamp-link:hover,
  .reader-combined-card__timestamp-link:active {
    color: #00aadc; }

.reader-combined-card__post .reader-excerpt {
  font-size: 15px;
  font-weight: 100;
  overflow: hidden;
  max-height: 22.4px;
  word-wrap: break-word;
  position: relative;
  margin-top: 4px;
  white-space: nowrap; }
  .reader-combined-card__post .reader-excerpt:not(.is-placeholder)::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }

.reader-combined-card__site-link:focus, .reader-combined-card__site-link:link, .reader-combined-card__site-link:visited {
  color: #00aadc; }

.reader-combined-card__site-link:hover, .reader-combined-card__site-link:active {
  color: #78dcfa; }

.reader-combined-card.card {
  border-bottom: 1px solid #c8d7e1;
  box-shadow: none;
  margin: 0 15px;
  padding: 18px 0 0;
  position: relative; }
  @media (min-width: 661px) {
    .reader-combined-card.card {
      margin: 0; } }

.reader-combined-card__header .follow-button {
  border: 0;
  border-radius: 0;
  float: right;
  padding: 0;
  position: absolute;
  right: 0;
  top: 13px; }
  .reader-combined-card__header .follow-button .gridicon {
    fill: #00aadc; }
  .reader-combined-card__header .follow-button .follow-button__label {
    color: #00aadc; }
  .reader-combined-card__header .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .reader-combined-card__header .follow-button.is-following .follow-button__label {
    color: #4ab866; }
  .reader-combined-card__header .follow-button.is-discover {
    position: relative;
    top: 0;
    float: none;
    margin-top: 10px;
    margin-bottom: 3px; }
    @media (max-width: 660px) {
      .reader-combined-card__header .follow-button.is-discover .follow-button__label {
        display: inline; } }

.reader-email-settings__button {
  color: #87a6bc; }
  .reader-email-settings__button:hover {
    cursor: pointer; }

.reader-email-settings__button-label {
  font-size: 14px;
  margin-left: -2px; }
  @media (max-width: 660px) {
    .reader-email-settings__button-label {
      display: none; } }

.reader-popover__wrapper .segmented-control {
  background: inherit;
  padding: 0 12px 0 16px; }

.reader-popover__wrapper .segmented-control__link {
  background: white; }

.reader-email-settings__popout-toggle {
  color: #2e4453;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 10px 0 10px 15px; }

.reader-email-settings .gridicons-cog {
  fill: #a8bece;
  height: 18px;
  position: relative;
  left: 0;
  top: 8px; }
  @media (min-width: 661px) {
    .reader-email-settings .gridicons-cog {
      left: -4px;
      top: 4px; } }

.reader-excerpt sup, .reader-excerpt sub {
  vertical-align: baseline;
  position: relative;
  font-size: 0.83em; }

.reader-excerpt sup {
  top: -0.4em; }

.reader-excerpt sub {
  bottom: -0.2em; }

.reader-export-button {
  cursor: pointer; }
  .reader-export-button:hover .reader-export-button__icon {
    fill: #00aadc; }
  .reader-export-button:hover .reader-export-button__label {
    color: #00aadc; }

.reader-export-button__icon {
  fill: #87a6bc;
  vertical-align: middle; }

.reader-export-button__label {
  font-size: 14px;
  color: #87a6bc;
  padding-left: 4px; }

.reader-feed-header .reader-feed-header__site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 5px; }

.reader-feed-header__site-icon {
  -ms-flex-item-align: center;
      align-self: center;
  padding-bottom: 20px; }

.reader-feed-header__site-icon .site-icon.is-blank {
  height: 30px !important;
  visibility: hidden; }

.reader-feed-header .reader-feed-header__site-badge {
  color: #87a6bc;
  padding-right: 4px;
  line-height: 0;
  position: relative;
  vertical-align: middle; }

.reader-feed-header__site .reader-feed-header__site-title {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-size: 21px;
  font-weight: 600;
  max-height: 64px;
  overflow: hidden;
  position: relative;
  text-align: center;
  white-space: normal; }
  .reader-feed-header__site .reader-feed-header__site-title .reader-feed-header__site-title-link,
  .reader-feed-header__site .reader-feed-header__site-title .reader-feed-header__site-title-link:visited {
    color: #2e4453; }
  .reader-feed-header__site .reader-feed-header__site-title::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 15%;
    height: auto;
    height: 27.2px;
    top: auto; }
  @media (max-width: 960px) {
    .reader-feed-header__site .reader-feed-header__site-title {
      max-height: 94.4px; } }

.reader-feed-header {
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
  z-index: 0; }
  @media (max-width: 660px) {
    .reader-feed-header {
      margin: 20px 13px; } }
  .reader-feed-header .reader-feed-header__back-and-follow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 0;
    margin-left: auto; }
    @media (max-width: 960px) {
      .reader-feed-header .reader-feed-header__back-and-follow {
        margin-left: 0; } }
  .reader-feed-header .reader-feed-header__follow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    z-index: 1;
    position: relative;
    top: -4px; }
    @media (max-width: 960px) {
      .reader-feed-header .reader-feed-header__follow {
        margin-bottom: 10px; } }
  .reader-feed-header .reader-feed-header__follow-count {
    color: #87a6bc;
    font-size: 14px; }
    @media (max-width: 960px) {
      .reader-feed-header .reader-feed-header__follow-count {
        display: none; } }
  @media (min-width: 961px) {
    .reader-feed-header .reader-feed-header__follow-button .follow-button {
      margin-left: 20px; } }
  @media (max-width: 660px) {
    .reader-feed-header .reader-feed-header__follow-button .follow-button .follow-button__label {
      display: inline-block; } }
  @media (max-width: 480px) {
    .reader-feed-header .reader-feed-header__follow-button .follow-button .follow-button__label {
      display: none; } }
  .reader-feed-header .reader-feed-header__email-settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 10px;
    width: 100%; }
    @media (min-width: 661px) {
      .reader-feed-header .reader-feed-header__email-settings {
        padding-right: 12px; } }
    @media (max-width: 480px) {
      .reader-feed-header .reader-feed-header__email-settings {
        padding-right: 3px; } }
  .reader-feed-header.has-back-button .header-cake .button {
    max-width: none; }
  .reader-feed-header.has-back-button .reader-feed-header__site {
    margin-top: 0; }
  .reader-feed-header .reader-feed-header__details {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    position: relative; }
    .reader-feed-header .reader-feed-header__details .reader-feed-header__description {
      display: block;
      position: relative; }
      @media (max-width: 660px) {
        .reader-feed-header .reader-feed-header__details .reader-feed-header__description {
          max-height: 64px;
          overflow: hidden; }
          .reader-feed-header .reader-feed-header__details .reader-feed-header__description::after {
            content: '';
            display: block;
            position: absolute;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            pointer-events: none;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
            top: 0px;
            bottom: 0px;
            right: 0px;
            left: auto;
            width: 15%;
            height: auto;
            height: 20.8px;
            top: auto; } }
  .reader-feed-header .reader-feed-header__site {
    z-index: 0; }

.reader-feed-header .reader-feed-header__byline {
  display: block; }

.reader-feed-header .card {
  background: none;
  box-shadow: none;
  padding: 0; }
  @media (max-width: 660px) {
    .reader-feed-header .card {
      box-sizing: border-box;
      padding: 16px; } }
  .reader-feed-header .card.reader-feed-header__site {
    margin: 0 auto;
    padding: 0; }

.reader-feed-header__email-settings .gridicons-cog {
  top: 2px;
  left: 1px; }

@media (min-width: 661px) {
  .reader-feed-header__email-settings {
    margin-top: -1px; }
    .reader-feed-header__email-settings .gridicons-cog {
      left: 5px;
      top: 3px; } }

.reader-feed-header__email-settings .reader-email-settings__button-label {
  display: inline;
  position: relative;
  top: -2px;
  margin-left: 2px; }
  @media (min-width: 661px) {
    .reader-feed-header__email-settings .reader-email-settings__button-label {
      top: -1px;
      left: 2px;
      margin-left: 4px; } }
  @media (max-width: 480px) {
    .reader-feed-header__email-settings .reader-email-settings__button-label {
      display: none; } }

.reader-feed-header.is-placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .reader-feed-header.is-placeholder .site__title,
  .reader-feed-header.is-placeholder .site__domain,
  .reader-feed-header.is-placeholder .feed-header__description,
  .reader-feed-header.is-placeholder .feed-header__follow-count {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.reader-featured-image {
  border: 1px solid #e9eff3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer; }

.reader-featured-video__video iframe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.reader-featured-video__play-icon {
  opacity: 0.8;
  transition: opacity 0.25s; }

.reader-featured-image:hover .reader-featured-video__play-icon {
  opacity: 1; }

.is-section-devdocs .reader-featured-video__video {
  margin-bottom: 16px; }

.is-section-devdocs .reader-featured-video-example .reader-featured-image {
  min-height: 100px;
  margin-bottom: 16px; }

.reader-import-button {
  cursor: pointer; }
  .reader-import-button:hover .reader-import-button__icon {
    fill: #00aadc; }
  .reader-import-button:hover .reader-import-button__label {
    color: #00aadc; }

.reader-import-button__icon {
  fill: #87a6bc;
  vertical-align: middle; }

.reader-import-button__label {
  font-size: 14px;
  color: #87a6bc;
  padding-left: 4px; }

.reader-post-actions {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style-type: none;
  margin: 10px 0 0; }

.reader-post-actions .reader-post-actions__item {
  margin-right: 13px; }
  .reader-post-actions .reader-post-actions__item.reader-post-actions__visit {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .reader-post-actions .reader-post-actions__item.reader-post-actions__visit .reader-visit-link {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      box-sizing: border-box;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 4px 4px 4px 0;
      position: relative; }
  .reader-post-actions .reader-post-actions__item:last-child {
    margin-right: 0; }

.is-reader-page .is-site-stream .reader-post-card.card:nth-child(2) {
  border-top: 1px solid #c8d7e1; }

.is-reader-page .is-discover-stream.is-site-stream .reader-post-card.card:nth-child(2) {
  border-top: 0; }

.reader-post-card.card {
  border-bottom: 1px solid #c8d7e1;
  box-shadow: none;
  margin: 0 15px;
  padding: 18px 0 20px;
  position: relative; }
  @media (min-width: 661px) {
    .reader-post-card.card {
      margin: 0; } }
  .reader-post-card.card.is-selected::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -8px;
    width: 2px;
    background: #0087be; }
    @media (min-width: 661px) {
      .reader-post-card.card.is-selected::before {
        left: -16px; } }
  .reader-post-card.card.has-thumbnail .reader-featured-image {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-right: 20px;
    max-width: 190px;
    box-sizing: border-box; }
    @media (min-width: 961px) {
      .reader-post-card.card.has-thumbnail .reader-featured-image {
        max-width: 250px; } }
    @media (min-width: 661px) and (max-width: 940px) {
      .reader-post-card.card.has-thumbnail .reader-featured-image {
        height: 100px;
        max-width: none;
        width: 100%;
        margin-bottom: 10px; } }
    @media (max-width: 550px) {
      .reader-post-card.card.has-thumbnail .reader-featured-image {
        height: 100px;
        max-width: none;
        width: 100%;
        margin-bottom: 10px; } }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__post-details,
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__social {
    padding-left: 0; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__post-details {
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    margin: 0;
    padding-top: 8px; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__title {
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    position: relative;
    bottom: 30px;
    left: 20px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    width: calc( 100% - 44px);
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 0;
    margin-bottom: -15px;
    height: 19px;
    white-space: nowrap; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__title .reader-post-card__title-link {
    color: white;
    display: inline;
    font-size: 12px;
    letter-spacing: 0.01em; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-actions {
    margin: 0; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-actions .reader-post-actions__visit {
    margin-left: -3px; }
  .reader-post-card.card.has-thumbnail .reader-post-card__post, .reader-post-card.card.is-gallery .reader-post-card__post {
    margin-top: 18px; }
  .reader-post-card.card.has-thumbnail .reader-post-card__post-details, .reader-post-card.card.is-gallery .reader-post-card__post-details {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (min-width: 661px) and (max-width: 940px) {
      .reader-post-card.card.has-thumbnail .reader-post-card__post-details, .reader-post-card.card.is-gallery .reader-post-card__post-details {
        -webkit-box-flex: 0;
            -ms-flex: 0 auto;
                flex: 0 auto;
        margin-top: 7px;
        width: 100%; } }
    @media (max-width: 550px) {
      .reader-post-card.card.has-thumbnail .reader-post-card__post-details, .reader-post-card.card.is-gallery .reader-post-card__post-details {
        -webkit-box-flex: 0;
            -ms-flex: 0 auto;
                flex: 0 auto;
        margin-top: 7px;
        width: 100%; } }
  .reader-post-card.card.is-gallery .reader-post-card__post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .reader-post-card.card.is-gallery .reader-post-card__post, .reader-post-card.card.is-photo .reader-post-card__post {
    margin-top: 16px; }
  .reader-post-card.card .reader-post-actions {
    margin: 4px 0 0; }
  .reader-post-card.card.is-compact .reader-post-card__byline-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-height: 22.4px;
    max-width: calc( 100% - 40px);
    overflow: hidden;
    position: relative; }
    .reader-post-card.card.is-compact .reader-post-card__byline-details::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 10%;
      height: auto; }
  .reader-post-card.card.is-compact .reader-post-card__byline-author-site {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto; }
  .reader-post-card.card.is-compact .reader-post-card__timestamp-and-tag {
    margin-top: 0;
    margin-left: 0; }
    @media (min-width: 481px) {
      .reader-post-card.card.is-compact .reader-post-card__timestamp-and-tag {
        margin-left: 5px; } }
  .reader-post-card.card.is-compact .reader-post-card__byline-author-site::after,
  .reader-post-card.card.is-compact .reader-post-card__timestamp-and-tag::after {
    display: none; }
  .reader-post-card.card.is-compact .reader-post-card__timestamp-link {
    color: #87a6bc; }
  .reader-post-card.card.is-compact .reader-post-options-menu {
    position: absolute;
    right: 14px;
    top: 0; }
  .reader-post-card.card.is-compact .reader-featured-image {
    height: auto;
    margin-bottom: 0;
    margin-right: 15px;
    max-width: 100px;
    min-width: 100px; }
  .reader-post-card.card.is-compact .reader-post-card__post {
    margin-top: 0; }
    @media (max-width: 960px) {
      .reader-post-card.card.is-compact .reader-post-card__post {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .reader-post-card.card.is-compact .reader-post-card__post-details {
    margin-top: 0; }
  .reader-post-card.card.is-compact .reader-post-card__post-details .reader-excerpt {
    font-size: 15px;
    font-weight: 100;
    margin-top: 4px;
    max-height: 22.4px;
    overflow: hidden;
    position: relative;
    word-wrap: break-word; }

.reader-post-card__photo {
  border: 1px solid #c8d7e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
  top: 0;
  height: 225px;
  margin-right: 0;
  margin-bottom: 0;
  max-width: 100%; }
  .reader-post-card__photo:hover {
    cursor: zoom-in; }
  .reader-post-card__photo.is-expanded {
    background-position: center !important;
    min-width: 100%;
    max-width: 100%;
    background-size: cover; }
    .reader-post-card__photo.is-expanded:hover {
      cursor: pointer; }
  .reader-post-card__photo::before {
    content: '';
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.37) 65%, black 110%);
    height: 80px;
    opacity: 0.4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

.reader-post-card__byline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px; }

.reader-post-card__author::after {
  content: ', '; }

.reader__content .reader-post-card__timestamp-link,
.reader__content .reader-post-card__tag-link {
  color: #87a6bc;
  margin-top: 2px;
  cursor: pointer; }
  .reader__content .reader-post-card__timestamp-link:hover,
  .reader__content .reader-post-card__tag-link:hover {
    color: #00aadc; }

.reader-post-card__byline-details {
  color: #00aadc;
  width: 100%; }

.is-reader-page .reader-post-card.is-gallery .reader-post-card__post-details {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit; }

.reader-post-card__byline-author-site {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  height: 20px;
  width: calc( 100% - 25px); }
  .reader-post-card__byline-author-site::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }
  @media (min-width: 661px) {
    .reader-post-card__byline-author-site {
      width: calc( 100% - 90px); } }

.reader-post-card__timestamp-and-tag {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  margin-top: -2px; }

.reader-post-card__timestamp {
  display: inline-table; }

.reader-post-card__tags {
  color: #87a6bc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 20px;
  margin-left: 10px;
  overflow: hidden;
  position: relative;
  width: calc( 100% - 140px); }
  @media (max-width: 480px) {
    .reader-post-card__tags {
      max-width: 500px; } }
  .reader-post-card__tags::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }

.reader-post-card__tag {
  white-space: nowrap;
  margin-right: 3px; }
  .reader-post-card__tag::after {
    content: ', '; }
  .reader-post-card__tag:last-child:after {
    display: none; }

.reader-post-card__tags .gridicons-tag {
  height: 18px;
  fill: #87a6bc;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  margin-right: 5px; }

.reader-post-card__byline .reader-avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .reader-post-card__byline .reader-avatar.has-gravatar {
    margin-right: 6px; }
  .reader-post-card__byline .reader-avatar .gravatar {
    float: left;
    height: 32px;
    margin: 2px 6px 0 0;
    vertical-align: text-top;
    width: 32px; }
  .reader-post-card__byline .reader-avatar.has-site-icon {
    margin: 0 12px 0 0; }
  .reader-post-card__byline .reader-avatar .site-icon {
    width: 32px !important;
    height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important; }

.reader-post-card .has-site-and-author-icon .gravatar {
  display: none; }

.reader-post-card__link {
  color: #00aadc;
  cursor: pointer; }
  .reader-post-card__link:hover {
    color: #78dcfa; }
  .reader-post-card__link:visited {
    color: #00aadc; }

.reader-post-card__post {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 14px; }
  .reader-post-card__post .reader-post-card__post-details {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    width: 100%; }
  @media (min-width: 961px) and (max-width: 1040px) {
    .reader-post-card__post {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (min-width: 661px) and (max-width: 940px) {
    .reader-post-card__post {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 550px) {
    .reader-post-card__post {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.reader-post-card.is-expanded-video .reader-post-card__post {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.reader-post-card__post-details {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif; }

.reader-post-card__title {
  line-height: 1.4; }

.reader__content .reader-post-card__title-link,
.reader__content .reader-post-card__title-link:visited,
.reader-post-card__title-link,
.reader-post-card__title-link:visited {
  color: #2e4453;
  cursor: pointer;
  font-size: 19px;
  font-weight: 700;
  display: block; }
  .reader__content .reader-post-card__title-link:hover,
  .reader__content .reader-post-card__title-link:visited:hover,
  .reader-post-card__title-link:hover,
  .reader-post-card__title-link:visited:hover {
    color: #2e4453; }
  @media (min-width: 481px) {
    .reader__content .reader-post-card__title-link,
    .reader__content .reader-post-card__title-link:visited,
    .reader-post-card__title-link,
    .reader-post-card__title-link:visited {
      font-size: 19px; } }

.reader-post-card .reader-excerpt {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 100;
  margin-top: 9px;
  word-break: break-word;
  position: relative; }
  .reader-post-card .reader-excerpt p {
    margin: 0; }

.reader-post-card.card:not(.is-discover) .reader-excerpt {
  overflow: hidden;
  max-height: 76.8px; }
  @media (min-width: 961px) {
    .reader-post-card.card:not(.is-discover) .reader-excerpt {
      max-height: 48px; } }
  .reader-post-card.card:not(.is-discover) .reader-excerpt::before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 120px;
    height: auto;
    top: inherit;
    height: 24px; }

.reader-post-card.card:not(.is-discover) .reader-excerpt[direction=rtl]::before {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 90%);
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: auto;
  width: 120px;
  height: auto;
  top: inherit;
  height: 24px; }

.reader-post-card.card:not(.is-discover) .reader-excerpt[direction=ltr]::before {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 120px;
  height: auto;
  top: inherit;
  height: 24px; }

.reader-post-card.card.has-thumbnail:not(.is-gallery):not(.is-discover):not(.is-compact) .reader-excerpt {
  max-height: 76.8px;
  overflow: hidden; }

.reader-post-card.card .reader-post-actions__item {
  font-size: 14px;
  height: 22px; }
  .reader-post-card.card .reader-post-actions__item.reader-post-actions__visit .gridicon {
    position: relative;
    left: -2px;
    top: -1px; }
  .reader-post-card.card .reader-post-actions__item .gridicons-external {
    margin-right: 2px; }
  .reader-post-card.card .reader-post-actions__item .reader-share__button .gridicon {
    position: relative;
    top: 1px; }
  .reader-post-card.card .reader-post-actions__item .like-button .gridicon {
    top: 5px; }
  .reader-post-card.card .reader-post-actions__item .like-button__label {
    margin: -3px 0 0 -5px; }
  .reader-post-card.card .reader-post-actions__item .comment-button {
    -webkit-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start; }
  .reader-post-card.card .reader-post-actions__item .comment-button .gridicon {
    top: 4px;
    margin-right: 2px; }
  .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon {
    position: relative; }
    @media (min-width: 961px) {
      .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon {
        top: 1px; } }
    @media (min-width: 1100px) {
      .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon {
        top: 0; } }
    @media (min-width: 661px) and (max-width: 940px) {
      .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon {
        top: 1px; } }
    @media (max-width: 660px) {
      .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon {
        top: 1px; } }
  @media (min-width: 961px) {
    .reader-post-card.card .reader-post-actions__item .reader-share__button-label,
    .reader-post-card.card .reader-post-actions__item .comment-button__label-status,
    .reader-post-card.card .reader-post-actions__item .like-button__label-status {
      display: none; } }
  @media (min-width: 1100px) {
    .reader-post-card.card .reader-post-actions__item .reader-share__button-label,
    .reader-post-card.card .reader-post-actions__item .comment-button__label-status,
    .reader-post-card.card .reader-post-actions__item .like-button__label-status {
      display: inline; } }
  @media (max-width: 660px) {
    .reader-post-card.card .reader-post-actions__item .reader-share__button-label,
    .reader-post-card.card .reader-post-actions__item .comment-button__label-status,
    .reader-post-card.card .reader-post-actions__item .like-button__label-status {
      display: none; } }
  .reader-post-card.card .reader-post-actions__item .ellipsis-menu .button.is-borderless .gridicon {
    left: 2px;
    top: -2px; }

.reader-post-card.card .follow-button {
  border: 0;
  border-radius: 0;
  float: right;
  padding: 0;
  position: absolute;
  right: 0;
  top: 16px; }
  .reader-post-card.card .follow-button .gridicon {
    fill: #00aadc; }
  .reader-post-card.card .follow-button .follow-button__label {
    color: #00aadc; }
  .reader-post-card.card .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .reader-post-card.card .follow-button.is-following .follow-button__label {
    color: #4ab866; }
  .reader-post-card.card .follow-button.is-discover {
    position: relative;
    top: 0;
    float: none;
    margin-top: 10px;
    margin-bottom: 3px; }
    @media (max-width: 660px) {
      .reader-post-card.card .follow-button.is-discover .follow-button__label {
        display: inline; } }

@media (min-width: 1040px) {
  .is-group-reader.has-chat .reader-post-card__post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .is-group-reader.has-chat .reader-post-card__post .reader-featured-image {
    height: 100px;
    margin-right: 0;
    max-width: 100%; }
  .is-group-reader.has-chat .reader-share__button-label,
  .is-group-reader.has-chat .comment-button__label-status,
  .is-group-reader.has-chat .like-button__label-status {
    display: none; } }

.reader-post-card__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 17px;
  padding: 0; }
  @media (min-width: 661px) and (max-width: 940px) {
    .reader-post-card__gallery {
      margin: 0 0 10px; } }
  @media (max-width: 550px) {
    .reader-post-card__gallery {
      margin: 0 0 10px; } }

.reader-post-card__gallery-item {
  border: 1px solid #e9eff3;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  list-style-type: none;
  margin-right: 1px; }
  .reader-post-card__gallery-item:last-child {
    margin-right: 0; }
  @media (min-width: 661px) and (max-width: 940px) {
    .reader-post-card__gallery-item:last-child {
      display: none; } }
  @media (max-width: 480px) {
    .reader-post-card__gallery-item:nth-last-of-type(-n + 2) {
      display: none; } }

.reader-post-card .reader-featured-video__video {
  padding-bottom: 17px; }
  @media (min-width: 661px) and (max-width: 940px) {
    .reader-post-card .reader-featured-video__video {
      padding-bottom: 10px; } }
  @media (max-width: 550px) {
    .reader-post-card .reader-featured-video__video {
      padding-bottom: 10px; } }

.reader-post-card__gallery-image {
  height: 100px; }
  @media (min-width: 961px) {
    .reader-post-card__gallery-image {
      height: 130px; } }

.reader-post-card__blocked-description {
  margin-bottom: 0;
  color: #2e4453; }

.reader-post-card__blocked-undo {
  padding-left: 2px;
  cursor: pointer; }

.is-section-devdocs .reader-post-card.card {
  padding: 16px; }

.reader-post-options-menu .button.is-borderless,
.reader-post-options-menu .ellipsis-menu .button.is-borderless {
  color: #87a6bc; }
  .reader-post-options-menu .button.is-borderless:hover, .reader-post-options-menu .button.is-borderless:focus, .reader-post-options-menu .button.is-borderless:active,
  .reader-post-options-menu .ellipsis-menu .button.is-borderless:hover,
  .reader-post-options-menu .ellipsis-menu .button.is-borderless:focus,
  .reader-post-options-menu .ellipsis-menu .button.is-borderless:active {
    color: #00aadc; }

.reader-post-options-menu.is-menu-visible .button.is-borderless,
.reader-post-options-menu .ellipsis-menu.is-menu-visible .button.is-borderless {
  color: #0087be; }

.reader-post-options-menu__hr {
  margin: 8px 0;
  background: #e9eff3; }

.reader-post-options-menu__popover .popover__menu .follow-button {
  color: #00aadc;
  padding: 9px 16px; }
  .reader-post-options-menu__popover .popover__menu .follow-button .gridicon {
    position: absolute;
    left: 17px;
    top: 12px; }
    .reader-post-options-menu__popover .popover__menu .follow-button .gridicon:hover {
      fill: white; }
  .reader-post-options-menu__popover .popover__menu .follow-button:hover, .reader-post-options-menu__popover .popover__menu .follow-button:focus {
    background-color: #00aadc;
    color: white; }
    .reader-post-options-menu__popover .popover__menu .follow-button:hover .gridicon, .reader-post-options-menu__popover .popover__menu .follow-button:focus .gridicon {
      fill: white; }
    .reader-post-options-menu__popover .popover__menu .follow-button:hover .follow-button__label, .reader-post-options-menu__popover .popover__menu .follow-button:focus .follow-button__label {
      color: white; }

.reader-post-options-menu__popover .follow-button__label {
  display: inline-block;
  margin-left: 26px; }

.popover__menu-item.reader-post-options-menu__blog-sticker-menu-item {
  padding: 6px 16px 9px;
  width: 100%; }
  .popover__menu-item.reader-post-options-menu__blog-sticker-menu-item .gridicon {
    position: relative;
    left: -1px;
    top: 1px; }
  .popover__menu-item.reader-post-options-menu__blog-sticker-menu-item:last-child {
    margin-bottom: 0; }
  .popover__menu-item.reader-post-options-menu__blog-sticker-menu-item.has-sticker {
    color: #d94f4f; }
    .popover__menu-item.reader-post-options-menu__blog-sticker-menu-item.has-sticker .gridicon {
      fill: #d94f4f; }
    .popover__menu-item.reader-post-options-menu__blog-sticker-menu-item.has-sticker:hover, .popover__menu-item.reader-post-options-menu__blog-sticker-menu-item.has-sticker:focus {
      color: white;
      background: #d94f4f; }
      .popover__menu-item.reader-post-options-menu__blog-sticker-menu-item.has-sticker:hover .gridicon, .popover__menu-item.reader-post-options-menu__blog-sticker-menu-item.has-sticker:focus .gridicon {
        fill: white; }

@media (max-width: 660px) {
  .reader-recommended-sites {
    margin: 0 15px; } }

.reader-recommended-sites__header {
  color: #a8bece;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 13px 0 10px;
  position: relative;
  text-transform: uppercase; }
  @media (min-width: 661px) {
    .reader-recommended-sites__header {
      margin: 13px 0 17px; } }
  .reader-recommended-sites__header .gridicon {
    fill: #a8bece;
    margin-right: 5px;
    position: relative;
    left: -2px;
    top: 2px; }

.reader-recommended-sites__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 20px;
  padding: 0; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-recommended-sites__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 660px) {
    .reader-recommended-sites__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; } }
  @media (max-width: 535px) {
    .reader-recommended-sites__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; } }

.reader-recommended-sites__site-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style-type: none;
  margin-top: -40px; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-recommended-sites__site-list-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin-top: 0; }
      .reader-recommended-sites__site-list-item + .reader-recommended-sites__site-list-item {
        margin-top: 10px; } }
  @media (max-width: 535px) {
    .reader-recommended-sites__site-list-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin-top: 0; }
      .reader-recommended-sites__site-list-item + .reader-recommended-sites__site-list-item {
        margin-top: 10px; } }
  .reader-recommended-sites__site-list-item > :nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .reader-recommended-sites__site-list-item .reader-recommended-sites__recommended-site-dismiss {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .reader-recommended-sites__site-list-item .reader-recommended-sites__recommended-site-dismiss .button.is-borderless {
      padding: 0;
      position: relative;
      z-index: 0;
      top: 5px; }
      @media (min-width: 661px) {
        .reader-recommended-sites__site-list-item .reader-recommended-sites__recommended-site-dismiss .button.is-borderless {
          top: -2px;
          right: -2px; } }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-recommended-sites__site-list-item .reader-recommended-sites__recommended-site-dismiss .button.is-borderless {
          right: 0; } }
      @media (max-width: 535px) {
        .reader-recommended-sites__site-list-item .reader-recommended-sites__recommended-site-dismiss .button.is-borderless {
          top: 8px; } }
    .reader-recommended-sites__site-list-item .reader-recommended-sites__recommended-site-dismiss .button.is-borderless .gridicon,
    .reader-recommended-sites__site-list-item .reader-recommended-sites__recommended-site-dismiss .gridicon,
    .reader-recommended-sites__site-list-item .reader-recommended-sites__recommended-site-dismiss .gridicons-cross {
      fill: #a8bece;
      width: 14px;
      height: 14px; }
  .reader-recommended-sites__site-list-item .reader-subscription-list-item {
    padding: 5px 0;
    position: relative; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-recommended-sites__site-list-item .reader-subscription-list-item {
        margin: 0 0 0 10px; } }
    @media (max-width: 660px) {
      .reader-recommended-sites__site-list-item .reader-subscription-list-item {
        margin: 10px 0 0 10px; } }
    @media (max-width: 960px) {
      .reader-recommended-sites__site-list-item .reader-subscription-list-item .follow-button .follow-button__label {
        display: none; } }
    @media (max-width: 960px) {
      .reader-recommended-sites__site-list-item .reader-subscription-list-item .gridicon.gridicon__follow {
        left: 4px; } }
  .reader-recommended-sites__site-list-item:first-child {
    margin-right: 20px; }
    @media (max-width: 535px) {
      .reader-recommended-sites__site-list-item:first-child {
        margin-right: 0; } }
  .reader-recommended-sites__site-list-item:last-child {
    margin-left: 20px; }
    @media (max-width: 535px) {
      .reader-recommended-sites__site-list-item:last-child {
        margin-left: 0; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-recommended-sites__site-list-item:first-child, .reader-recommended-sites__site-list-item:last-child {
      margin-left: 0;
      margin-right: 0; } }
  .reader-recommended-sites__site-list-item:only-child {
    margin-left: 0;
    margin-right: 0; }
  .reader-recommended-sites__site-list-item .reader-subscription-list-item__byline {
    margin-right: 0;
    padding-right: 0; }
  .reader-recommended-sites__site-list-item .reader-subscription-list-item__options {
    position: absolute;
    right: 0; }
  .reader-recommended-sites__site-list-item .reader-subscription-list-item__site-title {
    color: #00aadc;
    width: calc( 100% - 20px);
    word-break: break-all; }
    @media (min-width: 961px) {
      .reader-recommended-sites__site-list-item .reader-subscription-list-item__site-title {
        width: calc( 100% - 70px); } }
  .reader-recommended-sites__site-list-item .reader-subscription-list-item__by-text,
  .reader-recommended-sites__site-list-item .reader-subscription-list-item__site-url {
    display: block;
    max-height: 22.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    word-break: break-all;
    width: 100%; }
    .reader-recommended-sites__site-list-item .reader-subscription-list-item__by-text:not(.is-placeholder)::after,
    .reader-recommended-sites__site-list-item .reader-subscription-list-item__site-url:not(.is-placeholder)::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
    .reader-recommended-sites__site-list-item .reader-subscription-list-item__by-text.is-placeholder,
    .reader-recommended-sites__site-list-item .reader-subscription-list-item__site-url.is-placeholder {
      margin-top: 2px; }
  .reader-recommended-sites__site-list-item .reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-url.is-placeholder {
    margin-top: 2px; }
  .reader-recommended-sites__site-list-item .reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-excerpt.is-placeholder {
    max-width: 70%; }

.reader-related-card-v2__heading {
  color: #87a6bc;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
  display: -webkit-box;
  letter-spacing: 0.01em;
  max-height: 22.4px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
  .reader-related-card-v2__heading::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 35px;
    height: auto; }
  @media (max-width: 660px) {
    .reader-related-card-v2__heading {
      margin-bottom: 0;
      padding-bottom: 20px; } }

.reader-related-card-v2__link,
.reader-related-card-v2__link:visited {
  color: #00aadc;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
  .reader-related-card-v2__link:hover,
  .reader-related-card-v2__link:visited:hover {
    color: #78dcfa; }

.reader-related-card-v2__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
  padding: 0; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__list {
      display: block; } }
  @media (max-width: 660px) {
    .reader-related-card-v2__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__list {
      display: block; } }

.reader-related-card-v2__list-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  list-style-type: none;
  margin-top: -3px; }
  .reader-related-card-v2__list-item:first-child {
    margin-right: 10px; }
    @media (max-width: 660px) {
      .reader-related-card-v2__list-item:first-child {
        margin-right: 10px; } }
  .reader-related-card-v2__list-item:last-child {
    margin-left: 10px; }
    @media (max-width: 660px) {
      .reader-related-card-v2__list-item:last-child {
        margin-left: 10px; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__list-item:first-child, .reader-related-card-v2__list-item:last-child {
      margin: 0 0 20px 0; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__list-item:first-child, .reader-related-card-v2__list-item:last-child {
      margin: 0 0 20px 0; } }
  @media (max-width: 480px) {
    .reader-related-card-v2__list-item:first-child, .reader-related-card-v2__list-item:last-child {
      margin: 0 0 20px 0; } }
  .reader-related-card-v2__list-item:only-child {
    margin: 0; }

.reader-related-card-v2.card.is-compact {
  box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0; }
  @media (max-width: 480px) {
    .reader-related-card-v2.card.is-compact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2.card.is-compact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 535px) {
    .reader-related-card-v2.card.is-compact {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.reader-related-card-v2.card {
  z-index: 0; }
  .reader-related-card-v2.card .reader-related-card-v2__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 13px;
    z-index: 1;
    width: 100%; }
    .reader-related-card-v2.card .reader-related-card-v2__meta::last-child {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .reader-related-card-v2.card .reader-related-card-v2__meta > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .reader-related-card-v2.card .reader-related-card-v2__post {
    display: block;
    overflow: hidden; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2.card .reader-related-card-v2__post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media (max-width: 535px) {
      .reader-related-card-v2.card .reader-related-card-v2__post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .reader-related-card-v2.card .reader-related-card-v2__post::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 35px;
      height: auto;
      bottom: 0;
      height: 23px;
      top: inherit;
      visibility: visible; }
  .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__meta {
    margin-bottom: 16px; }
  @media (max-width: 535px) {
    .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__site-info {
      -webkit-box-flex: 3;
          -ms-flex: 3 0 0;
              flex: 3 0 0; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__site-info {
      -webkit-box-flex: 3;
          -ms-flex: 3 0 0;
              flex: 3 0 0; } }
  .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__title {
    font-size: 17px; }
  .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__excerpt {
    font-size: 15px; }
  .reader-related-card-v2.card .reader-related-card-v2__title {
    margin-bottom: 7px; }

.reader-related-card-v2__blocks {
  border-top: 1px solid #c8d7e1;
  padding-top: 11px; }
  .reader-related-card-v2__blocks .reader-related-card-v2__post {
    max-height: 206px; }
    .reader-related-card-v2__blocks .reader-related-card-v2__post::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 35px;
      height: auto;
      bottom: 0;
      height: 22px;
      top: inherit;
      visibility: visible; }
  .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2 {
    margin-top: -6px; }
  .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2__meta {
    display: none !important; }
  .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2__featured-image {
    margin: 0 0 14px; }
  .reader-related-card-v2__blocks.is-same-site .has-thumbnail .reader-related-card-v2__post {
    max-height: 108.8px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2__blocks.is-same-site .has-thumbnail .reader-related-card-v2__post {
        max-height: 108.8px; } }
    @media (max-width: 535px) {
      .reader-related-card-v2__blocks.is-same-site .has-thumbnail .reader-related-card-v2__post {
        max-height: 108.8px; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2__post {
      -webkit-box-flex: 3;
          -ms-flex: 3 0 0;
              flex: 3 0 0; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2__post {
      -webkit-box-flex: 3;
          -ms-flex: 3 0 0;
              flex: 3 0 0; } }
  .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2.has-thumbnail {
    margin-top: 0; }
  .reader-related-card-v2__blocks.is-other-site {
    margin-top: 30px; }
    .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
      max-height: 204px; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
          max-height: 108.8px; } }
      @media (max-width: 535px) {
        .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
          max-height: 108.8px; } }
      @media (max-width: 480px) {
        .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
          max-height: 108.8px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__featured-image {
        margin: 0 15px 0 0; } }
    @media (max-width: 535px) {
      .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__featured-image {
        margin: 0 15px 0 0; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__meta {
        position: absolute;
        width: 100%; } }
    @media (max-width: 535px) {
      .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__meta {
        position: absolute; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
        margin-top: 50px; } }
    @media (max-width: 535px) {
      .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
        margin-top: 50px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__site-info {
        margin-top: 20px; } }
    @media (max-width: 535px) {
      .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__site-info {
        margin-top: 20px; } }
    .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__meta {
      margin-bottom: 19px; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__meta {
          margin-top: -4px;
          right: 0;
          width: calc( 100% - 97px); } }
      @media (max-width: 535px) {
        .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__meta {
          margin-top: -4px;
          right: 0;
          width: calc( 100% - 97px); } }
    .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__post {
      max-height: 108.8px; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__post {
          -webkit-box-flex: 3;
              -ms-flex: 3 0 0;
                  flex: 3 0 0;
          margin-top: 25px;
          max-height: 127.84px; } }
      @media (max-width: 535px) {
        .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__post {
          -webkit-box-flex: 3;
              -ms-flex: 3 0 0;
                  flex: 3 0 0;
          margin-top: 25px;
          max-height: 127.84px; } }
    .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2 {
      margin-top: -5px; }
    .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__featured-image {
      margin: 0 0 14px; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2, .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2, .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2__featured-image, .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__featured-image {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
      margin: 0 15px 0 0;
      width: 80px; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2__featured-image, .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__featured-image {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
      margin: 0 15px 0 0;
      width: 80px; } }

.reader-related-card-v2__blocks {
  border-top: 1px solid #c8d7e1;
  padding-top: 11px; }
  .reader-related-card-v2__blocks .reader-related-card-v2__post {
    max-height: 108.8px; }
    .reader-related-card-v2__blocks .reader-related-card-v2__post::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 35px;
      height: auto;
      bottom: 0;
      height: 22px;
      top: auto;
      visibility: visible; }

.reader-related-card-v2__meta .gravatar {
  height: 32px;
  margin: 5px 8px 0 0;
  vertical-align: middle;
  width: 32px; }

.reader-related-card-v2__byline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  margin-top: 3px;
  min-height: 38px; }

.reader-related-card-v2__byline-author {
  margin-top: -5px; }

.reader-related-card-v2__byline-site {
  margin-top: -4px; }

.reader-related-card-v2__byline-author,
.reader-related-card-v2__byline-site {
  color: #00aadc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  max-height: 24.5px;
  max-width: 200px;
  overflow: hidden;
  overflow-wrap: break-word;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word; }
  .reader-related-card-v2__byline-author::after,
  .reader-related-card-v2__byline-site::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 15%;
    height: auto; }
  @media (max-width: 960px) {
    .reader-related-card-v2__byline-author,
    .reader-related-card-v2__byline-site {
      max-width: 145px; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__byline-author,
    .reader-related-card-v2__byline-site {
      max-width: 200px; } }
  @media (max-width: 660px) {
    .reader-related-card-v2__byline-author,
    .reader-related-card-v2__byline-site {
      max-width: 145px; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__byline-author,
    .reader-related-card-v2__byline-site {
      max-width: 200px; } }
  @media (max-width: 480px) {
    .reader-related-card-v2__byline-author,
    .reader-related-card-v2__byline-site {
      max-width: 110px; } }

.reader-related-card-v2__featured-image {
  border: 1px solid #e9eff3;
  min-height: 153px; }
  @media (max-width: 535px) {
    .reader-related-card-v2__featured-image {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0;
              flex: 1 1 0;
      height: auto;
      margin: 0 15px 0 0;
      min-height: 78px; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__featured-image {
      height: auto;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0;
              flex: 1 1 0;
      margin: 0 15px 0 0;
      min-height: 78px; } }
  @media (max-width: 660px) {
    .reader-related-card-v2__featured-image {
      min-height: 78px; } }

.reader-related-card-v2__title,
.reader-related-card-v2__excerpt {
  color: #2e4453;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif; }

.reader-related-card-v2__site-info {
  position: relative; }

.reader-related-card-v2__title {
  font-size: 17px;
  font-weight: 700;
  line-height: 25px; }
  @media (max-width: 660px) {
    .reader-related-card-v2__title {
      overflow: hidden;
      max-height: 48px;
      word-wrap: break-word; }
      .reader-related-card-v2__title::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 35px;
        height: auto;
        top: 22.4px;
        height: 22.4px; } }
  @media (min-width: 661px) {
    .reader-related-card-v2__title {
      overflow: hidden;
      max-height: 79.56px;
      word-wrap: break-word; }
      .reader-related-card-v2__title::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 35px;
        height: auto;
        top: 48px;
        height: 24px; } }

.reader-related-card-v2__excerpt {
  word-wrap: break-word; }
  .reader-related-card-v2__excerpt.post-excerpt {
    display: -webkit-box;
    font-size: 15px;
    line-height: 25px;
    max-height: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: initial;
    word-wrap: break-word;
    word-break: break-word; }

.reader-related-card-v2__meta .follow-button {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin-bottom: 12px;
  margin-top: -4px;
  min-width: 70px;
  position: relative;
  padding: 0;
  z-index: 1; }
  .reader-related-card-v2__meta .follow-button .gridicon__follow {
    fill: #00aadc; }
  @media (max-width: 960px) {
    .reader-related-card-v2__meta .follow-button {
      min-width: 20px; } }
  .reader-related-card-v2__meta .follow-button .follow-button__label {
    color: #00aadc; }
    @media (max-width: 960px) {
      .reader-related-card-v2__meta .follow-button .follow-button__label {
        display: none; } }
  @media (max-width: 960px) {
    .reader-related-card-v2__meta .follow-button .gridicon {
      padding-right: 0; } }
  .reader-related-card-v2__meta .follow-button.is-following .follow-button__label {
    color: #4ab866; }

.reader-related-card-v2.is-placeholder .reader-related-card-v2__title,
.reader-related-card-v2.is-placeholder .reader-related-card-v2__excerpt,
.reader-related-card-v2.is-placeholder .reader-related-card-v2__featured-image {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__title:after,
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__excerpt:after,
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__featured-image:after {
    content: '\00a0'; }
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__title::after,
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__excerpt::after,
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__featured-image::after {
    content: none; }

.reader-related-card-v2.is-placeholder .reader-related-card-v2__featured-image {
  border: 0; }

@media (min-width: 661px) and (max-width: 730px) {
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__site-info {
    -webkit-box-flex: 3;
        -ms-flex: 3 0 0;
            flex: 3 0 0; } }

@media (max-width: 535px) {
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__site-info {
    -webkit-box-flex: 3;
        -ms-flex: 3 0 0;
            flex: 3 0 0; } }

.reader-related-card-v2.is-placeholder .reader-related-card-v2__post::after {
  content: none; }

.reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-author,
.reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-site {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-author:after,
  .reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-site:after {
    content: '\00a0'; }
  .reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-author::after,
  .reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-site::after {
    content: none; }

.reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-site {
  margin-top: 4px; }

.is-section-devdocs .reader-related-card-v2__blocks.is-same-site {
  border: 0;
  padding-top: 0; }

.is-section-devdocs .reader-related-card-v2__blocks.is-other-site {
  margin-top: 20px;
  padding-top: 20px; }

.reader-share__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  color: #87a6bc;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  position: relative; }
  .reader-share__button:hover, .reader-share__button:focus, .reader-share__button:active {
    cursor: pointer;
    color: #00aadc; }
  .reader-share__button .gridicon {
    transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .reader-share__button.is-active {
    color: #0087be; }
    .reader-share__button.is-active .gridicon {
      fill: #0087be; }

.reader-share__button-label {
  margin-left: 6px; }
  @media (max-width: 480px) {
    .reader-share__button-label {
      display: none; } }

@media (max-width: 480px) {
  .reader-share__popover {
    width: 152px;
    padding-right: 2px; } }

.reader-share__popover-item span {
  display: inline-block;
  line-height: 24px;
  margin-left: 34px; }
  @media (min-width: 481px) {
    .reader-share__popover-item span {
      margin-left: 27px; } }

.reader-share__popover-item .gridicon,
.reader-share__popover-item .social-logo {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 8px;
  left: 18px;
  padding: 0;
  fill: #87a6bc; }
  @media (min-width: 481px) {
    .reader-share__popover-item .gridicon,
    .reader-share__popover-item .social-logo {
      left: 11px; } }

.reader-share__popover-item .gridicons-my-sites {
  fill: #0087be; }

.reader-share__popover-item .social-logo.twitter {
  fill: #2aa9e0; }

.reader-share__popover-item .social-logo.facebook {
  fill: #3B5998; }

.reader-share__popover-item:hover .gridicon,
.reader-share__popover-item:hover .social-logo, .reader-share__popover-item:focus .gridicon,
.reader-share__popover-item:focus .social-logo {
  fill: white; }

.reader-share__popover {
  min-width: 240px; }

.reader-share__site-selector.site-selector {
  border-top: 1px solid #c8d7e1; }

.reader-share__site-selector .site-selector__sites {
  max-height: 25vh;
  overflow-y: auto;
  text-align: left; }

.reader-share__site-selector .site__content {
  padding: 12px 16px; }

.reader-share__site-selector .site__title::after,
.reader-share__site-selector .site__domain::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f3f6f8 90%);
  border-radius: 50%; }

.reader-subscription-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.reader-subscription-list-item__byline {
  color: #3d596d;
  margin-right: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }

.following-manage__subscriptions-list {
  -webkit-font-smoothing: subpixel-antialiased; }

.following-manage__subscriptions-list .reader-subscription-list-item__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 24px; }
  @media (min-width: 661px) {
    .following-manage__subscriptions-list .reader-subscription-list-item__options {
      min-width: 90px; } }
  @media (min-width: 661px) {
    .following-manage__subscriptions-list .reader-subscription-list-item__options .button.follow-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.reader-subscription-list-item__link,
.reader-subscription-list-item__link:visited {
  color: #00aadc; }
  .reader-subscription-list-item__link:hover,
  .reader-subscription-list-item__link:visited:hover {
    color: #78dcfa; }

.reader-subscription-list-item__by-text .reader-subscription-list-item__link {
  color: #3d596d; }

.reader-subscription-list-item .gravatar {
  float: left;
  margin: 4px 12px 0 0;
  height: 32px;
  min-height: 32px;
  min-width: 32px; }

.reader-subscription-list-item .site-icon {
  margin-top: 5px; }

.reader-subscription-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding: 15px 0; }
  @media (max-width: 660px) {
    .reader-subscription-list-item {
      margin: 0 15px; } }

.reader-subscription-list-item__site-url,
.reader-subscription-list-item__site-url:visited,
.reader-subscription-list-item__timestamp {
  color: #a8bece; }

.reader-subscription-list-item__site-title,
.reader-subscription-list-item__by-text,
.reader-subscription-list-item__site-excerpt,
.reader-subscription-list-item__site-url-timestamp {
  display: block;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word; }
  .reader-subscription-list-item__site-title:not(.is-placeholder)::after,
  .reader-subscription-list-item__by-text:not(.is-placeholder)::after,
  .reader-subscription-list-item__site-excerpt:not(.is-placeholder)::after,
  .reader-subscription-list-item__site-url-timestamp:not(.is-placeholder)::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto;
    height: 20.8px;
    top: auto; }

.reader-subscription-list-item__by-text,
.reader-subscription-list-item__site-url-timestamp {
  word-break: break-all; }

.reader-subscription-list-item__site-excerpt {
  max-height: 44.8px; }

.reader-subscription-list-item__site-title {
  font-weight: 600; }

.reader-subscription-list-item__site-url-timestamp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 51.2px;
  min-width: 100%; }
  @media (max-width: 960px) {
    .reader-subscription-list-item__site-url-timestamp {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 660px) {
    .reader-subscription-list-item__site-url-timestamp {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (max-width: 480px) {
    .reader-subscription-list-item__site-url-timestamp {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .reader-subscription-list-item__site-url-timestamp:not(.is-placeholder)::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto;
    height: 100%;
    top: auto; }

.reader-subscription-list-item__site-url {
  display: inline;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  word-break: break-all;
  width: initial;
  max-height: 20.8px; }
  @media (max-width: 960px) {
    .reader-subscription-list-item__site-url {
      height: 20px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      max-width: none; } }
  @media (max-width: 660px) {
    .reader-subscription-list-item__site-url {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; } }
  @media (max-width: 480px) {
    .reader-subscription-list-item__site-url {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      max-width: none; } }

@media (max-width: 660px) {
  .reader-subscription-list-item .follow-button .gridicon {
    left: 3px; } }

.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-title,
.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-excerpt,
.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__by-text,
.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-url,
.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__follow {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-title:after,
  .reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-excerpt:after,
  .reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__by-text:after,
  .reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-url:after,
  .reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__follow:after {
    content: '\00a0'; }

.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-excerpt {
  margin-top: 2px; }

.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-title {
  max-width: 60%; }

.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-excerpt {
  max-width: 80%; }

.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__site-url {
  max-width: 40%;
  margin-top: -1px; }

.reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__follow {
  width: 20px;
  height: 20px; }
  @media (min-width: 661px) {
    .reader-subscription-list-item.reader-subscription-list-item__placeholder .reader-subscription-list-item__follow {
      width: 72px; } }

.reader-subscription-list-item__avatar {
  min-width: 44px; }

.reader-visit-link__icon {
  fill: #87a6bc; }

.reader-visit-link__label {
  color: #87a6bc; }

.reader-visit-link:hover .reader-visit-link__icon,
.reader-visit-link:active .reader-visit-link__icon {
  fill: #00aadc; }

.reader-visit-link:hover .reader-visit-link__label,
.reader-visit-link:active .reader-visit-link__label {
  color: #00aadc;
  cursor: pointer; }

.post-share__sharing-preview-modal {
  border-radius: 4px;
  overflow: hidden;
  width: 100%; }

.card.post-share__sharing-preview-modal {
  padding: 0px; }

.dialog.card.post-share__sharing-preview-modal {
  margin: 0 auto;
  max-width: 865px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (min-width: 961px) {
    .dialog.card.post-share__sharing-preview-modal {
      top: 24px; } }

.post-share__sharing-preview-modal .dialog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

.post-share__sharing-preview-modal-header {
  height: 48px;
  background: white;
  border-bottom: 1px solid #c8d7e1;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.post-share__sharing-preview-modal-close {
  border-right: 1px solid #c8d7e1;
  width: 48px;
  height: 49px;
  cursor: pointer;
  color: #87a6bc; }
  .post-share__sharing-preview-modal-close:hover {
    color: #2e4453; }

.sharing-preview-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  @media (min-width: 661px) {
    .sharing-preview-pane {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.sharing-preview-pane__sidebar {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .sharing-preview-pane__sidebar .vertical-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none; }
    .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__social-item {
      border: 0;
      padding: 8px; }
    .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__items.is-selected {
      border-left: 0;
      border-bottom: 3px solid #0087be; }
    .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__items__social-label {
      display: none; }
    @media (min-width: 661px) {
      .sharing-preview-pane__sidebar .vertical-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        border-bottom: 1px solid #c8d7e1; }
        .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__social-item {
          border-top: 1px solid #c8d7e1;
          padding: 0; }
        .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__items.is-selected {
          border-left: 3px solid #0087be;
          border-bottom: 0; }
        .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__items__social-label {
          display: block; } }
  @media (min-width: 661px) {
    .sharing-preview-pane__sidebar {
      border-right: 1px solid #c8d7e1;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 250px;
              flex: 0 0 250px; } }

.sharing-preview-pane__explanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
  .sharing-preview-pane__explanation .sharing-preview-pane__title {
    font-size: 16px;
    font-weight: normal;
    margin: 0; }
  .sharing-preview-pane__explanation .sharing-preview-pane__description {
    font-size: 12px; }
  @media (min-width: 661px) {
    .sharing-preview-pane__explanation {
      margin: 40px 0 40px 20px;
      max-width: 200px; } }

.sharing-preview-pane__preview-area {
  background-color: #f2f6f8;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  padding: 10px; }

.sharing-preview-pane__message {
  padding: 10px;
  text-align: center; }

.taxonomy-manager {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.taxonomy-manager__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  background: white; }

.taxonomy-manager__header .search-card {
  margin-bottom: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  box-shadow: none; }

.taxonomy-manager__header .search-card .search {
  height: 58px; }

.taxonomy-manager__actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 16px 24px; }

.taxonomy-manager__nested-list {
  margin-left: 2em; }

.taxonomy-manager__list-item {
  background-color: #f3f6f8; }

.taxonomy-manager__list-item-card {
  cursor: pointer; }

.taxonomy-manager__list-item-card.card.is-compact {
  padding: 0; }

.taxonomy-manager__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .taxonomy-manager__item .taxonomy-manager__icon {
    padding: 15px;
    color: #87a6bc; }
    .taxonomy-manager__item .taxonomy-manager__icon .gridicon {
      display: block; }
  .taxonomy-manager__item.is-default .taxonomy-manager__icon {
    color: #00aadc; }
  .taxonomy-manager__item .taxonomy-manager__label {
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative; }
    .taxonomy-manager__item .taxonomy-manager__label::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
    .taxonomy-manager__list-item.is-placeholder .taxonomy-manager__item .taxonomy-manager__label {
      color: transparent;
      background-color: #e9eff3;
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite; }
    .taxonomy-manager__item .taxonomy-manager__label .taxonomy-manager__default-label {
      text-transform: uppercase;
      color: #00aadc;
      font-size: 12px;
      margin-left: 10px; }
  .taxonomy-manager__item .count {
    margin: 18px 2px; }
  .taxonomy-manager__item .ellipsis-menu .ellipsis-menu__toggle.button.is-borderless {
    cursor: pointer;
    font-size: 24px;
    color: #87a6bc;
    padding: 15px 24px;
    min-width: 24px; }
    .taxonomy-manager__item .ellipsis-menu .ellipsis-menu__toggle.button.is-borderless .gridicon {
      top: 2px; }
  .taxonomy-manager__item .ellipsis-menu.is-menu-visible .ellipsis-menu__toggle.button.is-borderless {
    color: #00aadc; }

.taxonomy-manager .virtual-list__list-row.is-empty {
  padding: 16px 24px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.term-form-dialog .dialog__content {
  min-width: 40vw; }

.term-form-dialog .form-input-validation {
  padding-bottom: 0; }

@media (max-width: 660px) {
  .term-form-dialog {
    width: 90%; }
  .term-form-dialog .dialog__content {
    min-width: none; } }

.term-form-dialog textarea {
  resize: vertical; }

.term-tree-selector__search {
  position: relative;
  margin-bottom: 4px; }

.term-tree-selector__search .gridicon {
  position: absolute;
  left: 8px;
  top: 9px; }

.term-tree-selector__search input[type="search"] {
  right: 0;
  width: 100%;
  height: 35px;
  padding: 4px 8px 4px 30px;
  background: white;
  font-size: 14px;
  -webkit-appearance: none; }

.term-tree-selector {
  position: relative;
  background-color: white;
  border: 1px solid #c8d7e1; }
  .term-tree-selector.is-small {
    background-color: transparent;
    border: none; }
  .term-tree-selector.is-error {
    border-color: #d94f4f; }

.term-tree-selector__search {
  position: relative; }

.term-tree-selector__search input {
  right: 0;
  width: 100%;
  height: 35px;
  padding: 4px 8px 4px 30px;
  border-width: 0;
  border-bottom-width: 1px;
  background: white;
  font-size: 14px;
  -webkit-appearance: none; }

input[type=radio].term-tree-selector__input,
input[type=checkbox].term-tree-selector__input {
  margin-top: 4px; }
  input[type=radio].term-tree-selector__input + label,
  input[type=checkbox].term-tree-selector__input + label {
    display: block;
    margin-left: 24px;
    transition: all 200ms ease-out;
    color: #2e4453; }
    input[type=radio].term-tree-selector__input + label:hover,
    input[type=checkbox].term-tree-selector__input + label:hover {
      color: #00aadc; }

input[type=checkbox].term-tree-selector__input {
  margin-right: 8px; }

.term-tree-selector__nested-list {
  margin-left: 24px; }

.term-tree-selector__list-item {
  position: relative;
  padding: 4px 8px;
  font-size: 13px; }
  .term-tree-selector.is-compact.is-small .term-tree-selector__list-item {
    padding-left: 0; }
  .term-tree-selector__list-item.is-empty {
    padding-top: 4px; }
  .term-tree-selector__nested-list .term-tree-selector__list-item {
    padding-left: 0;
    padding-right: 0; }

.term-tree-selector__label {
  position: relative;
  display: block;
  margin-left: 24px;
  margin-top: 2px; }
  .term-tree-selector.is-compact .term-tree-selector__label {
    font-size: 12px;
    margin-top: 0; }
  .term-tree-selector__list-item.is-placeholder .term-tree-selector__label {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.term-tree-selector__label-type {
  display: none;
  margin-left: 8px;
  font-size: 11px;
  text-transform: uppercase;
  color: #87a6bc; }
  .term-tree-selector.is-type-labels-visible .term-tree-selector__label-type {
    display: block; }

.upload-drop-zone__dropzone {
  position: relative;
  background-color: #f3f6f8;
  border: 2px dashed #87a6bc;
  transition: all 200ms ease-out, color 100ms ease-out;
  cursor: pointer; }
  .upload-drop-zone__dropzone svg * {
    transition: color 100ms ease-out; }
  .upload-drop-zone__dropzone .file-picker {
    color: #2e4453;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 180px; }
  .upload-drop-zone__dropzone:hover {
    border-color: #2e4453;
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
    box-shadow: 0 2px 4px #c8d7e1; }
    .upload-drop-zone__dropzone:hover .upload-drop-zone__icon {
      color: #2e4453; }

.upload-drop-zone__icon {
  color: #87a6bc; }

.upload-drop-zone__instructions {
  font-style: italic;
  font-size: 12px; }

.upload-drop-zone.is-disabled {
  opacity: 0.2;
  pointer-events: none; }

.upload-image {
  display: inline-block; }

.upload-image-modal.dialog.card {
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (min-width: 661px) {
    .upload-image-modal.dialog.card {
      top: 5%;
      bottom: 5%;
      left: 5%;
      right: 5%;
      width: 90%; } }
  @media (min-width: 961px) {
    .upload-image-modal.dialog.card {
      left: 12.5%;
      right: 12.5%;
      width: 75%; } }

.upload-image-modal .dialog__content {
  height: 100%; }

.upload-image__image-picker {
  width: 200px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f3f6f8;
  box-shadow: inset 0 0 0 1px #d9e3ea;
  font-size: 14px; }
  .upload-image__image-picker:hover {
    cursor: pointer; }

.upload-image__uploading-container {
  position: relative; }

.upload-image__spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.upload-image__image-container {
  width: 200px;
  height: 200px; }
  .upload-image__image-container.is-uploaded, .upload-image__image-container.is-uploading {
    border: 1px solid #a8bece;
    background-color: #e9eff3; }

.upload-image__uploading-container, .upload-image__uploading-done-container {
  height: 100%;
  text-align: center; }

.upload-image__uploading-done-container {
  position: relative; }

.button.is-compact.upload-image__uploaded-image-remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  border: 1px solid #a8bece;
  border-radius: 50%;
  background-color: #f3f6f8;
  cursor: pointer; }
  .button.is-compact.upload-image__uploaded-image-remove:hover {
    border-color: #668eaa; }

.button.is-compact .gridicon.upload-image__uploaded-image-remove-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  margin: 0;
  color: #a8bece; }
  .button.is-compact .gridicon.upload-image__uploaded-image-remove-icon:hover {
    color: #668eaa; }

.upload-image__uploading-image, .upload-image__uploaded-image-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  line-height: 0; }

.upload-image__uploaded-image-wrapper {
  display: inline-block; }

.upload-image__uploading-image, .upload-image__uploaded-image {
  max-width: 200px;
  max-height: 200px; }

.button.is-compact.upload-image__uploaded-image-edit-button {
  opacity: 0.9;
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: white;
  opacity: 0.9;
  line-height: 0;
  padding: 4px;
  border: none;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%; }
  .button.is-compact.upload-image__uploaded-image-edit-button:hover {
    opacity: 1; }
  .button.is-compact.upload-image__uploaded-image-edit-button .upload-image__uploaded-image-edit-icon {
    position: static;
    margin: 0;
    padding: 0; }

.video-editor {
  position: relative;
  width: 100%;
  height: 100%; }

@media (min-width: 661px) {
  .editor-media-modal .video-editor .notice {
    margin-top: 0; } }

.video-editor__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #151e25; }

.video-editor__preview-wrapper {
  -webkit-box-flex: 2;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  position: relative;
  border-bottom: 1px solid #c8d7e1; }
  @media (min-width: 661px) {
    .video-editor__preview-wrapper {
      margin: 16px 24px;
      border: 0; } }

.video-editor__preview {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.video-editor__progress-bar.progress-bar {
  width: 90%;
  margin: 0 auto; }

.video-editor__text {
  color: white;
  text-align: center;
  margin: 16px 0; }

.video-editor__controls {
  border-top: 1px solid #2e4453;
  padding: 16px;
  text-align: right; }

.video-editor__controls-button.button {
  margin-left: 10px; }

.video-editor__upload-form {
  display: inline-block; }

/** @format */
.stats-navigation .section-nav__panel {
  padding-right: 0; }
  @media (min-width: 481px) {
    .stats-navigation .section-nav__panel {
      padding-right: 16px; } }

.stats-navigation .segmented-control {
  margin-left: 0; }
  @media (min-width: 481px) {
    .stats-navigation .segmented-control {
      margin-left: 16px; } }

.stats-navigation .followers-count .button {
  margin-left: 16px; }
  @media (max-width: 480px) {
    .stats-navigation .followers-count .button {
      display: none; } }

.stats-navigation .stats-navigation__intervals.is-standalone.segmented-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 961px) {
    .stats-navigation .stats-navigation__intervals.is-standalone.segmented-control {
      display: none; } }

.stats-navigation .stats-navigation__intervals.segmented-control {
  display: none; }
  @media (min-width: 961px) {
    .stats-navigation .stats-navigation__intervals.segmented-control {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.stats-navigation__intervals.segmented-control.is-standalone {
  max-width: 100%;
  margin: 8px 9px; }
  @media (min-width: 481px) {
    .stats-navigation__intervals.segmented-control.is-standalone {
      max-width: 400px;
      margin: 16px auto; } }

.accordion {
  box-shadow: 0 -1px 0 #dce5ec, 0 1px 0 #dce5ec;
  margin-top: 1px;
  position: relative; }

.accordion__header {
  position: relative; }

.accordion__toggle {
  display: block;
  width: 100%;
  cursor: pointer;
  margin: 0;
  padding: 16px;
  padding-right: 38px;
  color: #2e4453;
  background-color: white;
  text-align: left;
  transition: all 150ms ease-in; }
  .accordion__toggle:hover {
    background-color: #fafbfc; }
    .accordion__toggle:hover .accordion__title {
      color: #00aadc; }
    .accordion__toggle:hover .accordion__arrow {
      color: #00aadc; }
  .accordion__toggle .accordion__arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #668eaa;
    height: 24px; }
    .accordion__toggle .accordion__arrow .gridicon {
      transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
      transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .accordion.has-subtitle .accordion__toggle {
    padding-top: 8px;
    padding-bottom: 8px; }

.accordion.is-expanded .accordion__toggle {
  background-color: white; }
  .accordion.is-expanded .accordion__toggle .accordion__arrow .gridicon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.accordion.is-expanded .accordion__content {
  overflow: visible; }

.accordion__icon {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 3px; }
  .accordion__icon .gridicon {
    width: 20px;
    height: 20px; }

.accordion__title,
.accordion__subtitle {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  transition: all 150ms ease-in; }
  .accordion.has-icon .accordion__title, .accordion.has-icon
  .accordion__subtitle {
    padding-left: 28px; }
  .accordion.has-status .accordion__title, .accordion.has-status
  .accordion__subtitle {
    padding-right: 28px; }

.accordion__subtitle {
  font-size: 11px;
  color: #537994;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  height: 16px; }

.accordion:not(.is-expanded) .accordion__toggle .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.accordion:not(.is-expanded) .accordion__toggle:hover .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(250, 251, 252, 0), #fafbfc 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.accordion.is-expanded .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.accordion__content {
  overflow: hidden;
  height: 0;
  background-color: white; }

.accordion.is-expanded .accordion__content {
  height: auto; }

.accordion__content-wrap {
  padding: 0 16px 16px 16px; }

.accordion__section {
  margin-bottom: 24px; }

.accordion__section:last-child {
  margin-bottom: 0; }

.accordion__status {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 4px; }
  .accordion__status::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 50%; }
  .accordion__status .gridicon {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    margin: -2px; }
  .accordion__status.is-warning {
    color: #f0b849; }
    .accordion__status.is-warning:hover {
      color: #f2c161; }
  .accordion__status.is-error {
    color: #d94f4f; }
    .accordion__status.is-error:hover {
      color: #de6464; }
  .accordion__status.is-info {
    color: #0087be; }
    .accordion__status.is-info:hover {
      color: #0099d8; }

.animate__appear {
  -webkit-animation: animate__appear 600ms cubic-bezier(0.1, 0.82, 0.25, 1);
          animation: animate__appear 600ms cubic-bezier(0.1, 0.82, 0.25, 1);
  -webkit-transform-origin: center center;
          transform-origin: center center; }

@-webkit-keyframes animate__appear {
  0%,
  20% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes animate__appear {
  0%,
  20% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

.animate__fade-in {
  -webkit-animation: fade-in-scale 0.5s ease-out;
          animation: fade-in-scale 0.5s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.92);
            transform: scale(0.92); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.92);
            transform: scale(0.92); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/** @format */
.async-load__placeholder {
  background: #cfdbe4;
  border-radius: 20px;
  content: '';
  display: block;
  height: 8px;
  width: 80px;
  margin: 0 16px;
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite; }

.banner.card {
  border-left: 3px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 6px 12px 12px;
  line-height: 29px;
  border-left-color: #0087be; }
  .banner.card.is-dismissible {
    padding-right: 48px; }
  .banner.card .banner__icon {
    color: #0087be; }
  .banner.card .banner__icon-circle {
    background-color: #0087be; }
  .banner.card.is-upgrade-personal {
    border-left-color: #f0b849; }
    .banner.card.is-upgrade-personal .banner__icon {
      color: #f0b849; }
    .banner.card.is-upgrade-personal .banner__icon-circle {
      background-color: #f0b849; }
  .banner.card.is-upgrade-premium {
    border-left-color: #4ab866; }
    .banner.card.is-upgrade-premium .banner__icon {
      color: #4ab866; }
    .banner.card.is-upgrade-premium .banner__icon-circle {
      background-color: #4ab866; }
  .banner.card.is-upgrade-business {
    border-left-color: #855DA6; }
    .banner.card.is-upgrade-business .banner__icon {
      color: #855DA6; }
    .banner.card.is-upgrade-business .banner__icon-circle {
      background-color: #855DA6; }
  .banner.card .card__link-indicator {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #0087be;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .banner.card:hover {
    transition: all 100ms ease-in-out; }
    .banner.card:hover.is-card-link {
      box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
    .banner.card:hover .card__link-indicator {
      color: #005082; }
  @media (min-width: 481px) {
    .banner.card {
      padding: 12px 16px; }
      .banner.card.is-dismissible {
        padding-right: 16px; } }

.banner__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .banner__icons .banner__icon,
  .banner__icons .banner__icon-circle {
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 24px;
    margin-right: 16px;
    margin-top: -2px;
    text-align: center;
    top: 4px;
    width: 24px; }
  .banner__icons .banner__icon {
    -ms-flex-item-align: center;
        align-self: center;
    color: white;
    display: block; }
  .banner__icons .banner__icon-circle {
    color: white;
    display: none;
    padding: 3px 4px 4px 3px; }
  @media (min-width: 481px) {
    .banner__icons {
      -webkit-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; }
      .banner__icons .banner__icon {
        display: none; }
      .banner__icons .banner__icon-circle {
        display: block; } }

.banner__icon-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px; }
  .banner__icon-plan .plan-icon {
    height: 32px;
    width: 32px; }
  @media (min-width: 481px) {
    .banner__icon-plan {
      -webkit-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; } }

.banner__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 481px) {
    .banner__content {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.banner__info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.4;
  width: 100%; }
  .banner__info .banner__title,
  .banner__info .banner__description,
  .banner__info .banner__list {
    color: #2e4453; }
  .banner__info .banner__title {
    font-size: 14px;
    font-weight: 500; }
  .banner__info .banner__description {
    font-size: 12px;
    margin-top: 3px; }
  .banner__info .banner__list {
    font-size: 12px;
    list-style: none;
    margin: 0; }
    .banner__info .banner__list li {
      margin: 6px 0; }
      .banner__info .banner__list li .gridicon {
        color: #87a6bc;
        display: none; }
  @media (min-width: 481px) {
    .banner__info {
      width: auto; }
      .banner__info .banner__list li .gridicon {
        display: inline;
        margin-right: 12px;
        vertical-align: bottom; } }

.banner__action {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 12px;
  margin: 8px 0 0 0;
  text-align: left;
  width: 100%; }
  .banner__action .banner__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .banner__action .banner__prices .plan-price {
      margin-bottom: 0; }
    .banner__action .banner__prices .plan-price.is-discounted,
    .banner__action .banner__prices .plan-price.is-discounted .plan-price__currency-symbol {
      color: #2e4453; }
    .has-call-to-action .banner__action .banner__prices .plan-price {
      margin-bottom: 8px; }
  @media (min-width: 481px) {
    .banner__action {
      margin: 0 -6px 0 8px;
      text-align: center;
      width: auto; }
      .is-dismissible .banner__action {
        margin-top: 40px; }
      .banner__action .banner__prices {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        text-align: right; } }

.bulk-select {
  display: inline-block; }

.bulk-select__container {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .bulk-select__container .gridicon {
    color: #00aadc;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px; }
  .bulk-select__container > .count {
    margin-left: 8px; }

input[type=checkbox].bulk-select__box {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 16px;
  margin: 0;
  min-width: 16px;
  padding: 0;
  width: 16px; }

button {
  background: transparent;
  border: none;
  outline: 0;
  padding: 0;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: baseline; }

.button {
  background: white;
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 1px 1px 2px;
  color: #2e4453;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 21px;
  border-radius: 4px;
  padding: 7px 14px 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }
  .button:hover {
    border-color: #a8bece;
    color: #2e4453; }
  .button:active {
    border-width: 2px 1px 1px; }
  .button:visited {
    color: #2e4453; }
  .button[disabled], .button:disabled, .button.disabled {
    color: #e9eff3;
    background: white;
    border-color: #e9eff3;
    cursor: default; }
    .button[disabled]:active, .button:disabled:active, .button.disabled:active {
      border-width: 1px 1px 2px; }
  .accessible-focus .button:focus {
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa; }
  .button.is-compact {
    padding: 7px;
    color: #537994;
    font-size: 12px;
    line-height: 1; }
    .button.is-compact:disabled {
      color: #e9eff3; }
    .button.is-compact .gridicon {
      top: 5px;
      margin-top: -8px;
      margin-right: 4px; }
    .button.is-compact .gridicons-plus-small {
      margin-left: -4px; }
    .button.is-compact .gridicons-plus-small:last-of-type {
      margin-left: 0; }
    .button.is-compact .gridicons-plus-small + .gridicon {
      margin-left: -4px; }
  .button.is-busy {
    -webkit-animation: button__busy-animation 3000ms infinite linear;
            animation: button__busy-animation 3000ms infinite linear;
    background-size: 120px 100%;
    background-image: linear-gradient(-45deg, #e9eff3 28%, white 28%, white 72%, #e9eff3 72%); }
  .button.hidden {
    display: none; }
  .button .gridicon {
    position: relative;
    top: 4px;
    margin-top: -2px;
    width: 18px;
    height: 18px; }

.button.is-primary {
  background: #00aadc;
  border-color: #008ab3;
  color: white; }
  .button.is-primary:hover, .button.is-primary:focus {
    border-color: #005082;
    color: white; }
  .button.is-primary.is-compact {
    color: white; }
  .button.is-primary[disabled], .button.is-primary:disabled, .button.is-primary.disabled {
    color: #e9eff3;
    background: white;
    border-color: #e9eff3; }
  .button.is-primary.is-busy {
    background-size: 120px 100%;
    background-image: linear-gradient(-45deg, #00aadc 28%, #0096c3 28%, #0096c3 72%, #00aadc 72%);
    border-color: #008ab3; }

.button.is-scary {
  color: #d94f4f; }
  .button.is-scary:hover, .button.is-scary:focus {
    border-color: #d94f4f; }
  .accessible-focus .button.is-scary:focus {
    box-shadow: 0 0 0 2px #eba3a3; }
  .button.is-scary[disabled], .button.is-scary:disabled {
    color: #f4cdcd;
    border-color: #e9eff3; }

.button.is-primary.is-scary {
  background: #d94f4f;
  border-color: #a02222;
  color: white; }
  .button.is-primary.is-scary:hover, .button.is-primary.is-scary:focus {
    border-color: #4c1010; }
  .button.is-primary.is-scary[disabled], .button.is-primary.is-scary:disabled {
    background: #eba3a3;
    border-color: #e48484; }

.button.is-borderless {
  border: none;
  background: none;
  color: #537994;
  padding-left: 0;
  padding-right: 0; }
  .button.is-borderless:hover, .button.is-borderless:focus {
    color: #2e4453; }
  .button.is-borderless .gridicon {
    width: 24px;
    height: 24px;
    top: 6px; }
  .button.is-borderless[disabled], .button.is-borderless:disabled {
    color: #e9eff3;
    cursor: default; }
    .button.is-borderless[disabled]:active, .button.is-borderless:disabled:active {
      border-width: 0; }
  .button.is-borderless.is-scary {
    color: #d94f4f; }
    .button.is-borderless.is-scary:hover, .button.is-borderless.is-scary:focus {
      color: #a02222; }
    .button.is-borderless.is-scary[disabled] {
      color: #f4cdcd; }
  .button.is-borderless.is-compact .gridicon {
    width: 18px;
    height: 18px;
    top: 5px; }
  .button.is-borderless.is-compact .gridicons-arrow-left {
    top: 4px;
    margin-right: 4px; }
  .button.is-borderless.is-compact .gridicons-arrow-right {
    top: 4px;
    margin-left: 4px; }

.layout__content input[type=reset], .layout__content input[type=reset]:hover, .layout__content input[type=reset]:active, .layout__content input[type=reset]:focus,
.dialog__content input[type=reset],
.dialog__content input[type=reset]:hover,
.dialog__content input[type=reset]:active,
.dialog__content input[type=reset]:focus {
  background: 0 0;
  border: 0;
  padding: 0 2px 1px;
  width: auto;
  box-shadow: none; }

.layout__content p .button,
.dialog__content p .button {
  vertical-align: baseline; }

.layout__content button::-moz-focus-inner,
.layout__content input[type=reset]::-moz-focus-inner,
.layout__content input[type=button]::-moz-focus-inner,
.layout__content input[type=submit]::-moz-focus-inner,
.dialog__content button::-moz-focus-inner,
.dialog__content input[type=reset]::-moz-focus-inner,
.dialog__content input[type=button]::-moz-focus-inner,
.dialog__content input[type=submit]::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button.is-link {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  color: #00aadc;
  font-weight: 400;
  font-size: inherit;
  line-height: 1.65; }
  .button.is-link:hover, .button.is-link:focus, .button.is-link:active {
    color: #33bbe3;
    box-shadow: none; }

.button.noticon {
  line-height: inherit; }
  .button.noticon:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal; }

@-webkit-keyframes button__busy-animation {
  0% {
    background-position: 240px 0; } }

@keyframes button__busy-animation {
  0% {
    background-position: 240px 0; } }

.button-group .button {
  border-left-width: 0;
  border-radius: 0; }
  .button-group .button:focus {
    position: relative;
    z-index: 1;
    box-shadow: inset 1px 0 0 #00aadc, 0 0 0 2px #78dcfa; }
  .button-group .button.is-primary:focus {
    box-shadow: inset 1px 0 0 #005082, 0 0 0 2px #78dcfa; }
  .button-group .button.is-scary:focus {
    box-shadow: inset 1px 0 0 #d94f4f, 0 0 0 2px #eba3a3; }
  .button-group .button.is-primary.is-scary:focus {
    box-shadow: inset 1px 0 0 #761919, 0 0 0 2px #eba3a3; }
  .button-group .button:first-child:focus {
    box-shadow: 0 0 0 2px #78dcfa; }
  .button-group .button.is-scary:first-child:focus {
    box-shadow: 0 0 0 2px #eba3a3; }

.button-group .button:first-child {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
  .button-group .button:first-child:active {
    border-right-width: 0; }

.button-group .button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }
  .button-group .button:last-child:active {
    border-left-width: 0; }

.section-header .button-group .button {
  margin-right: 0; }

.button-group.is-primary.is-busy {
  background-size: 120px 100%;
  background-image: linear-gradient(-45deg, #00aadc 28%, #0096c3 28%, #0096c3 72%, #00aadc 72%); }

.button-group.is-busy {
  -webkit-animation: button__busy-animation 3000ms infinite linear;
          animation: button__busy-animation 3000ms infinite linear;
  background-size: 120px 100%;
  background-image: linear-gradient(-45deg, #e9eff3 28%, white 28%, white 72%, #e9eff3 72%);
  display: inline-block;
  border-radius: 4px; }
  .button-group.is-busy .button {
    background-color: transparent; }

@keyframes button__busy-animation {
  0% {
    background-position: 240px 0; } }

.card {
  display: block;
  position: relative;
  margin: 0 auto 10px auto;
  padding: 16px;
  box-sizing: border-box;
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .card:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 481px) {
    .card {
      margin-bottom: 16px;
      padding: 24px; } }
  .card.is-compact {
    margin-bottom: 1px; }
    @media (min-width: 481px) {
      .card.is-compact {
        margin-bottom: 1px;
        padding: 16px 24px; } }
  .card.is-card-link {
    padding-right: 48px; }
  .card.is-error {
    box-shadow: inset 3px 0 0 #d94f4f; }
  .card.is-info {
    box-shadow: inset 3px 0 0 #0087be; }
  .card.is-success {
    box-shadow: inset 3px 0 0 #4ab866; }
  .card.is-warning {
    box-shadow: inset 3px 0 0 #f0b849; }

.card__link-indicator {
  color: #c8d7e1;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 16px; }

a.card:hover .card__link-indicator {
  color: #a8bece; }

a.card:focus {
  outline: 0; }
  a.card:focus .card__link-indicator {
    color: #33bbe3; }

.chart {
  position: relative;
  box-sizing: border-box;
  background-color: white;
  padding: 8px 0 8px 20px; }

.chart .chart__y-axis-markers {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 200px; }

.chart .chart__y-axis-marker {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e9eff3; }

.chart__bar-marker {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid rgba(233, 239, 243, 0.1); }

.chart__bar-marker.is-fifty,
.chart__y-axis-label.is-fifty,
.chart .chart__y-axis-marker.is-fifty {
  top: 50%; }

.chart__bar-marker.is-zero,
.chart__y-axis-label.is-zero,
.chart .chart__y-axis-marker.is-zero {
  top: 100%; }

.chart__y-axis {
  position: relative;
  float: right;
  height: 200px;
  padding: 0 20px 0 10px;
  font-size: 11px;
  color: #668eaa;
  margin-bottom: 30px; }

.chart__y-axis-label {
  position: absolute;
  top: 0;
  right: 20px;
  text-align: right; }

.chart__y-axis-width-fix {
  color: rgba(255, 255, 255, 0); }

.chart__x-axis {
  position: relative;
  font-size: 0;
  padding: 5px 0;
  min-height: 18px;
  color: #3d596d; }

.chart__x-axis-label {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  text-align: center; }

.chart__x-axis-label::before {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: -.5px;
  width: 1px;
  height: 5px;
  background: #f3f6f8;
  background-image: linear-gradient(to bottom, #f3f6f8 0%, #c8d7e1 100%); }

.chart__bars {
  position: relative;
  font-size: 0;
  height: 200px;
  text-align: center;
  overflow: hidden;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.chart__bar {
  text-align: center;
  display: inline-block;
  position: relative;
  height: 200px;
  -ms-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-shrink: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1; }
  .chart__bar.is-weekend {
    background-color: rgba(233, 239, 243, 0.5); }
  .chart__bar:hover {
    cursor: pointer;
    background-color: rgba(233, 239, 243, 0.3); }
  .chart__bar.is-selected {
    cursor: default;
    background-color: rgba(240, 130, 30, 0.1); }

.chart__bar-section {
  display: inline-block;
  background-color: #0087be;
  position: absolute;
  top: 0;
  right: 16%;
  bottom: 0;
  left: 16%;
  z-index: 2; }
  .chart__bar:hover .chart__bar-section.is-bar {
    background-color: #00aadc; }
  .chart__bar.is-selected .chart__bar-section.is-bar {
    background-color: #f0821e; }
  .chart__bar-section.is-spacer {
    z-index: 0;
    background-color: rgba(255, 255, 255, 0); }
  .chart__bar-section.is-ghost::after {
    content: "";
    display: block;
    position: absolute;
    top: 160px;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(233, 239, 243, 0.5)); }
    .chart__bar:hover .chart__bar-section.is-ghost::after {
      display: none; }

.chart__bar-section-inner {
  background: #004069;
  position: absolute;
  right: 23.33%;
  bottom: 0;
  left: 23.33%; }
  .chart__bar.is-selected .chart__bar-section-inner {
    background-color: #d54e21; }

.chart__legend {
  margin-bottom: -8px; }
  .chart__legend:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.chart__legend .chart__legend-options {
  float: right;
  color: #537994;
  list-style-type: none;
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
  @media (max-width: 480px) {
    .chart__legend .chart__legend-options {
      width: 100%; } }

.chart__legend-option {
  display: inline;
  text-align: left; }
  @media (max-width: 480px) {
    .chart__legend-option {
      width: 50%;
      display: inline-block; } }

.chart__legend-label {
  display: inline-block;
  padding: 12px 19px 10px 20px; }
  .chart__legend-label.is-selectable {
    cursor: pointer; }
    .chart__legend-label.is-selectable:focus, .chart__legend-label.is-selectable:hover {
      color: #33bbe3; }
  @media (max-width: 480px) {
    .chart__legend-label {
      display: block; } }

.chart__legend-option .chart__legend-color {
  width: 10px;
  height: 10px;
  background: #0087be;
  display: inline-block;
  border-radius: 1px;
  vertical-align: top;
  margin: 3px 5px 3px 8px; }

@media (max-width: 480px) {
  .chart__legend-option:first-child .chart__legend-color {
    margin-left: 2px; } }

.chart__legend-color.is-dark-blue {
  background: #004069; }

.chart__legend-option .chart__legend-checkbox {
  margin: 0;
  float: none;
  vertical-align: top; }

.chart__empty {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  clear: both;
  z-index: 1; }

.chart__empty-notice {
  position: relative;
  top: 97px;
  padding: 11px 24px;
  margin-bottom: 24px;
  border-radius: 1px;
  background: #fff;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4285;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  @media (min-width: 661px) {
    .chart__empty-notice {
      padding: 13px 48px;
      font-size: inherit; }
      .chart__empty-notice::before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font: normal 16px/1 Noticons;
        vertical-align: middle;
        content: '\f456';
        position: absolute;
        top: 23px;
        left: 20px;
        margin: -12px 0px 0 -8px;
        font-size: 24px;
        line-height: 1; } }

.chart__tooltip .popover__inner {
  width: 230px;
  text-align: left; }
  .chart__tooltip .popover__inner ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .chart__tooltip .popover__inner ul:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
    .chart__tooltip .popover__inner ul li {
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 100;
      height: 24px;
      letter-spacing: 0.1em;
      border: 0; }
      .chart__tooltip .popover__inner ul li .wrapper {
        display: block;
        line-height: inherit;
        line-height: 24px;
        clear: both; }
      .chart__tooltip .popover__inner ul li .value {
        text-align: right;
        float: right;
        min-width: 22px;
        color: #c8d7e1; }
      .chart__tooltip .popover__inner ul li .label {
        display: block;
        overflow: hidden;
        word-break: break-all;
        vertical-align: baseline; }
      .chart__tooltip .popover__inner ul li .gridicon {
        vertical-align: middle;
        margin-right: 6px;
        margin-top: -3px; }

.chart__tooltip.is-streak .popover__inner {
  width: 160px; }
  .chart__tooltip.is-streak .popover__inner li {
    height: 14px; }
    .chart__tooltip.is-streak .popover__inner li .label {
      width: 100%;
      float: left;
      text-align: center; }
      .rtl .chart__tooltip.is-streak .popover__inner li .label {
        font-size: 11px; }
      .chart__tooltip.is-streak .popover__inner li .label .post-count {
        font-weight: bold; }
    .chart__tooltip.is-streak .popover__inner li .value {
      float: none; }

.chart__tooltip .module-content-list-item.is-date-label {
  font-size: 11px;
  margin-bottom: 2px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #426177;
  padding-bottom: 2px; }

.chart__tooltip .module-content-list-item.is-published-item {
  height: 19px; }
  .chart__tooltip .module-content-list-item.is-published-item .label {
    text-transform: none;
    color: #c8d7e1;
    overflow: hidden;
    letter-spacing: 0;
    height: 19px; }
  .chart__tooltip .module-content-list-item.is-published-item .value {
    width: 0;
    min-width: 0; }
    .chart__tooltip .module-content-list-item.is-published-item .value::before {
      content: '';
      position: relative;
      background-image: linear-gradient(to right, rgba(61, 89, 109, 0) 0%, rgba(61, 89, 109, 0.5), #3d596d);
      left: -30px;
      width: 30px;
      height: 24px;
      display: block; }

.clipboard-button-input {
  position: relative; }

.clipboard-button-input .clipboard-button {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: visible; }
  .clipboard-button-input .clipboard-button:not(:disabled)::before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 16px;
    height: auto;
    right: auto;
    left: -17px; }
  .clipboard-button-input .clipboard-button:focus::before {
    right: auto;
    left: -19px; }

.count {
  display: inline-block;
  padding: 1px 6px;
  border: solid 1px #87a6bc;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  color: #537994;
  text-align: center; }
  .count.is-primary {
    color: white;
    border-color: #00aadc;
    background-color: #00aadc; }

.credit-card-form-fields__extras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -15px; }
  .credit-card-form-fields__extras .credit-card-form-fields__field {
    -ms-flex-preferred-size: calc( 100% - 15px);
        flex-basis: calc( 100% - 15px);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 15px; }
  .credit-card-form-fields__extras .country label {
    display: none; }
  @media (min-width: 481px) {
    .credit-card-form-fields__extras .cvv,
    .credit-card-form-fields__extras .expiration-date {
      -ms-flex-preferred-size: calc( 50% - 15px);
          flex-basis: calc( 50% - 15px); }
    .credit-card-form-fields__extras .country {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }
    .credit-card-form-fields__extras .postal-code {
      -ms-flex-preferred-size: 8em;
          flex-basis: 8em; } }

.credit-card-form-fields__field {
  margin-bottom: 15px;
  position: relative; }
  .credit-card-form-fields__field select {
    font-size: 15px;
    width: 100%; }
  .credit-card-form-fields__field input[disabled] {
    cursor: not-allowed; }

.credit-card-form-fields__label label {
  color: #668eaa;
  display: none;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  left: 13px;
  top: 12px; }

.date-picker {
  position: relative;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%; }

.date-picker__division {
  margin: 8px 0;
  background: #87a6bc; }

/*
 * Events Tooltip
 */
.date-picker__icon-wrapper,
.date-picker__social-icon-wrapper {
  height: 18px;
  margin-right: 2px;
  width: 18px; }

.tooltip.date-picker__events-tooltip .popover__inner {
  max-width: 250px;
  min-width: 100px; }

.date-picker__calendar-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .date-picker__calendar-event:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(61, 89, 109, 0), #3d596d 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.date-picker__calendar-event .gridicon,
.date-picker__calendar-event .social-logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  position: relative;
  top: -1px;
  left: -1px; }

.date-picker__event-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  vertical-align: top;
  white-space: nowrap;
  height: 18px;
  line-height: 18px; }

.DayPicker-Month {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0; }

.DayPicker-NavBar {
  position: absolute;
  left: 0;
  right: 0;
  height: 50px; }

.DayPicker-NavButton {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  font-size: 18px; }
  .DayPicker-NavButton:before {
    height: 20px; }

.DayPicker-NavButton--prev {
  color: #87a6bc;
  left: 0; }
  .DayPicker-NavButton--prev:before {
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.DayPicker-NavButton--next {
  color: #87a6bc;
  right: 0; }
  .DayPicker-NavButton--next:before {
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.DayPicker-Caption {
  display: table-caption;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 300;
  margin: 0 30px;
  position: relative;
  cursor: pointer; }
  .DayPicker-Caption:first-letter {
    text-transform: uppercase; }

.DayPicker-Weekdays {
  margin-top: 10px;
  border-top: 1px solid #d9e3ea;
  display: table-header-group; }

.DayPicker-WeekdaysRow {
  display: table-row; }

.DayPicker-Weekday {
  display: table-cell;
  padding: 15px 0 10px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  color: #4f748e;
  text-transform: uppercase; }
  .DayPicker-Weekday abbr {
    border-bottom: none;
    cursor: auto;
    text-decoration: none; }

.DayPicker-Body {
  display: table-row-group; }

.DayPicker-Week {
  display: table-row; }

.date-picker .DayPicker-Day,
.date-picker .DayPicker-Day.DayPicker-Day--selected,
.date-picker .DayPicker-Day.DayPicker-Day--today,
.date-picker .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: transparent; }

.DayPicker-Day {
  display: table-cell;
  position: relative;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  font-weight: 600; }

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default; }

.DayPicker-Day .date-picker__day {
  content: " ";
  display: block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0);
  color: #2e4453;
  text-align: center;
  margin: 0 auto; }

.DayPicker-Day--today .date-picker__day {
  color: white;
  background-color: #2e4453; }
  .DayPicker-Day--today .date-picker__day:hover {
    background-color: #4f748e; }

.DayPicker-Day--outside .date-picker__day {
  font-weight: normal;
  color: #87a6bc; }

.DayPicker-Day--disabled:not(.DayPicker-Day--outside) .date-picker__day {
  color: #c8d7e1;
  cursor: default; }

.DayPicker-Day.DayPicker-Day--is-selected:not(.DayPicker-Day--today):not(.DayPicker-Day--events) .date-picker__day {
  color: white;
  -webkit-animation: isSelectedDay 125ms ease-out;
          animation: isSelectedDay 125ms ease-out;
  background-color: #00aadc; }

.DayPicker-Day.DayPicker-Day--is-selected.DayPicker-Day--today .date-picker__day,
.DayPicker-Day.DayPicker-Day--is-selected.DayPicker-Day--events .date-picker__day {
  color: white;
  background-color: #00aadc; }

.DayPicker-Day--sunday .date-picker__day {
  color: #87a6bc; }

.DayPicker-Day--events:not(.DayPicker-Day--is-selected) .date-picker__day {
  border-color: #87a6bc; }

.DayPicker-Day--events.DayPicker-Day--disabled:not(.DayPicker-Day--is-selected) .date-picker__day {
  border-color: #c8d7e1; }

@-webkit-keyframes isSelectedDay {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes isSelectedDay {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.DayPicker--ar {
  direction: rtl; }

.dialog__backdrop {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  transition: background-color .2s ease-in;
  z-index: 100200; }
  .dialog__backdrop.dialog-enter, .dialog__backdrop.dialog-leave.dialog-leave-active {
    background-color: rgba(233, 239, 243, 0); }
  .dialog__backdrop, .dialog__backdrop.dialog-enter.dialog-enter-active, .dialog__backdrop.dialog-leave {
    background-color: rgba(233, 239, 243, 0.8); }
  .dialog__backdrop.is-full-screen {
    top: 0; }

.dialog.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 90%;
  max-height: 90%;
  margin: auto 0;
  padding: 0;
  opacity: 1;
  transition: opacity .2s ease-in; }
  .dialog-enter .dialog.card,
  .dialog-leave.dialog-leave-active .dialog.card {
    opacity: 0; }
  .dialog.card,
  .dialog-enter.dialog-enter-active .dialog.card,
  .dialog-leave .dialog.card {
    opacity: 1; }

.dialog__content {
  padding: 16px;
  overflow-y: auto; }
  @media (min-width: 481px) {
    .dialog__content {
      padding: 24px; } }
  .dialog__content:last-child {
    bottom: 0; }
  .dialog__content h1 {
    color: #2e4453;
    font-size: 1.375em;
    font-weight: 600;
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em; }

.dialog__action-buttons {
  position: relative;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0;
  text-align: right; }
  @media (min-width: 481px) {
    .dialog__action-buttons {
      padding-left: 24px;
      padding-right: 24px; } }
  .dialog__action-buttons:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 16px;
    right: 16px;
    height: 24px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    margin-bottom: 1px; }

.dialog__action-buttons .button {
  margin-left: 10px;
  min-width: 80px; }
  .dialog__action-buttons .button .is-left-aligned {
    margin-left: 0;
    margin-right: 10px; }

.dialog__action-buttons .is-left-aligned {
  float: left; }

.domain-mapping-suggestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 661px) {
    .domain-mapping-suggestion .domain-product-price.is-free-domain {
      margin-top: 5px; } }

@media (min-width: 661px) {
  .domain-mapping-suggestion__domain-description {
    width: 75%; } }

.domain-mapping-suggestion__domain-description > p {
  color: #2e4453;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
  opacity: 0.7; }
  @media (min-width: 961px) {
    .domain-mapping-suggestion__domain-description > p {
      margin-bottom: 8px; } }

.domain-product-price {
  color: #3d596d;
  display: inline-block;
  font-size: 17px;
  font-weight: 600; }
  @media (min-width: 661px) {
    .domain-product-price {
      min-width: 130px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: -4px; } }
  @media (max-width: 660px) {
    .domain-product-price {
      font-size: 14px; } }
  .domain-product-price.is-with-plans-only:not(.is-free-domain) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 280px;
            flex: 1 1 280px; }
    .domain-product-price.is-with-plans-only:not(.is-free-domain) small {
      font-size: 12px; }
  @media (max-width: 660px) {
    .map-domain-step .domain-product-price {
      padding-bottom: 5px; } }
  .domain-product-price small {
    font-weight: 400;
    opacity: .6; }
  .domain-product-price .domain-product-price__premium-text {
    cursor: pointer; }
  .domain-product-price .domain-product-price__free-text {
    color: #4ab866;
    display: block;
    font-size: 11px;
    text-transform: uppercase; }
  .domain-product-price.is-free-domain {
    display: block;
    font-size: 13px; }
    @media (min-width: 961px) {
      .domain-product-price.is-free-domain {
        margin-top: -6px; } }
    .domain-product-price.is-free-domain small {
      font-size: 100%;
      opacity: 1; }
    .domain-product-price.is-free-domain .domain-product-price__price {
      opacity: .6;
      text-decoration: line-through; }
    @media (min-width: 661px) {
      .domain-product-price.is-free-domain.no-price {
        padding-top: 7px; } }
    @media (min-width: 961px) {
      .domain-product-price.is-free-domain.no-price {
        padding-top: 13px; } }
  @media (min-width: 661px) {
    .is-placeholder .domain-product-price {
      display: none; } }
  @media (max-width: 660px) {
    .is-placeholder .domain-product-price {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      background-color: #e9eff3;
      color: transparent; } }

.domain-search-results__domain-availability .notice.is-success {
  margin: 0; }

.domain-search-results__domain-availability .domain-suggestion.card {
  border: solid 2px #4ab866;
  box-shadow: none;
  opacity: 1;
  position: static;
  top: auto;
  margin-bottom: 20px; }
  @media (min-width: 661px) {
    .domain-search-results__domain-availability .domain-suggestion.card {
      margin-bottom: 30px; } }

.domain-search-results__domain-availability .notice small {
  display: block;
  font-size: 12px; }

.domain-suggestion {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .domain-suggestion:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 661px) {
    .domain-suggestion {
      padding: 15px 20px; }
      .domain-suggestion .domain-product-price {
        margin-left: 5%; } }
  .domain-suggestion.is-clickable {
    cursor: pointer; }
    .domain-suggestion.is-clickable:hover {
      box-shadow: 0 0 0 1px #87a6bc;
      z-index: 1; }
  .domain-suggestion.is-added {
    background-color: #fafbfc; }
    .domain-suggestion.is-added .domain-suggestion__content h3, .domain-suggestion.is-added .domain-suggestion__content .domain-product-price {
      color: #87a6bc; }

.domain-suggestion__content {
  width: 100%;
  min-height: 32px; }
  @media (min-width: 661px) {
    .domain-suggestion__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 8px 0 0 0; } }
  .domain-suggestion__content .notice.is-compact {
    margin: 0 0 0 8px; }
  .domain-suggestion__content .notice__icon {
    display: none; }
  .is-placeholder .domain-suggestion__content {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    min-height: 44px; }
  @media (min-width: 661px) {
    .is-placeholder .domain-suggestion__content {
      margin-right: 50%;
      min-height: 22px;
      margin-top: 9px;
      margin-bottom: 9px; }
    .is-placeholder:nth-of-type(2n+1) .domain-suggestion__content {
      margin-right: 52%; }
    .is-placeholder:nth-of-type(1) .domain-suggestion__content {
      margin-right: 40%; } }
  .domain-suggestion__content > h3 {
    word-break: break-all; }
    @media (min-width: 661px) {
      .domain-suggestion__content > h3 {
        width: 75%; } }
    .is-placeholder .domain-suggestion__content > h3 {
      color: transparent; }

.domain-suggestion__action {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-width: 66px;
  text-align: center;
  color: #00aadc; }
  .is-placeholder .domain-suggestion__action {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    border: none;
    border-radius: 0;
    color: transparent;
    margin-left: 40px;
    min-height: 26px; }

.domain-suggestion__chevron {
  margin-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: #87a6bc; }
  .is-placeholder .domain-suggestion__chevron {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    color: #e9eff3; }

.example-domain-suggestions {
  box-sizing: border-box;
  position: relative;
  padding-top: 16px;
  padding-right: 348px;
  max-width: 600px;
  margin: 0 auto 60px auto; }
  .example-domain-suggestions p {
    color: #4f748e;
    text-align: right;
    margin-bottom: 8px; }
  .example-domain-suggestions a {
    text-decoration: underline; }
  @media (max-width: 660px) {
    .example-domain-suggestions {
      max-width: 100%;
      padding: 16px;
      margin: 0 auto; }
      .example-domain-suggestions p {
        text-align: center; } }

.example-domain-suggestions__browser {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 300px; }
  .example-domain-suggestions__browser:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%); }
  .example-domain-suggestions__browser:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 80px;
    background: linear-gradient(to right, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%); }
  @media (max-width: 660px) {
    .example-domain-suggestions__browser {
      padding-top: 24px;
      position: relative;
      margin: 0 auto; } }

.map-domain-step {
  padding: 0; }
  .map-domain-step form.map-domain-step__form {
    padding: 20px;
    margin-bottom: 9px; }
  .map-domain-step p {
    color: #2e4453;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    opacity: 0.7; }
  .map-domain-step .domain-product-price {
    float: left;
    margin-bottom: 20px;
    min-width: 0; }
    @media (min-width: 961px) {
      .map-domain-step .domain-product-price {
        float: right;
        margin-bottom: 0; } }
  .map-domain-step .notice {
    margin-top: 25px; }
  .map-domain-step .domain-search-results__domain-availability {
    margin-top: 30px; }

@media (min-width: 961px) {
  .map-domain-step__domain-description {
    max-width: 75%;
    float: left;
    margin-bottom: 20px; } }

.map-domain-step__add-domain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  width: 100%; }
  @media (min-width: 661px) {
    .map-domain-step__add-domain {
      -ms-flex-flow: row;
          flex-flow: row; } }

input.map-domain-step__external-domain {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto; }

.map-domain-step__go {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 10px 0 0 0; }
  @media (min-width: 661px) {
    .map-domain-step__go {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      margin: 0 0 0 10px; } }

.register-domain-step__search {
  padding-bottom: 20px; }
  .register-domain-step__search .search {
    margin-bottom: 0; }
    .register-domain-step__search .search.is-refocused {
      -webkit-animation: shake .5s both;
              animation: shake .5s both;
      box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  @media (min-width: 661px) {
    .register-domain-step__search {
      padding-bottom: 30px; } }
  .register-domain-step__search.disabled {
    border-bottom: none;
    opacity: 0.7;
    transition: opacity, 0.3s, ease-in-out; }
  .register-domain-step__search .search-card {
    margin-bottom: 0; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 60% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  30% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 60% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  30% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); } }

.registrant-extra-info__form-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px; }

.registrant-extra-info__form-desciption {
  font-weight: 16px;
  margin: 0 0 1.7em; }

.form-label.registrant-extra-info__optional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .form-label.registrant-extra-info__optional .registrant-extra-info__optional-label {
    color: #4f748e;
    font-weight: 200;
    margin-left: 5px; }

.registrant-extra-info__form input[type=number] {
  -moz-appearance: textfield; }
  .registrant-extra-info__form input[type=number]::-webkit-inner-spin-button, .registrant-extra-info__form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.registrant-extra-info__form-country-select {
  width: 100%; }

.registrant-extra-info__dob-inputs {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .registrant-extra-info__dob-inputs .registrant-extra-info__dob-year {
    box-sizing: content-box;
    width: 42px; }
  .registrant-extra-info__dob-inputs .registrant-extra-info__dob-month,
  .registrant-extra-info__dob-inputs .registrant-extra-info__dob-day {
    box-sizing: content-box;
    width: 28px; }

.registrant-extra-info__dob-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px; }
  .registrant-extra-info__dob-column:first-child {
    margin-left: 0; }

.registrant-extra-info__title-card {
  margin-bottom: 0; }

.drop-zone {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 15px;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
  border: 6px solid #005082;
  border-radius: 6px;
  background-color: rgba(0, 135, 190, 0.8); }
  .drop-zone.is-active {
    opacity: 1;
    visibility: visible;
    transition: 0.3s opacity, 0.3s background-color; }
  .drop-zone.is-dragging-over-element {
    background-color: rgba(0, 170, 220, 0.8); }
  .drop-zone.is-full-screen {
    position: fixed; }

.drop-zone__content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1010;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: white;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

.drop-zone.is-dragging-over-element .drop-zone__content {
  -webkit-transform: translateY(-50%) scale(1.05);
          transform: translateY(-50%) scale(1.05); }

.drop-zone__content-icon,
.drop-zone__content-text {
  display: block; }

.drop-zone__content-icon {
  margin: 0 auto;
  line-height: 0; }

.drop-zone.is-full-screen .drop-zone__content {
  font-size: 30px; }

.editor-drawer-well .drop-zone.editor-featured-image__dropzone {
  margin: 0; }

.drop-zone.editor-featured-image__dropzone {
  background-color: rgba(240, 130, 30, 0.7);
  border: 6px solid #f0821e; }
  .drop-zone.editor-featured-image__dropzone.is-dragging-over-element {
    background-color: rgba(246, 183, 126, 0.8); }
  .drop-zone.editor-featured-image__dropzone .drop-zone__content {
    color: #542B06; }

.gridicon.ellipsis-menu__toggle-icon {
  transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .ellipsis-menu.is-menu-visible .gridicon.ellipsis-menu__toggle-icon {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.email-verification-gate__content {
  position: relative;
  pointer-events: none;
  opacity: 0.33; }

.email-verification-dialog__confirmation-dialog.is-narrow {
  max-width: 100%;
  border-radius: 0; }
  @media (min-width: 661px) {
    .email-verification-dialog__confirmation-dialog.is-narrow {
      max-width: 550px;
      border-radius: 3px; } }

.email-verification-dialog__confirmation-dialog-heading {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 4px 0; }

.email-verification-dialog__confirmation-dialog-heading.is-variable-height {
  height: auto; }

.email-verification-dialog__confirmation-dialog-email,
.email-verification-dialog__confirmation-dialog-explanation,
.email-verification-dialog__confirmation-dialog-reasoning {
  color: #3d596d;
  margin: 0 0 8px 0; }

.email-verification-dialog__confirmation-dialog-email {
  margin-bottom: 16px;
  color: #668eaa; }

.email-verification-dialog__confirmation-dialog-email-wrapper {
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
  vertical-align: bottom; }

.email-verification-dialog__confirmation-dialog-reasoning {
  color: #668eaa;
  font-size: 14px;
  margin-bottom: 24px; }

.email-verification-dialog__confirmation-dialog-spinner {
  display: inline-block;
  vertical-align: -25%; }

.emojify {
  display: inline; }

img.emojify__emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em; }

.empty-content {
  max-width: 960px;
  overflow: hidden;
  margin: 35px auto 0;
  padding-top: 20px;
  text-align: center; }
  @media (max-width: 660px) {
    .empty-content {
      padding-top: 10px;
      margin-left: 15px;
      margin-right: 15px; } }
  .empty-content.has-title-only .empty-content__title {
    margin-bottom: 40px; }

.empty-content__title {
  color: #2e4453;
  font-size: 34px;
  font-weight: 300; }
  @media (max-width: 660px) {
    .empty-content__title {
      font-size: 24px; } }

.empty-content__line {
  color: #4f748e;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 40px; }
  @media (max-width: 660px) {
    .empty-content__line {
      font-size: 16px; } }

.empty-content__action {
  margin: 0 0 10px 10px; }

.empty-content.is-compact {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px; }
  .empty-content.is-compact .empty-content__illustration {
    margin-top: -130px; }
    @media (max-width: 660px) {
      .empty-content.is-compact .empty-content__illustration {
        margin-top: -80px; } }
  .empty-content.is-compact .empty-content__title {
    font-size: 30px; }
    @media (max-width: 660px) {
      .empty-content.is-compact .empty-content__title {
        font-size: 24px; } }

.external-link .gridicons-external {
  color: currentColor;
  margin-left: 8px;
  margin-right: 0px;
  top: 2px;
  position: relative; }

.external-link:hover {
  cursor: pointer; }

.icon-first .gridicons-external {
  margin-left: 0px;
  margin-right: 8px; }

.faq {
  padding: 0 16px; }
  @media (min-width: 481px) {
    .faq {
      padding: 0 24px; } }
  @media (min-width: 661px) {
    .faq {
      padding: 0; } }

.faq__heading {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 300;
  color: #668eaa; }

.faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -12px;
  list-style: none; }

.faq__item {
  width: 100%;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 21px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px; }
  @media (min-width: 480px) and (max-width: 660px), (min-width: 800px) and (max-width: 1040px) {
    .faq__item {
      width: 50%; } }
  @media (min-width: 1041px) {
    .faq__item {
      width: 33.33333%; } }

.faq__question {
  margin-bottom: 12px;
  font-weight: 600;
  color: #668eaa; }

.faq__answer {
  margin-bottom: 1em;
  color: #4f748e; }
  .faq__answer a {
    color: #00aadc;
    text-decoration: underline; }

.feature-example {
  max-height: 400px;
  margin-top: 36px;
  position: relative;
  overflow: hidden; }

.feature-example__gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(243, 246, 248, 0.4), #f3f6f8);
  z-index: 179; }

.is-first-view-active .main {
  opacity: 1;
  pointer-events: auto;
  transition: all .6s ease-in-out; }

.is-first-view-visible .main {
  opacity: 0.3;
  pointer-events: none; }
  @supports (overflow: -webkit-marquee) and ((-webkit-box-pack: inherit) or (justify-content: inherit)) {
    .is-first-view-visible .main {
      -webkit-filter: blur(3px);
              filter: blur(3px); } }

.first-view {
  box-sizing: border-box;
  margin: calc( 47px + 10vh) 0 0 0;
  padding: 32px 32px 32px 32px;
  pointer-events: none;
  position: fixed;
  bottom: 0;
  top: 0;
  width: 100%;
  z-index: 175; }
  @media (max-width: 480px) {
    .first-view {
      padding: 0;
      margin-top: 47px; } }
  @media (min-width: 661px) {
    .first-view {
      padding-left: 260px; } }
  @media (min-width: 961px) {
    .first-view {
      padding-left: 304px; } }
  @media (max-height: 480px) {
    .first-view {
      padding: 0;
      margin: 47px 0; } }

.first-view__content {
  margin: 0 auto;
  max-width: 575px;
  opacity: 0;
  padding: 20px 24px 20px 156px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 8px 30px rgba(135, 166, 188, 0.2);
  position: relative;
  pointer-events: auto;
  -webkit-transform: scale(0.98) translateY(32px);
          transform: scale(0.98) translateY(32px);
  transition: all 0.25s ease-in; }
  @media (max-width: 480px) {
    .first-view__content {
      height: 100%;
      padding-left: 24px;
      text-align: center; } }
  .first-view__content .first-view__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 128px;
    background: #f3f6f8;
    border-right: 1px solid #e9eff3;
    padding: 2px; }
    @media (max-width: 480px) {
      .first-view__content .first-view__icon {
        position: relative;
        width: calc( 100% + 48px);
        border-right: none;
        border-bottom: 1px solid #e9eff3;
        padding: 16px 0;
        margin: -20px -24px 24px -24px; } }
  @media (max-width: 480px) and (max-height: 480px) {
    .first-view__content .first-view__icon {
      display: none; } }
  @media (max-width: 480px) and (max-height: 660px) {
    .first-view__content .first-view__icon {
      width: calc( 100% + 80px);
      margin: -34px -40px 40px -40px;
      zoom: 0.6; } }
    .first-view__content .first-view__icon svg {
      width: 128px;
      height: 128px; }
      @media (max-width: 480px) {
        .first-view__content .first-view__icon svg {
          margin: 0 auto;
          width: 220px;
          height: 220px; } }
  .first-view__content h1 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px 0;
    line-height: 1.4; }
    @media (max-width: 480px) {
      .first-view__content h1 {
        font-size: 24px; } }
  .first-view__content p {
    font-size: 15px;
    margin: 0 0 20px 0;
    line-height: 1.5; }
  .first-view__content .button {
    min-width: 120px; }
    @media (max-width: 480px) {
      .first-view__content .button {
        min-width: 200px; } }

.is-first-view-visible .first-view__content {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0); }

.first-view__hide-preference {
  color: #3d596d;
  padding: 8px 0; }
  @media (max-width: 480px) {
    .first-view__hide-preference {
      padding: 24px 0; } }
  @media (min-width: 661px) {
    .first-view__hide-preference {
      display: inline-block;
      padding-left: 32px; } }
  .first-view__hide-preference label {
    cursor: pointer; }
  .first-view__hide-preference input[type='checkbox'] {
    float: none;
    margin-right: 8px;
    margin-top: -2px; }

.foldable-card.card {
  position: relative;
  transition: margin .15s linear;
  padding: 0; }
  .foldable-card.card:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .foldable-card.card.is-expanded {
    margin: 8px 0; }

.foldable-card__header {
  min-height: 64px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative; }
  .foldable-card__header.is-clickable {
    cursor: pointer; }
  .foldable-card__header.has-border .foldable-card__summary,
  .foldable-card__header.has-border .foldable-card__summary-expanded {
    margin-right: 48px; }
  .foldable-card__header.has-border .foldable-card__expand {
    border-left: 1px #f3f6f8 solid; }
  .foldable-card.is-compact .foldable-card__header {
    padding: 8px 16px;
    min-height: 40px; }
  .foldable-card.is-expanded .foldable-card__header {
    margin-bottom: 0px;
    height: inherit;
    min-height: 64px; }
  .foldable-card.is-expanded.is-compact .foldable-card__header {
    min-height: 40px; }
  .foldable-card.is-disabled .foldable-card__header {
    opacity: 0.2; }

.foldable-card__action {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }
  .foldable-card.is-expanded .foldable-card__action {
    height: 100%; }
  .foldable-card.is-disabled .foldable-card__action {
    cursor: default; }
  .accessible-focus .foldable-card__action:focus {
    outline: thin dotted; }

button.foldable-card__action {
  cursor: pointer; }

.foldable-card__main {
  max-width: calc( 100% - 36px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 2;
      -ms-flex: 2 1;
          flex: 2 1;
  margin-right: 5px; }
  @media (max-width: 480px) {
    .foldable-card__main {
      -webkit-box-flex: 1;
          -ms-flex: 1 1;
              flex: 1 1; } }

.foldable-card__secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.foldable-card__expand {
  width: 48px; }
  .foldable-card__expand .gridicon {
    fill: #87a6bc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    vertical-align: middle;
    transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .foldable-card.is-expanded .foldable-card__expand .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .foldable-card__expand .gridicon:hover {
    fill: #87a6bc; }
  .foldable-card__expand:hover .gridicon {
    fill: #00aadc; }

.foldable-card__content {
  display: none; }
  .foldable-card.is-expanded .foldable-card__content {
    display: block;
    padding: 16px;
    border-top: 1px solid #f3f6f8; }
    .foldable-card.is-compact .foldable-card.is-expanded .foldable-card__content {
      padding: 8px; }

.foldable-card__summary,
.foldable-card__summary-expanded {
  margin-right: 40px;
  color: #537994;
  font-size: 12px;
  transition: opacity 0.2s linear;
  display: inline-block; }
  .foldable-card.has-expanded-summary .foldable-card__summary, .foldable-card.has-expanded-summary
  .foldable-card__summary-expanded {
    transition: none;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    text-align: right; }
  @media (max-width: 480px) {
    .foldable-card__summary,
    .foldable-card__summary-expanded {
      display: none; } }

.foldable-card__summary {
  opacity: 1;
  display: inline-block; }
  .foldable-card.is-expanded .foldable-card__summary {
    display: none; }
    .has-expanded-summary .foldable-card.is-expanded .foldable-card__summary {
      display: none; }

.foldable-card__summary-expanded {
  display: none; }
  .foldable-card.is-expanded .foldable-card__summary-expanded {
    display: inline-block; }

.formatted-header {
  margin: 16px 0 24px 0;
  text-align: center; }
  @media (min-width: 961px) {
    .formatted-header {
      margin-bottom: 35px; }
      .formatted-header.is-without-subhead {
        margin-bottom: 24px; } }

.formatted-header__title {
  font-size: 24px;
  margin: 0 0 5px 0; }
  @media (max-width: 480px) {
    .formatted-header__title {
      line-height: 1.2em;
      padding: 0 10px; } }

.formatted-header__subtitle {
  color: #4f748e;
  font-size: 14px; }
  @media (max-width: 480px) {
    .formatted-header__subtitle {
      margin: 0;
      padding: 0 20px; } }

.counted-textarea {
  border: 1px solid #c8d7e1;
  background-color: #f3f6f8; }
  .counted-textarea.is-exceeding-acceptable-length {
    background: #d94f4f; }
    .counted-textarea.is-exceeding-acceptable-length .counted-textarea__count-panel,
    .counted-textarea.is-exceeding-acceptable-length .gridicons-info-outline {
      color: white; }

.counted-textarea__input {
  display: block;
  resize: vertical;
  border: none;
  padding: 8px; }

.counted-textarea__count-panel {
  padding: 8px;
  font-size: 12px;
  color: #4f748e; }

.form-button {
  float: right;
  margin-left: 10px; }

.form-buttons-bar:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

@media (max-width: 480px) {
  .form-buttons-bar {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .form-buttons-bar .button {
      display: block;
      margin-top: 8px; }
    .form-buttons-bar .form-button {
      float: none;
      margin-left: 0; } }

.form-currency-input {
  -webkit-appearance: none; }

.form-currency-input__affix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.form-currency-input__select-icon {
  color: #87a6bc;
  margin-left: 6px;
  -ms-flex-item-align: center;
      align-self: center; }

.form-text-input-with-affixes__prefix:hover .form-currency-input__select-icon,
.form-text-input-with-affixes__suffix:hover .form-currency-input__select-icon {
  color: #4f748e; }

.form-currency-input__select {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0;
  border: 0;
  background-image: none;
  opacity: 0; }

.form-fieldset {
  clear: both;
  margin-bottom: 20px; }

.form-input-validation {
  color: #4ab866;
  position: relative;
  padding: 6px 24px 11px 34px;
  border-radius: 1px;
  box-sizing: border-box;
  font-size: 14px;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }
  .form-input-validation.is-error {
    color: #d94f4f; }
  .form-input-validation.is-warning {
    color: #f0b849; }
  .form-input-validation .gridicon {
    float: left;
    margin-left: -34px; }

.form-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px; }
  .form-label .form-label__required {
    color: #d54e21;
    font-weight: normal;
    margin-left: 6px; }

.form-label input[type="checkbox"] + span,
.form-label input[type="radio"] + span {
  font-weight: normal; }

.form-legend {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px; }

li .form-legend {
  margin-top: 4px; }

.form-password-input {
  position: relative; }
  .form-password-input .form-text-input {
    padding-right: 32px; }
  .form-password-input .form-password-input__toggle {
    display: none; }
  .form-password-input .form-password-input__toggle-visibility {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 8px /*rtl:ignore*/;
    top: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .form-password-input .form-password-input__toggle-visibility .gridicon {
      fill: #a8bece; }
      .form-password-input .form-password-input__toggle-visibility .gridicon:hover {
        fill: #668eaa; }

.form-radio-with-thumbnail__thumbnail {
  width: 120px;
  height: 90px;
  margin: 2px 0 8px;
  background-color: white;
  background-position: 50% 0;
  background-size: cover;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  transition: all 100ms ease-in-out;
  overflow: hidden; }
  .form-radio-with-thumbnail__thumbnail:hover {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }

.form-radio-with-thumbnail .form-label {
  display: inline-block;
  cursor: pointer; }

.form-radios-bar {
  display: block; }
  .form-radios-bar.is-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.form-radios-bar .form-radio-with-thumbnail {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 136px;
  max-width: 150px;
  margin-bottom: 10px; }

.form-range {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 18px;
  margin: 0;
  padding: 0;
  background: #c8d7e1;
  background: linear-gradient(to bottom, transparent, transparent 8px, #c8d7e1 8px, #c8d7e1 10px, transparent 10px); }

.form-range:focus {
  outline: none; }

.form-range::-webkit-slider-thumb {
  height: 26px;
  width: 26px;
  border: none;
  background: radial-gradient(#00aadc, #00aadc 6px, #005082 7px, transparent 8px, transparent);
  cursor: pointer;
  -webkit-appearance: none; }

.form-range::-moz-range-track {
  background: transparent;
  border: none; }

.form-range::-moz-range-thumb {
  height: 26px;
  width: 26px;
  border: none;
  background: radial-gradient(#00aadc, #00aadc 6px, #005082 7px, transparent 8px, transparent);
  cursor: pointer; }

.form-range::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

.form-range::-ms-fill-lower,
.form-range::-ms-fill-upper {
  background: transparent; }

.form-range::-ms-thumb {
  height: 26px;
  width: 26px;
  border: none;
  background: radial-gradient(#00aadc, #00aadc 6px, #005082 7px, transparent 8px, transparent);
  cursor: pointer; }

.form-section-heading {
  font-size: 24px;
  font-weight: 300;
  margin: 30px 0 20px 0; }

.form-section-heading:first-child {
  margin-top: 0; }

.form-select {
  margin-bottom: 1em; }
  .form-select.is-error {
    border-color: #d94f4f; }
  .form-select.is-error:hover {
    border-color: #c92c2c; }
  .form-select:disabled {
    color: #a8bece; }
  .form-select:focus.is-error {
    box-shadow: 0 0 0 2px #f9e2e2; }
  .form-select:focus.is-error:hover {
    box-shadow: 0 0 0 2px #f0b8b8; }

.form-select:only-of-type,
.form-select:last-of-type {
  margin-bottom: 0; }

.form-setting-explanation {
  color: #537994;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0 0 0; }
  .form-setting-explanation.is-indented {
    margin-left: 24px; }

.form-tel-input {
  -webkit-appearance: none; }

input[type="email"].form-text-input,
input[type="password"].form-text-input,
input[type="url"].form-text-input,
input[type="text"].form-text-input {
  -webkit-appearance: none; }

.form-text-input-with-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .form-text-input-with-action.is-focused {
    border-color: #0087be;
    outline: none;
    box-shadow: 0 0 0 2px #78dcfa; }
    .form-text-input-with-action.is-focused.is-valid {
      box-shadow: 0 0 0 2px #caead2; }
    .form-text-input-with-action.is-focused.is-valid:hover {
      box-shadow: 0 0 0 2px #a6dcb3; }
    .form-text-input-with-action.is-focused.is-error {
      box-shadow: 0 0 0 2px #f9e2e2; }
    .form-text-input-with-action.is-focused.is-error:hover {
      box-shadow: 0 0 0 2px #f0b8b8; }
  .form-text-input-with-action.is-disabled {
    background: #f3f6f8;
    border-color: #e9eff3;
    color: #a8bece;
    opacity: 1;
    -webkit-text-fill-color: #a8bece; }
    .form-text-input-with-action.is-disabled:hover {
      cursor: default; }
    .form-text-input-with-action.is-disabled::-webkit-input-placeholder {
      color: #a8bece; }
    .form-text-input-with-action.is-disabled::-moz-placeholder {
      color: #a8bece; }
    .form-text-input-with-action.is-disabled:-ms-input-placeholder {
      color: #a8bece; }
    .form-text-input-with-action.is-disabled::placeholder {
      color: #a8bece; }
  .form-text-input-with-action.is-valid {
    border-color: #4ab866; }
  .form-text-input-with-action.is-valid:hover {
    border-color: #3a9551; }
  .form-text-input-with-action.is-error {
    border-color: #d94f4f; }
  .form-text-input-with-action.is-error:hover {
    border-color: #c92c2c; }

.form-text-input-with-action__button.is-compact {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 4px;
  text-transform: none; }

input[type="text"].form-text-input-with-action__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  border: none;
  min-width: 0; }

input[type="text"].form-text-input-with-action__input:focus {
  border: none;
  box-shadow: none; }

.form-text-input-with-affixes {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .form-text-input-with-affixes.no-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .form-text-input-with-affixes input[type="email"],
  .form-text-input-with-affixes input[type="password"],
  .form-text-input-with-affixes input[type="url"],
  .form-text-input-with-affixes input[type="text"],
  .form-text-input-with-affixes input[type="number"] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .form-text-input-with-affixes input[type="email"]:focus,
    .form-text-input-with-affixes input[type="password"]:focus,
    .form-text-input-with-affixes input[type="url"]:focus,
    .form-text-input-with-affixes input[type="text"]:focus,
    .form-text-input-with-affixes input[type="number"]:focus {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .form-text-input-with-affixes input[type="email"]:disabled,
    .form-text-input-with-affixes input[type="password"]:disabled,
    .form-text-input-with-affixes input[type="url"]:disabled,
    .form-text-input-with-affixes input[type="text"]:disabled,
    .form-text-input-with-affixes input[type="number"]:disabled {
      border-right-width: 0; }
      .form-text-input-with-affixes input[type="email"]:disabled + .form-text-input-with-affixes__suffix,
      .form-text-input-with-affixes input[type="password"]:disabled + .form-text-input-with-affixes__suffix,
      .form-text-input-with-affixes input[type="url"]:disabled + .form-text-input-with-affixes__suffix,
      .form-text-input-with-affixes input[type="text"]:disabled + .form-text-input-with-affixes__suffix,
      .form-text-input-with-affixes input[type="number"]:disabled + .form-text-input-with-affixes__suffix {
        border-left: 1px solid #c8d7e1; }

.form-text-input-with-affixes__prefix,
.form-text-input-with-affixes__suffix {
  position: relative;
  background: #f3f6f8;
  border: 1px solid #c8d7e1;
  color: #4f748e;
  padding: 8px 14px;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 16px;
  line-height: 1.5; }

.form-text-input-with-affixes__prefix {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
  @media (max-width: 480px) {
    :not(.no-wrap) > .form-text-input-with-affixes__prefix {
      border-bottom: none; } }
  .no-wrap > .form-text-input-with-affixes__prefix {
    border-bottom-left-radius: 2px;
    border-right: none;
    border-top-right-radius: 0; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes__prefix {
      border-bottom-left-radius: 2px;
      border-right: none;
      border-top-right-radius: 0; } }
  .form-text-input-with-affixes__prefix + input[type="email"]:disabled,
  .form-text-input-with-affixes__prefix + input[type="password"]:disabled,
  .form-text-input-with-affixes__prefix + input[type="url"]:disabled,
  .form-text-input-with-affixes__prefix + input[type="text"]:disabled,
  .form-text-input-with-affixes__prefix + input[type="number"]:disabled {
    border-left-color: #c8d7e1;
    border-right-width: 1px; }

.form-text-input-with-affixes__suffix {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }
  @media (max-width: 480px) {
    :not(.no-wrap) > .form-text-input-with-affixes__suffix {
      border-top: none; } }
  .no-wrap > .form-text-input-with-affixes__suffix {
    border-bottom-left-radius: 0;
    border-left: none;
    border-top-right-radius: 2px; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes__suffix {
      border-bottom-left-radius: 0;
      border-left: none;
      border-top-right-radius: 2px; } }

.form-toggle[type="checkbox"] {
  display: none; }

.form-toggle__switch {
  position: relative;
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 2px;
  width: 40px;
  height: 24px;
  vertical-align: middle;
  -ms-flex-item-align: start;
      align-self: flex-start;
  outline: 0;
  cursor: pointer;
  transition: all .4s ease, box-shadow 0s; }
  .form-toggle__switch:before, .form-toggle__switch:after {
    position: relative;
    display: block;
    content: "";
    width: 20px;
    height: 20px; }
  .form-toggle__switch:after {
    left: 0;
    border-radius: 50%;
    background: white;
    transition: all .2s ease; }
  .form-toggle__switch:before {
    display: none; }
  .accessible-focus .form-toggle__switch:focus {
    box-shadow: 0 0 0 2px #00aadc; }

.form-toggle__label {
  cursor: pointer; }
  .is-disabled .form-toggle__label {
    cursor: default; }
  .form-toggle__label .form-toggle__label-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin-left: 12px; }

.accessible-focus .form-toggle:focus + .form-toggle__label .form-toggle__switch {
  box-shadow: 0 0 0 2px #00aadc; }

.accessible-focus .form-toggle:focus:checked + .form-toggle__label .form-toggle__switch {
  box-shadow: 0 0 0 2px #78dcfa; }

.form-toggle + .form-toggle__label .form-toggle__switch {
  background: #a8bece; }

.form-toggle:not(:disabled) + .form-toggle__label:hover .form-toggle__switch {
  background: #c8d7e1; }

.form-toggle:checked + .form-toggle__label .form-toggle__switch {
  background: #00aadc; }
  .form-toggle:checked + .form-toggle__label .form-toggle__switch:after {
    left: 16px; }

.form-toggle:checked:not(:disabled) + .form-toggle__label:hover .form-toggle__switch {
  background: #78dcfa; }

.form-toggle:disabled + label.form-toggle__label span.form-toggle__switch {
  opacity: 0.25;
  cursor: default; }

.form-toggle.is-toggling + .form-toggle__label .form-toggle__switch {
  background: #00aadc; }

.form-toggle.is-toggling:checked + .form-toggle__label .form-toggle__switch {
  background: #c8d7e1; }

.form-toggle.is-compact + .form-toggle__label .form-toggle__switch {
  border-radius: 8px;
  width: 24px;
  height: 16px; }
  .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:before, .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:after {
    width: 12px;
    height: 12px; }

.form-toggle.is-compact:checked + .form-toggle__label .form-toggle__switch:after {
  left: 8px; }

.range {
  position: relative; }
  .range.has-min-content {
    margin-left: 24px; }
  .range.has-max-content {
    margin-right: 24px; }

.range__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #87a6bc; }
  .range__content.is-min {
    left: -24px; }
  .range__content.is-max {
    right: -24px; }

.range__content > * {
  display: block; }

.range__label {
  position: absolute;
  bottom: 100%;
  z-index: 10;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: 5px;
  pointer-events: none; }
  .range__label::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: white;
    border-right: 1px solid #c8d7e1 /*rtl:ignore*/;
    border-bottom: 1px solid #c8d7e1 /*rtl:ignore*/; }

.range__label-inner {
  display: block;
  padding: 8px 12px;
  border: 1px solid #c8d7e1;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }

.sortable-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.sortable-list.is-horizontal .sortable-list__list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.sortable-list.is-vertical .sortable-list__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.sortable-list__item {
  display: inline-block; }
  .sortable-list__item.is-active > * {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #00aadc; }
  .sortable-list__item.is-draggable.is-active {
    position: fixed;
    z-index: 1000; }
  .sortable-list__item.is-shadow {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    opacity: 0.5; }
  .sortable-list__item.is-draggable > * {
    cursor: move;
    box-shadow: none; }

.sortable-list__navigation {
  margin-top: 18px;
  text-align: right; }

.sortable-list__navigation-button {
  padding: 8px;
  background-color: #f3f6f8;
  border: 1px solid #c8d7e1;
  color: #87a6bc; }
  .sortable-list__navigation-button:not(:disabled):hover {
    cursor: pointer;
    color: #00aadc; }
  .sortable-list__navigation-button:disabled {
    cursor: not-allowed;
    opacity: 0.4; }

.sortable-list.is-horizontal .sortable-list__navigation-button {
  display: inline-block; }
  .sortable-list.is-horizontal .sortable-list__navigation-button.is-previous {
    padding-left: 12px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%; }
  .sortable-list.is-horizontal .sortable-list__navigation-button.is-next {
    margin-left: -1px;
    padding-right: 12px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%; }

.sortable-list.is-horizontal .sortable-list__navigation-button .noticon {
  -webkit-transform: rotate(90deg) translateX(1px);
          transform: rotate(90deg) translateX(1px); }

.sortable-list.is-vertical .sortable-list__navigation-button {
  display: block;
  margin-left: auto; }
  .sortable-list.is-vertical .sortable-list__navigation-button.is-previous {
    border-top-right-radius: 50%;
    border-top-left-radius: 50%; }
  .sortable-list.is-vertical .sortable-list__navigation-button.is-next {
    margin-top: -1px;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%; }

.sortable-list.is-vertical .sortable-list__navigation-button .noticon {
  -webkit-transform: rotate(180deg) translateX(1px);
          transform: rotate(180deg) translateX(1px); }

.sortable-list__navigation-button .noticon {
  font-size: 24px;
  font-weight: bold; }

.gauge__label {
  display: block;
  position: relative;
  text-align: center; }
  .gauge__label .gauge__number {
    color: #3d596d;
    display: block;
    margin-top: -5px; }
  .gauge__label .gauge__metric {
    display: block;
    color: #4f748e;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    font-weight: bold;
    line-height: .7; }

.global-notices {
  overflow: hidden;
  text-align: right;
  pointer-events: none;
  z-index: 179;
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (min-width: 661px) {
    .global-notices {
      top: 63px;
      right: 16px;
      bottom: auto;
      left: auto;
      max-width: calc( 100% - 32px); } }
  @media (min-width: 961px) {
    .global-notices {
      top: 71px;
      right: 24px;
      max-width: calc( 100% - 48px); } }
  @media (min-width: 1041px) {
    .global-notices {
      right: 32px;
      max-width: calc( 100% - 64px); } }

.global-notices .notice {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0;
  text-align: left;
  pointer-events: auto; }
  @media (min-width: 661px) {
    .global-notices .notice {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 20px;
      overflow: hidden;
      margin-bottom: 24px; } }

@media (min-width: 661px) {
  .global-notices .notice__icon {
    padding: 8px 0 8px 16px; } }

.global-notices .notice__content {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 661px) {
    .global-notices .notice__content {
      padding: 9px 13px; } }

@media (min-width: 661px) {
  .global-notices .notice a.notice__action {
    font-size: 14px;
    padding: 9px 16px; } }

.global-notices .notice__dismiss {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media (min-width: 661px) {
    .global-notices .notice__dismiss {
      padding: 8px 16px; } }

/**
 * @component Gravatar
 */
.gravatar {
  border-radius: 50%; }
  .gravatar.is-placeholder {
    display: inline-block;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .gravatar.is-placeholder:after {
      content: '\00a0'; }

.happiness-support.is-placeholder .happiness-support__heading,
.happiness-support.is-placeholder .happiness-support__text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .happiness-support.is-placeholder .happiness-support__heading:after,
  .happiness-support.is-placeholder .happiness-support__text:after {
    content: '\00a0'; }

.happiness-support.is-placeholder .happiness-support__heading {
  width: 78%; }

.happiness-support.is-placeholder .happiness-support__text {
  width: 82%; }

.happiness-support.is-placeholder .happiness-support__illustration {
  display: none; }

.happiness-support.is-placeholder .happiness-support__buttons .button {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .happiness-support.is-placeholder .happiness-support__buttons .button:after {
    content: '\00a0'; }

.happiness-support__heading {
  color: #668eaa;
  clear: none;
  font-size: 21px; }

.happiness-support__text {
  color: #537994;
  margin-bottom: 16px;
  margin-top: 16px; }

.happiness-support__illustration {
  float: right;
  width: 150px;
  margin-left: 30px;
  text-align: center; }
  @media (max-width: 660px) {
    .happiness-support__illustration {
      width: 68px; } }

.happiness-support__gravatar-name {
  color: #87a6bc;
  font-size: 14px; }

.happiness-support__buttons {
  clear: both; }
  @media (max-width: 660px) {
    .happiness-support__buttons {
      margin-top: 6px;
      text-align: center; } }
  @media (max-width: 660px) {
    .happiness-support__buttons .button {
      margin-top: 10px;
      width: 80%; } }
  @media (min-width: 661px) {
    .happiness-support__buttons .button {
      margin-top: 10px; }
      .happiness-support__buttons .button:first-of-type {
        margin-right: 16px; } }

.header-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: normal;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 140px;
  min-height: 46px;
  padding: 0 16px; }
  .header-button:hover {
    background-color: #f3f6f8; }

.header-button .gridicon.gridicons-cloud-upload {
  top: 6px; }

.header-button__text {
  margin-top: 3px;
  white-space: nowrap; }

.header-cake.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 18px;
  padding-top: 11px;
  padding-bottom: 11px; }
  .header-cake.card::after {
    display: none; }
  @media (max-width: 660px) {
    .header-cake.card {
      margin-top: 10px; } }

.header-cake__back {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  max-width: 33.333%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .header-cake__back.is-spacer {
    opacity: 0;
    cursor: default;
    z-index: -1; }
  .header-cake__back.is-action .gridicon {
    margin-right: 4px; }

.header-cake__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #2e4453;
  text-align: center;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px; }

.hr-with-text {
  width: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
  margin: 20px 0; }
  .hr-with-text > div {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #c8d7e1;
    max-width: 80%; }
    .hr-with-text > div:before, .hr-with-text > div:after {
      content: "";
      position: absolute;
      top: 50%;
      width: 9999px;
      height: 1px;
      background-color: #c8d7e1; }
    .hr-with-text > div:before {
      right: 100%;
      margin-right: 5px; }
    .hr-with-text > div::after {
      left: 100%;
      margin-left: 5px; }

.image.is-error {
  display: none; }

.infinite-list__spacer {
  width: 100%; }

.info-popover .gridicon {
  cursor: pointer;
  color: #a8bece; }
  .info-popover .gridicon:hover {
    color: #2e4453; }

.info-popover.is_active .gridicon {
  color: #2e4453; }

.popover.info-popover__tooltip .popover__inner {
  color: #4f748e;
  font-size: 13px;
  max-width: 220px;
  padding: 16px;
  text-align: left; }

.input-chrono__container {
  position: relative;
  margin: 6px auto; }
  .input-chrono__container .gridicons-calendar {
    color: #c8d7e1;
    z-index: 0;
    font-size: 8px;
    width: 20px;
    position: absolute;
    left: 5px;
    top: 5px; }

.text-chrono,
input.input-chrono {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #e9eff3;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0);
  color: #537994;
  font-size: 12px;
  text-align: left;
  position: relative;
  z-index: 1; }

.text-chrono {
  border: 0; }

.jetpack-colophon {
  margin-top: 40px;
  text-align: center;
  color: #537994; }
  .jetpack-colophon .jetpack-logo {
    display: inline-block;
    fill: currentColor; }
  @media (max-width: 660px) {
    .jetpack-colophon {
      margin-bottom: 24px; } }

.jetpack-colophon__power {
  display: inline-block;
  vertical-align: top; }
  .jetpack-colophon__power .jetpack-logo {
    vertical-align: inherit;
    margin-top: -1px;
    margin-left: 4px; }

/*
 * Suggestions start out invisible, and they show up only when triggered.
 */
.keyed-suggestions {
  display: none; }

.has-keyed-suggestions .keyed-suggestions {
  display: block; }

/*
 * Suggestions list
 */
.keyed-suggestions__suggestions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.keyed-suggestions__category {
  background-color: #f3f6f8;
  border: 1px solid #d2dee6;
  border-top: 0px;
  padding: 4px 8px;
  font-size: 13px; }
  .keyed-suggestions__category .keyed-suggestions__category-name {
    text-transform: uppercase;
    color: #2e4453; }
  .keyed-suggestions__category .keyed-suggestions__category-counter {
    margin-left: 6px;
    text-transform: uppercase;
    color: #537994; }
  .keyed-suggestions__category .keyed-suggestions__category-show-all {
    float: right;
    cursor: pointer; }

.keyed-suggestions__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 10px;
  background: white;
  border: 1px solid #d2dee6;
  border-top: 0px;
  font-size: 15px;
  cursor: pointer; }
  .keyed-suggestions__value.has-highlight {
    background-color: #00aadc;
    color: white; }
    .keyed-suggestions__value.has-highlight .keyed-suggestions__value-description {
      color: white; }

.keyed-suggestions__value-category {
  display: none; }

.keyed-suggestions__value-label-wigh-highlight {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
  .keyed-suggestions__value-label-wigh-highlight .keyed-suggestions__value-emphasis,
  .keyed-suggestions__value-label-wigh-highlight .keyed-suggestions__value-normal {
    pointer-events: none;
    /* Required to allow clicks pass-through */ }
  .keyed-suggestions__value-label-wigh-highlight .keyed-suggestions__value-emphasis {
    font-weight: bold;
    color: inherit; }

.keyed-suggestions__value-description {
  position: relative;
  /* Required to allow :before positioning to work */
  pointer-events: none;
  /* Required to allow clicks pass-through */
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 0.5em;
  padding-top: 3px;
  color: #537994;
  font-size: 13px;
  height: 19px;
  /* font-size + 2*padding */
  overflow: hidden; }
  .keyed-suggestions__value-description:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
    .has-highlight .keyed-suggestions__value-description:before {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(0, 170, 220, 0), #00aadc 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }

/**
 * List End:
 * ------
 * Marker that can be appended to indicate the end of a list (e.g. posts).
 */
.list-end {
  position: relative;
  width: 100%;
  margin-top: 1em;
  text-align: center; }
  .list-end:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: -1;
    border-bottom: solid 1px #d9e3ea; }
  .list-end:after {
    font-size: 1.6em;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    color: #87a6bc;
    font-size: 1.46667em;
    padding: 0 0.36364em;
    background-color: #f3f6f8; }

.logged-out-form,
.logged-out-form__links {
  margin: 0 auto;
  max-width: 400px; }

.logged-out-form__footer {
  background: #f6f9fa;
  border-top: 1px solid #e9eff3;
  box-shadow: none;
  margin: 0 -16px -16px -16px;
  padding: 16px; }
  @media (min-width: 481px) {
    .logged-out-form__footer {
      margin: 0 -24px -24px -24px;
      padding: 24px; } }
  .logged-out-form__footer.is-blended {
    background: none;
    border-top: none;
    padding-top: 0; }
  .logged-out-form__footer .button.is-primary {
    float: none;
    margin: 0;
    width: 100%; }

.logged-out-form__link-item {
  border-bottom: 1px solid #c8d7e1;
  color: #4f748e;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 21px;
  padding: 16px 24px;
  cursor: pointer; }
  .logged-out-form__link-item:last-child {
    border-bottom: none; }
  .logged-out-form__link-item:visited {
    color: #4f748e; }
  .logged-out-form__link-item:hover {
    color: #00aadc; }

.language-picker {
  background: white;
  border: 1px solid #c8d7e1;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 14px;
  height: 64px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  cursor: pointer;
  transition: border-color .15s ease-in-out; }
  @media (max-width: 660px) {
    .language-picker {
      width: 100%; } }
  .language-picker[disabled] {
    cursor: default; }
    .language-picker[disabled],
    .language-picker[disabled] .language-picker__icon {
      border-color: #e9eff3; }
    .language-picker[disabled],
    .language-picker[disabled] .language-picker__name-change {
      color: #e9eff3; }
  .language-picker:not([disabled]):hover,
  .language-picker:not([disabled]):hover .language-picker__icon {
    border-color: #a8bece; }
  .language-picker.is-loading .language-picker__icon-inner {
    width: 30px;
    height: 30px;
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite; }
  .language-picker.is-loading .language-picker__name-inner {
    width: 100%;
    height: 30px;
    background-color: #e9eff3; }

.language-picker__icon {
  width: 64px;
  margin: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-right: 1px solid #c8d7e1;
  transition: border-color .15s ease-in-out; }

.language-picker__icon-inner {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.0; }

.language-picker__name {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 4px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.language-picker__name-inner {
  font-weight: 600;
  overflow: hidden; }

.language-picker__name-label {
  white-space: nowrap; }

.language-picker__name-change {
  text-transform: uppercase;
  color: #537994; }

.language-picker__modal.dialog.card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: none;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 661px) {
    .language-picker__modal.dialog.card {
      top: 5%;
      bottom: 5%;
      left: 5%;
      right: 5%;
      width: 90%; } }
  @media (min-width: 961px) {
    .language-picker__modal.dialog.card {
      left: 12.5%;
      right: 12.5%;
      width: 75%; } }

.language-picker__modal .dialog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-height: 0;
  padding: 0; }

.language-picker__modal .dialog__action-buttons {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0; }

.language-picker__modal .section-nav {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 0;
  z-index: 10; }

.language-picker__modal-list {
  box-sizing: border-box;
  width: 100%;
  overflow-y: auto;
  padding: 8px 16px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto; }

.language-picker__modal-item {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 481px) {
    .language-picker__modal-item {
      width: 50%; } }
  @media (min-width: 661px) {
    .language-picker__modal-item {
      width: 33%; } }
  @media (min-width: 961px) {
    .language-picker__modal-item {
      width: 25%; } }

.language-picker__modal-text {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer; }
  .language-picker__modal-text.is-selected {
    background: #00aadc;
    color: white; }

.locale-suggestions {
  margin: 20px auto 0;
  max-width: 500px; }

.locale-suggestions__list-item {
  margin: 0 0 0.5em 0; }
  .locale-suggestions__list-item:last-child {
    margin-bottom: 0; }

.locale-suggestions__locale-link {
  margin: 0 5px; }

.main {
  margin: auto;
  max-width: 720px;
  z-index: 20;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .main.themes {
    max-width: 100%; }
  .main.sites {
    max-width: 320px; }
  .main.customize {
    max-width: 100%; }
  .main.preview {
    height: 100%;
    max-width: none; }
  .main.is-wide-layout {
    max-width: 1040px; }
  @media (max-width: 660px) {
    .main {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-perspective: 1000;
              perspective: 1000; } }

.main .empty-content {
  margin-top: 0; }

.dialog__content .cancel-purchase-form__reason-input {
  margin: 4px 0 0 24px;
  width: calc( 100% - 24px); }

.mobile-back-to-sidebar {
  margin: 0 0 8px 0;
  padding: 15px 0 15px 36px;
  position: relative;
  background: white;
  border-bottom: 1px solid #c8d7e1;
  cursor: pointer; }
  @media (min-width: 661px) {
    .mobile-back-to-sidebar {
      display: none; } }

.mobile-back-to-sidebar__icon {
  position: absolute;
  top: 16px;
  left: 10px;
  fill: #87a6bc;
  height: 20px;
  width: 20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.mobile-back-to-sidebar__content {
  font-size: 15px;
  color: #2e4453; }

.notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  background: #e9eff3;
  box-sizing: border-box;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }
  @media (min-width: 481px) {
    .notice {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .notice.is-success {
    background: #4ab866; }
  .notice.is-warning {
    background: #f0b849; }
  .notice.is-error {
    background: #d94f4f; }
  .notice.is-info {
    background: #0087be; }
  .notice.is-success, .notice.is-error, .notice.is-warning, .notice.is-info {
    color: white; }
    .notice.is-success .notice__text a, .notice.is-error .notice__text a, .notice.is-warning .notice__text a, .notice.is-info .notice__text a {
      color: white; }
    .notice.is-success .notice__dismiss, .notice.is-error .notice__dismiss, .notice.is-warning .notice__dismiss, .notice.is-info .notice__dismiss {
      color: white;
      overflow: hidden; }

.notice__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 14px 16px; }
  @media (min-width: 481px) {
    .notice__icon {
      position: relative;
      padding: 13px 0px 13px 16px;
      width: 24px;
      height: 24px; } }

.notice__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 14px 48px;
  font-size: 12px; }
  @media (min-width: 481px) {
    .notice__content {
      font-size: 14px;
      padding: 13px; } }

.notice__text {
  max-width: 680px; }
  .notice__text a {
    text-decoration: underline; }
  .notice__text ul {
    margin-bottom: 0;
    margin-left: 0; }
  .notice__text li {
    margin-left: 2em;
    margin-top: 0.5em; }
  .notice__text p {
    margin-bottom: 0;
    margin-top: 0.5em; }
    .notice__text p:first-child {
      margin-top: 0; }

.notice__button {
  cursor: pointer;
  margin-left: 0.428em; }

.notice__dismiss {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 14px 16px;
  cursor: pointer;
  color: #87a6bc; }
  .notice__dismiss .gridicon {
    width: 18px;
    height: 18px; }
  @media (min-width: 481px) {
    .notice__dismiss {
      position: relative;
      padding: 13px 16px; }
      .notice__dismiss .gridicon {
        width: 24px;
        height: 24px; } }
  .notice__dismiss:hover, .notice__dismiss:focus {
    color: #2e4453; }
  .notice .notice__dismiss {
    color: #87a6bc;
    opacity: 0.85; }
    .notice .notice__dismiss:hover, .notice .notice__dismiss:focus {
      opacity: 1; }

a.notice__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  box-sizing: border-box;
  margin: 0 8px 8px 8px;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  background: #e3eaef; }
  @media (min-width: 481px) {
    a.notice__action {
      -ms-flex-negative: 1;
          flex-shrink: 1;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      border-radius: 0;
      font-size: 14px;
      margin: 0 0 0 auto;
      padding: 13px 16px; }
      a.notice__action .gridicon {
        width: 24px;
        height: 24px; } }
  .is-success a.notice__action,
  .is-error a.notice__action,
  .is-warning a.notice__action,
  .is-info a.notice__action {
    color: white; }
  .is-success a.notice__action {
    background: #338247; }
  .is-error a.notice__action {
    background: #b52727; }
  .is-warning a.notice__action {
    background: #da9712; }
  .is-info a.notice__action {
    background: #005172; }
  a.notice__action .gridicon {
    margin-left: 8px;
    opacity: 0.7;
    width: 18px;
    height: 18px; }
  a.notice__action:hover, a.notice__action:focus {
    background: rgba(255, 255, 255, 0.2); }

.notice.is-compact {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: auto;
  border-radius: 2px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle; }
  .notice.is-compact.is-success, .notice.is-compact.is-error, .notice.is-compact.is-warning, .notice.is-compact.is-info {
    color: white; }
  .notice.is-compact .notice__content {
    font-size: 12px;
    padding: 6px 8px; }
  .notice.is-compact .notice__text {
    line-height: 1; }
  .notice.is-compact .notice__icon {
    position: relative;
    -ms-flex-item-align: center;
        align-self: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 0 0 8px;
    padding: 0;
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .notice.is-compact .notice__dismiss {
    position: relative;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0 8px 0 0;
    padding: 0; }
    .notice.is-compact .notice__dismiss .gridicon {
      width: 18px;
      height: 18px; }
  .notice.is-compact a.notice__action {
    background: transparent;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    -ms-flex-item-align: center;
        align-self: center;
    margin-left: 16px;
    padding: 0 8px;
    text-decoration: underline;
    text-transform: uppercase; }
    .notice.is-compact a.notice__action:hover, .notice.is-compact a.notice__action:active, .notice.is-compact a.notice__action:focus {
      background: transparent;
      text-decoration: none; }
    .notice.is-compact a.notice__action .gridicon {
      margin-left: 8px;
      width: 14px;
      height: 14px;
      vertical-align: sub;
      opacity: 1; }

.olark-chatbox__container #habla_topbar_div {
  display: none; }

.olark-chatbox__container #habla_window_div {
  margin: auto !important;
  bottom: auto !important;
  right: auto !important;
  display: block !important;
  position: inherit !important; }
  .olark-chatbox__container #habla_window_div #habla_expanded_div {
    border-top: 1px solid #c8d7e1;
    border-bottom: 1px solid #c8d7e1; }

.olark-chatbox__container .hbl_pal_main_width {
  width: auto !important; }

.payment-logo {
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 35px auto;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 35px; }
  .payment-logo.is-amex {
    background-image: url("/calypso/images/upgrades/cc-amex.svg"); }
  .payment-logo.is-discover {
    background-image: url("/calypso/images/upgrades/cc-discover.svg"); }
  .payment-logo.is-mastercard {
    background-image: url("/calypso/images/upgrades/cc-mastercard.svg"); }
  .payment-logo.is-visa {
    background-image: url("/calypso/images/upgrades/cc-visa.svg"); }
  .payment-logo.is-placeholder {
    background-image: url("/calypso/images/upgrades/cc-placeholder.svg"); }
  .payment-logo.is-paypal {
    background-image: url("/calypso/images/upgrades/paypal.svg");
    background-size: 70px;
    width: 70px; }
    .payment-logo.is-paypal.is-compact {
      width: 16px; }

.plan-icon {
  width: inherit;
  height: inherit;
  background-repeat: no-repeat; }

.plan-icon__free .plan-icon__free-0 {
  fill: #78dcfa; }

.plan-icon__free .plan-icon__free-1 {
  fill: white; }

.plan-icon__free .plan-icon__free-2 {
  fill: #006a95; }

.plan-icon__free .plan-icon__free-3 {
  fill: #0087be; }

.plan-icon__free .plan-icon__free-4 {
  fill: #00a4e7; }

.plan-icon__personal .plan-icon__personal-0 {
  fill: #f0b849; }

.plan-icon__personal .plan-icon__personal-1 {
  fill: #87a6bc; }

.plan-icon__personal .plan-icon__personal-2 {
  fill: #c8d7e1; }

.plan-icon__personal .plan-icon__personal-3 {
  fill: white; }

.plan-icon__personal .plan-icon__personal-4 {
  fill: #668eaa; }

.plan-icon__personal .plan-icon__personal-5 {
  fill: #4f748e; }

.plan-icon__premium .plan-icon__premium-0 {
  fill: #4ab866; }

.plan-icon__premium .plan-icon__premium-1 {
  fill: #87a6bc; }

.plan-icon__premium .plan-icon__premium-2 {
  fill: #4f748e; }

.plan-icon__premium .plan-icon__premium-3 {
  fill: white; }

.plan-icon__premium .plan-icon__premium-4 {
  fill: #c8d7e1; }

.plan-icon__premium .plan-icon__premium-5 {
  fill: #4f748e; }

.plan-icon__premium .plan-icon__premium-6 {
  fill: #3d596d; }

.plan-icon__business .plan-icon__business-0 {
  fill: #855DA6; }

.plan-icon__business .plan-icon__business-1 {
  fill: white; }

.plan-icon__business .plan-icon__business-2 {
  fill: #e9eff3; }

.plan-icon__business .plan-icon__business-3 {
  fill: #0087be; }

.plan-icon__business .plan-icon__business-4 {
  fill: #005082; }

.plan-header .plan-price,
.plan-header .jetpack-plan-price,
.plan-header .wpcom-plan-price {
  color: #2e4453;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

.plan-price__billing-period,
.jetpack-plan-price__billing-period,
.wpcom-plan-price__billing-period {
  font-size: 12px;
  font-style: italic;
  color: #668eaa; }

.plan-header .plan-price__discount,
.plan-header .jetpack-plan-price__discount,
.plan-header .wpcom-plan-price__discount,
.plan-price__discount .plan-price__billing-period,
.jetpack-plan-price__discount .jetpack-plan-price__billing-period,
.wpcom-plan-price__discount .wpcom-plan-price__billing-period {
  color: #4ab866; }

.plan-price.is-placeholder,
.jetpack-plan-price.is-placeholder,
.wpcom-plan-price.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .plan-price.is-placeholder:after,
  .jetpack-plan-price.is-placeholder:after,
  .wpcom-plan-price.is-placeholder:after {
    content: '\00a0'; }

.plan-price__discounted,
.jetpack-plan-price__discounted,
.wpcom-plan-price__discounted {
  color: #87a6bc;
  text-decoration: line-through; }

.plans-compare .plan-price,
.plans-compare .jetpack-plan-price,
.plans-compare .wpcom-plan-price {
  font-size: 10px;
  padding: .25em 0; }
  @media (min-width: 481px) {
    .plans-compare .plan-price,
    .plans-compare .jetpack-plan-price,
    .plans-compare .wpcom-plan-price {
      font-size: 12px; } }
  @media (min-width: 661px) {
    .plans-compare .plan-price,
    .plans-compare .jetpack-plan-price,
    .plans-compare .wpcom-plan-price {
      font-size: 16px; } }

.plans-compare .plan-price__billing-period,
.plans-compare .jetpack-plan-price__billing-period,
.plans-compare .wpcom-plan-price__billing-period {
  display: inline;
  opacity: .7; }

.plans-compare .plan-price__discount,
.plans-compare .jetpack-plan-price__discount,
.plans-compare .wpcom-plan-price__discount {
  color: #4ab866; }

@media (max-width: 960px) {
  .plans.has-sidebar .plan-header .plan-price,
  .plans.has-sidebar .plan-header .jetpack-plan-price,
  .plans.has-sidebar .plan-header .wpcom-plan-price {
    padding: 0 20px 0 40px; }
  .plans.has-sidebar .plan-price__billing-period,
  .plans.has-sidebar .jetpack-plan-price__billing-period,
  .plans.has-sidebar .wpcom-plan-price__billing-period {
    margin-left: 3px; }
  .plans.has-sidebar .plans-compare .plan-header .wpcom-plan-price {
    font-size: 13px;
    padding: 0; } }

@media (min-width: 961px) {
  .plans.has-sidebar .plan-header .plan-price,
  .plans.has-sidebar .plan-header .jetpack-plan-price,
  .plans.has-sidebar .plan-header .wpcom-plan-price {
    text-align: center;
    font-size: 18px; }
  .plans.has-sidebar .plan-price__billing-period,
  .plans.has-sidebar .jetpack-plan-price__billing-period,
  .plans.has-sidebar .wpcom-plan-price__billing-period {
    display: block; }
  .plans.has-sidebar .plans-compare .plan-header .plan-price {
    font-size: 16px; }
    .plans.has-sidebar .plans-compare .plan-header .plan-price .plan-price__billing-period {
      display: inline;
      margin-left: 3px; } }

@media (max-width: 660px) {
  .plans.has-no-sidebar .plan-header .plan-price,
  .plans.has-no-sidebar .plan-header .jetpack-plan-price,
  .plans.has-no-sidebar .plan-header .wpcom-plan-price {
    padding: 0 20px 0 40px; }
  .plans.has-no-sidebar .plan-price__billing-period,
  .plans.has-no-sidebar .jetpack-plan-price__billing-period,
  .plans.has-no-sidebar .wpcom-plan-price__billing-period {
    margin-left: 3px; }
  .plans.has-no-sidebar .plans-compare .plan-header .wpcom-plan-price {
    font-size: 13px;
    padding: 0; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan-header .plan-price,
  .plans.has-no-sidebar .plan-header .jetpack-plan-price,
  .plans.has-no-sidebar .plan-header .wpcom-plan-price {
    text-align: center;
    font-size: 18px; }
  .plans.has-no-sidebar .plan-price__billing-period,
  .plans.has-no-sidebar .jetpack-plan-price__billing-period,
  .plans.has-no-sidebar .wpcom-plan-price__billing-period {
    display: block; }
  .plans.has-no-sidebar .plans-compare .plan-header .plan-price {
    font-size: 16px; }
    .plans.has-no-sidebar .plans-compare .plan-header .plan-price .plan-price__billing-period {
      display: inline;
      margin-left: 3px; } }

@media (min-width: 1041px) {
  .product-purchase-features-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px; } }

.product-purchase-features-list__item {
  page-break-inside: avoid;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  padding-top: 12px; }

.product-purchase-features-list__item .purchase-detail {
  background-color: white;
  border-radius: 0;
  margin: 0; }

.premium-popover.popover {
  width: 300px; }
  .premium-popover.popover .popover__inner {
    max-width: 300px !important; }

.premium-popover__content {
  text-align: left; }
  .premium-popover__content .premium-popover__header {
    padding: 24px;
    text-align: center; }
  .premium-popover__content h3 {
    color: #2e4453;
    font-size: 16px;
    font-weight: 600; }
  .premium-popover__content .wpcom-plan-price {
    color: #87a6bc;
    font-size: 12px;
    font-style: italic;
    margin: 0; }
  .premium-popover__content .wpcom-plan-price__billing-period {
    color: #a8bece; }
    .premium-popover__content .wpcom-plan-price__billing-period:before {
      content: ' '; }
  .premium-popover__content .premium-popover__items {
    background: #fafbfc;
    border-top: 1px solid #e9eff3;
    border-radius: 0 0 4px 4px;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 24px; }
    .premium-popover__content .premium-popover__items li {
      line-height: 1.9em;
      color: #87a6bc;
      margin: 0; }
    .premium-popover__content .premium-popover__items .gridicon {
      color: #4ab866;
      margin: 0 4px 0 0;
      vertical-align: middle; }

/**
 * "popover" theme for `component/tip`.
 */
.popover {
  font-size: 11px;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0 /*rtl:ignore*/;
  right: auto /*rtl:ignore*/; }
  .popover .popover__inner {
    background-color: white;
    border: 1px solid #c8d7e1;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
    text-align: center;
    position: relative; }
  .popover .popover__arrow {
    border: 10px dashed #c8d7e1;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 1; }
  .popover.fade {
    transition: opacity 100ms; }
  .popover.is-top .popover__arrow,
  .popover.is-top-left .popover__arrow,
  .popover.is-top-right .popover__arrow {
    bottom: 0 /*rtl:ignore*/;
    left: 50% /*rtl:ignore*/;
    margin-left: -10px/*rtl:ignore*/;
    border-top-style: solid/*rtl:ignore*/;
    border-bottom: none/*rtl:ignore*/;
    border-left-color: transparent/*rtl:ignore*/;
    border-right-color: transparent/*rtl:ignore*/; }
    .popover.is-top .popover__arrow::before,
    .popover.is-top-left .popover__arrow::before,
    .popover.is-top-right .popover__arrow::before {
      bottom: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      left: 50% /*rtl:ignore*/;
      margin-left: -10px/*rtl:ignore*/;
      border-top-style: solid/*rtl:ignore*/;
      border-bottom: none/*rtl:ignore*/;
      border-left-color: transparent/*rtl:ignore*/;
      border-right-color: transparent/*rtl:ignore*/; }
  .popover.is-bottom .popover__arrow,
  .popover.is-bottom-left .popover__arrow,
  .popover.is-bottom-right .popover__arrow {
    top: 0 /*rtl:ignore*/;
    left: 50% /*rtl:ignore*/;
    margin-left: -10px/*rtl:ignore*/;
    border-bottom-style: solid/*rtl:ignore*/;
    border-top: none/*rtl:ignore*/;
    border-left-color: transparent/*rtl:ignore*/;
    border-right-color: transparent/*rtl:ignore*/; }
    .popover.is-bottom .popover__arrow::before,
    .popover.is-bottom-left .popover__arrow::before,
    .popover.is-bottom-right .popover__arrow::before {
      top: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      left: 50% /*rtl:ignore*/;
      margin-left: -10px/*rtl:ignore*/;
      border-bottom-style: solid/*rtl:ignore*/;
      border-top: none/*rtl:ignore*/;
      border-left-color: transparent/*rtl:ignore*/;
      border-right-color: transparent/*rtl:ignore*/; }
  .popover.is-left .popover__arrow,
  .popover.is-left-top .popover__arrow,
  .popover.is-left-bottom .popover__arrow {
    right: 0 /*rtl:ignore*/;
    top: 50% /*rtl:ignore*/;
    margin-top: -10px/*rtl:ignore*/;
    border-left-style: solid/*rtl:ignore*/;
    border-right: none/*rtl:ignore*/;
    border-top-color: transparent/*rtl:ignore*/;
    border-bottom-color: transparent/*rtl:ignore*/; }
    .popover.is-left .popover__arrow::before,
    .popover.is-left-top .popover__arrow::before,
    .popover.is-left-bottom .popover__arrow::before {
      right: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      top: 50% /*rtl:ignore*/;
      margin-top: -10px/*rtl:ignore*/;
      border-left-style: solid/*rtl:ignore*/;
      border-right: none/*rtl:ignore*/;
      border-top-color: transparent/*rtl:ignore*/;
      border-bottom-color: transparent/*rtl:ignore*/; }
  .popover.is-right .popover__arrow,
  .popover.is-right-top .popover__arrow,
  .popover.is-right-bottom .popover__arrow {
    left: 0 /*rtl:ignore*/;
    top: 50% /*rtl:ignore*/;
    margin-top: -10px/*rtl:ignore*/;
    border-right-style: solid/*rtl:ignore*/;
    border-left: none/*rtl:ignore*/;
    border-top-color: transparent/*rtl:ignore*/;
    border-bottom-color: transparent/*rtl:ignore*/; }
    .popover.is-right .popover__arrow::before,
    .popover.is-right-top .popover__arrow::before,
    .popover.is-right-bottom .popover__arrow::before {
      left: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      top: 50% /*rtl:ignore*/;
      margin-top: -10px/*rtl:ignore*/;
      border-right-style: solid/*rtl:ignore*/;
      border-left: none/*rtl:ignore*/;
      border-top-color: transparent/*rtl:ignore*/;
      border-bottom-color: transparent/*rtl:ignore*/; }
  .popover.is-top-left, .popover.is-bottom-left, .popover.is-top-right, .popover.is-bottom-right {
    padding-right: 0;
    padding-left: 0; }
  .popover.is-top-left .popover__arrow,
  .popover.is-bottom-left .popover__arrow {
    left: auto /*rtl:ignore*/;
    right: 5px /*rtl:ignore*/; }
  .popover.is-top-right .popover__arrow,
  .popover.is-bottom-right .popover__arrow {
    left: 15px /*rtl:ignore*/; }
  .popover.is-top .popover__inner,
  .popover.is-top-left .popover__inner,
  .popover.is-top-right .popover__inner {
    top: -10px /*rtl:ignore*/; }
  .popover.is-left .popover__inner,
  .popover.is-top-right .popover__inner,
  .popover.is-bottom-right .popover__inner {
    left: -10px /*rtl:ignore*/; }
  .popover.is-bottom .popover__inner,
  .popover.is-bottom-left .popover__inner,
  .popover.is-bottom-right .popover__inner {
    top: 10px /*rtl:ignore*/; }
  .popover.is-right .popover__inner,
  .popover.is-top-left .popover__inner,
  .popover.is-bottom-left .popover__inner {
    left: 10px /*rtl:ignore*/; }
  .popover.is-dialog-visible {
    z-index: 100300;
    /* Above .dialog */ }

.popover__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 200px; }

.popover__menu-item {
  position: relative;
  background: inherit;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 8px 16px;
  text-align: left;
  text-decoration: none;
  line-height: normal;
  transition: all 0.05s ease-in-out; }
  .popover__menu-item:first-child {
    margin-top: 5px; }
  .popover__menu-item, .popover__menu-item:visited {
    color: #2e4453; }
  .popover__menu-item.is-selected, .popover__menu-item:hover, .popover__menu-item:focus {
    background-color: #00aadc;
    border: 0;
    box-shadow: none;
    color: white; }
    .popover__menu-item.is-selected .gridicon, .popover__menu-item:hover .gridicon, .popover__menu-item:focus .gridicon {
      color: white; }
  .popover__menu-item[disabled] {
    color: #e9eff3; }
    .popover__menu-item[disabled] .gridicon {
      color: #e9eff3; }
  .popover__menu-item[disabled]:hover, .popover__menu-item[disabled]:focus {
    background: transparent;
    cursor: default; }
  .popover__menu-item:last-child {
    margin-bottom: 5px; }
  .popover__menu-item::-moz-focus-inner {
    border: 0; }
  .popover__menu-item.has-icon {
    padding-left: 42px; }
  .popover__menu-item .gridicon {
    color: #a8bece;
    vertical-align: bottom;
    margin-right: 8px; }
  .popover__menu-item.is-compact {
    padding: 6px 12px;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }

.popover__menu-separator,
.popover__hr {
  margin: 8px 0;
  background: #e9eff3; }

.post-excerpt {
  margin: 0;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  font-size: 16px;
  line-height: 1.618;
  max-height: 72px; }
  @media (max-width: 480px) {
    .post-excerpt {
      font-size: 15px;
      line-height: 22px;
      max-height: 66px; } }
  .post-excerpt p {
    margin: 0; }
  .post-excerpt p[align] {
    text-align: inherit; }
  .post-excerpt.is-long:after {
    content: '';
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 24px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%); }
    @media (max-width: 480px) {
      .post-excerpt.is-long:after {
        height: 22px; } }

.post-schedule {
  position: relative; }
  .post-schedule.is-future-date .DayPicker-Day.DayPicker-Day--is-selected > .date-picker__day {
    background-color: #f0821e; }

.post-schedule__header {
  height: 26px;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 11px;
  font-size: 18px;
  font-weight: 300;
  width: 80%;
  margin: 0 10%; }
  .post-schedule__header:first-letter {
    text-transform: uppercase; }
  .post-schedule__header.is-input-chrono-displayed {
    top: 47px; }

.post-schedule .input-chrono__container {
  margin: 0 -16px; }
  .post-schedule .input-chrono__container input.input-chrono {
    padding-left: 16px;
    padding-right: 16px;
    border: 0;
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-webkit-input-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-moz-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container :-ms-input-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-moz-placeholder {
    color: #2e4453;
    opacity: 1; }

.post-schedule__header-month {
  cursor: pointer; }

.post-schedule__header-year {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  margin-left: 10px;
  cursor: pointer; }

.post-schedule__year-control-up,
.post-schedule__year-control-down {
  position: absolute;
  width: 100%;
  left: 0;
  height: 16px;
  cursor: pointer;
  color: #a8bece; }
  .post-schedule__year-control-up:hover,
  .post-schedule__year-control-down:hover {
    color: #87a6bc; }

.post-schedule__year-control-up {
  top: -12px; }

.post-schedule__year-control-down {
  bottom: -12px; }

.post-schedule__clock {
  text-align: center;
  margin: 15px auto 10px;
  font-size: 12px; }

hr.post-schedule__hr {
  height: 1px;
  background: #e9eff3;
  margin: 0 -16px; }

input[type="text"].post-schedule__clock-time {
  height: 28px;
  display: inline-block;
  border: 1px solid #e9eff3;
  width: 42px;
  text-align: center;
  padding: 0;
  font-size: 13px; }

.post-schedule__clock-divisor {
  margin: 0 6px; }

.post-schedule__clock .segmented-control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 6px;
  vertical-align: bottom; }

.post-schedule__clock .segmented-control__item {
  display: inline-table; }

.post-schedule__clock .segmented-control__link {
  display: inline-block; }

.info-popover__tooltip.post-schedule__timezone-info,
.post-schedule__clock-timezone {
  line-height: 20px; }

.post-schedule__clock-timezone {
  text-align: left;
  margin-top: 10px;
  padding: 10px 0 0;
  border-top: 1px solid #d9e3ea; }

.post-schedule__timezone-info {
  display: inline-block;
  vertical-align: middle;
  line-height: 10px;
  margin-left: 5px; }

.info-popover__tooltip.post-schedule__timezone-info {
  margin-left: 0; }
  .info-popover__tooltip.post-schedule__timezone-info .popover__inner {
    font-size: 12px;
    max-width: 250px; }

.progress-bar {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 9px;
  background-color: #c8d7e1;
  border-radius: 4.5px; }
  .progress-bar.is-compact {
    height: 4px; }

.progress-bar__progress {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #006fb5;
  border-radius: 4.5px;
  transition: width 200ms; }

.progress-bar.is-pulsing .progress-bar__progress {
  -webkit-animation: progress-bar-animation 3300ms infinite linear;
          animation: progress-bar-animation 3300ms infinite linear;
  background-size: 50px 100%;
  background-image: linear-gradient(-45deg, #0087be 28%, #0099d8 28%, #0099d8 72%, #0087be 72%); }

.plan-thank-you-card.is-personal-plan .progress-bar {
  background-color: #94660c; }

.plan-thank-you-card.is-personal-plan .progress-bar__progress {
  background-color: #f0b849; }

.plan-thank-you-card.is-personal-plan .progress-bar.is-pulsing .progress-bar__progress {
  background-image: linear-gradient(-45deg, #f0b849 28%, #f2c161 28%, #f2c161 72%, #f0b849 72%); }

.plan-thank-you-card.is-premium-plan .progress-bar {
  background-color: #1e4b29; }

.plan-thank-you-card.is-premium-plan .progress-bar__progress {
  background-color: #4ab866; }

.plan-thank-you-card.is-premium-plan .progress-bar.is-pulsing .progress-bar__progress {
  background-image: linear-gradient(-45deg, #4ab866 28%, #5cbf75 28%, #5cbf75 72%, #4ab866 72%); }

.plan-thank-you-card.is-business-plan .progress-bar {
  background-color: #362644; }

.plan-thank-you-card.is-business-plan .progress-bar__progress {
  background-color: #855DA6; }

.plan-thank-you-card.is-business-plan .progress-bar.is-pulsing .progress-bar__progress {
  background-image: linear-gradient(-45deg, #855DA6 28%, #916daf 28%, #916daf 72%, #855DA6 72%); }

@-webkit-keyframes progress-bar-animation {
  0% {
    background-position: 100px 0; }
  100% { } }

@keyframes progress-bar-animation {
  0% {
    background-position: 100px 0; }
  100% { } }

/* Percentage bar */
.percentage-bar {
  border-radius: 0;
  height: 8px;
  width: 150px; }
  .percentage-bar .progress-bar__progress {
    border-radius: 0; }

.progress-indicator {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #668eaa;
  box-sizing: border-box; }

.progress-indicator__half {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  transition: all 0.4s ease-in-out; }
  .progress-indicator__half:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    border: 3px solid #00aadc;
    border-right: 0;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    box-sizing: border-box;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    transition: all 0.4s ease-in-out; }

.progress-indicator.is-inactive {
  visibility: hidden; }

.progress-indicator.is-inactive .progress-indicator__half,
.progress-indicator.is-inactive .progress-indicator__half:before {
  transition: none; }

.progress-indicator.is-in-progress .progress-indicator__half:before,
.progress-indicator.is-in-progress .is-latter {
  -webkit-transform: rotate(162deg);
          transform: rotate(162deg); }

.progress-indicator.is-in-progress .progress-indicator__half,
.progress-indicator.is-in-progress .progress-indicator__half:before {
  transition-duration: 5s;
  transition-timing-function: ease-out; }

.progress-indicator.is-complete {
  background: #4ab866;
  box-shadow: none;
  color: white;
  width: 28px;
  height: 28px;
  text-align: center; }
  .progress-indicator.is-complete .gridicon {
    vertical-align: middle; }

@-webkit-keyframes progress-indicator__spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes progress-indicator__spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes progress-indicator__fancy-spin {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  50.01% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  100% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg); } }

@keyframes progress-indicator__fancy-spin {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  50.01% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  100% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg); } }

.progress-indicator.is-processing {
  -webkit-animation: progress-indicator__fancy-spin 3.4s ease-in-out infinite;
          animation: progress-indicator__fancy-spin 3.4s ease-in-out infinite; }
  .progress-indicator.is-processing .progress-indicator__half,
  .progress-indicator.is-processing .progress-indicator__half:before {
    -webkit-transform: none;
            transform: none; }
  .progress-indicator.is-processing .progress-indicator__half:before,
  .progress-indicator.is-processing .progress-indicator__half.is-latter {
    -webkit-animation: progress-indicator__spin 3.4s ease-in-out infinite;
            animation: progress-indicator__spin 3.4s ease-in-out infinite; }

.progress-indicator__cancel.noticon:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #668eaa;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
  z-index: 1; }

.progress-indicator .is-success,
.progress-indicator .is-problem {
  position: absolute;
  top: 11px;
  left: 5px;
  width: 10px;
  height: 5px;
  border-bottom-right-radius: 500px;
  border-bottom-left-radius: 500px;
  background: #00aadc;
  z-index: 2; }
  .progress-indicator .is-success:before, .progress-indicator .is-success:after,
  .progress-indicator .is-problem:before,
  .progress-indicator .is-problem:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #00aadc; }
  .progress-indicator .is-success:after,
  .progress-indicator .is-problem:after {
    left: auto;
    right: 0; }

.progress-indicator .is-success {
  -webkit-animation: progress-indicator__appear .6s  ease-in-out;
          animation: progress-indicator__appear .6s  ease-in-out; }

@-webkit-keyframes progress-indicator__appear {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; } }

@keyframes progress-indicator__appear {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; } }

.progress-indicator .is-problem {
  background: #668eaa;
  border: 0;
  border-top-right-radius: 500px;
  border-top-left-radius: 500px; }
  .progress-indicator .is-problem:before, .progress-indicator .is-problem:after {
    background: #668eaa; }

.pulsing-dot {
  background: #f3f6f8;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  top: 45%;
  left: 50%;
  margin-left: -20px 0 0 -20px;
  display: block;
  width: 6px;
  height: 6px;
  border: none;
  box-shadow: 0 0 0 0 rgba(168, 190, 206, 0.7);
  border-radius: 100%;
  v-align: middle;
  -webkit-animation: dot-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
          animation: dot-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused; }
  .pulsing-dot.is-active {
    -webkit-animation-play-state: running;
            animation-play-state: running; }

@-webkit-keyframes dot-pulse {
  to {
    box-shadow: 0 0 0 15px rgba(90, 153, 220, 0); } }

@keyframes dot-pulse {
  to {
    box-shadow: 0 0 0 15px rgba(90, 153, 220, 0); } }

.purchase-detail {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  box-sizing: border-box;
  color: #537994;
  position: relative; }
  .purchase-detail:last-child {
    border-bottom: none; }
  @media (min-width: 661px) {
    .purchase-detail {
      border-radius: 3px;
      max-width: 700px;
      margin: 16px auto;
      text-align: left; }
      .purchase-detail .button:not(.clipboard-button) {
        width: auto; } }
  .purchase-detail.is-placeholder .purchase-detail__button,
  .purchase-detail.is-placeholder .purchase-detail__description,
  .purchase-detail.is-placeholder .purchase-detail__title {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    display: block; }
    .purchase-detail.is-placeholder .purchase-detail__button:after,
    .purchase-detail.is-placeholder .purchase-detail__description:after,
    .purchase-detail.is-placeholder .purchase-detail__title:after {
      content: '\00a0'; }
  .purchase-detail.is-placeholder .purchase-detail__button {
    border: none;
    width: 40%; }
  .purchase-detail.is-placeholder .purchase-detail__description {
    line-height: 2.5em;
    margin-top: 15px; }
  .purchase-detail.is-placeholder .purchase-detail__title {
    margin-top: 3px;
    width: 85%; }
    @media (max-width: 660px) {
      .purchase-detail.is-placeholder .purchase-detail__title {
        margin: 0 auto; } }

.purchase-detail__content {
  padding: 32px; }
  @media (min-width: 661px) {
    .purchase-detail__content {
      padding-right: 140px; } }

.purchase-detail__description {
  color: #537994;
  margin: 8px 0 16px 0; }

.purchase-detail__icon {
  background: #4f748e;
  border-radius: 50%;
  color: white;
  margin: 0 auto 10px;
  padding: 16px; }
  @media (min-width: 661px) {
    .purchase-detail__icon {
      margin-top: -40px;
      position: absolute;
      right: 32px;
      top: 50%; } }
  .purchase-detail__icon .purchase-detail__notice-icon.gridicon {
    fill: #f0b849;
    height: 24px;
    position: relative;
    right: -26px;
    top: -3px;
    width: 24px; }
    @media (min-width: 661px) {
      .purchase-detail__icon .purchase-detail__notice-icon.gridicon {
        position: relative;
        right: -42px;
        top: -6px; } }

.purchase-detail__icon,
.purchase-detail__icon .gridicon {
  height: 48px;
  width: 48px; }
  @media (max-width: 660px) {
    .purchase-detail__icon,
    .purchase-detail__icon .gridicon {
      height: 36px;
      width: 36px; } }

@media (min-width: 661px) {
  .purchase-detail.custom-icon .purchase-detail__content {
    padding-right: 210px; } }

.purchase-detail.custom-icon .purchase-detail__icon {
  background: transparent;
  width: 128px;
  height: auto;
  margin-top: 0;
  padding: 0; }
  @media (min-width: 661px) {
    .purchase-detail.custom-icon .purchase-detail__icon {
      width: 150px;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); } }

.purchase-detail__required-notice {
  background-color: #f0b849;
  color: white;
  font-size: 14px;
  padding: 8px;
  text-align: center; }

.purchase-detail__title {
  clear: none;
  color: #668eaa;
  font-size: 21px; }

.purchase-detail__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
  margin-top: 8px;
  max-width: 260px;
  display: inline-block; }
  @media (min-width: 661px) {
    .purchase-detail__info {
      margin-top: 0; } }

.purchase-detail__info-icon-container {
  display: inline-block;
  margin-top: 2px;
  margin-right: 4px;
  float: left;
  height: 14px; }

.purchase-detail__button {
  text-align: center; }
  .purchase-detail__button:not(.clipboard-button) {
    width: 80%; }
  @media (max-width: 660px) {
    .purchase-detail__button {
      display: block;
      margin: 0 auto; } }

.rating {
  position: relative; }
  .rating .rating__overlay,
  .rating .rating__star-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    top: 0; }
    .rating .rating__overlay .gridicon,
    .rating .rating__star-outline .gridicon {
      fill: #00aadc; }

body.is-reader-page {
  background-color: #fff; }

.reader-infinite-stream__row-wrapper {
  border-bottom: 1px solid #e9eff3; }
  .reader-infinite-stream__row-wrapper:last-child {
    border: 0; }

.reader-popover.popover .popover__inner {
  background-color: #f3f6f8;
  border-color: #c8d7e1; }

.reader-popover.popover.is-top .popover__arrow::before,
.reader-popover.popover.is-top-left .popover__arrow::before {
  border: 10px solid #f3f6f8;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-style: solid;
  content: " ";
  margin-left: -10px;
  position: absolute;
  bottom: 2px;
  left: 50%; }

.reader-popover.popover.is-bottom .popover__arrow::before,
.reader-popover.popover.is-bottom-left .popover__arrow::before,
.reader-popover.popover.is-bottom-right .popover__arrow::before {
  border: 10px solid #f3f6f8;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  content: " ";
  position: absolute;
  left: 50%;
  top: 2px; }

.reader-popover.popover.is-left .popover__arrow::before,
.reader-popover.popover.is-left-top .popover__arrow::before {
  border: 10px solid #f3f6f8;
  border-bottom-color: transparent;
  border-right: none;
  border-top-color: transparent;
  content: " ";
  margin-top: -10px;
  position: absolute;
  top: 50%; }

.reader-popover__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 200px; }

.reader-popover__header {
  border-bottom: 1px solid #c8d7e1;
  color: #2e4453;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 0 10px 15px; }

.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right; }

.ribbon .ribbon__title {
  font-size: 10px;
  font-weight: normal;
  color: white;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #00aadc;
  position: absolute;
  top: 19px;
  right: -21px;
  text-transform: uppercase; }

.ribbon .ribbon__title::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #005082;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #005082; }

.ribbon .ribbon__title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #005082;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #005082; }

.ribbon.is-green .ribbon__title {
  background-color: #4ab866; }

.ribbon.is-green .ribbon__title::before {
  border-left-color: #2c703d;
  border-top-color: #2c703d; }

.ribbon.is-green .ribbon__title::after {
  border-right-color: #2c703d;
  border-top-color: #2c703d; }

.screen-reader-text, .app-promo__screen-reader-text, .media-library__scale-toggle-label, .plugin-list-header__screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }
  .screen-reader-text:hover, .app-promo__screen-reader-text:hover, .media-library__scale-toggle-label:hover, .plugin-list-header__screen-reader-text:hover, .screen-reader-text:active, .app-promo__screen-reader-text:active, .media-library__scale-toggle-label:active, .plugin-list-header__screen-reader-text:active, .screen-reader-text:focus, .app-promo__screen-reader-text:focus, .media-library__scale-toggle-label:focus, .plugin-list-header__screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; }

/**
 * @component Search
 */
.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 24px;
  width: 60px;
  height: 51px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 22;
  transition: all 0.15s ease-in-out; }
  .search .search__icon-navigation {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: white;
    border-radius: inherit;
    height: 100%; }
  .search .search__open-icon,
  .search .search__close-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50px;
    z-index: 20;
    color: #0087be;
    cursor: pointer; }
    .accessible-focus .search .search__open-icon:focus, .accessible-focus
    .search .search__close-icon:focus {
      outline: dotted 1px #0087be; }
  .search .search__open-icon:hover {
    color: #3d596d; }
  .search .search__close-icon {
    color: #3d596d;
    opacity: 0;
    transition: opacity .2s ease-in; }
  .accessible-focus .search.has-focus {
    box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; }
  .search.is-compact {
    height: 36px; }
    .search.is-compact .search__input {
      height: 36px;
      font-size: 12px; }
    .search.is-compact .search__open-icon {
      margin: 0 4px 0 8px;
      width: 18px; }
    .search.is-compact .search__close-icon {
      width: 18px;
      margin-right: 8px; }

.search.is-expanded-to-container {
  margin-bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 50px;
  top: 0;
  right: 0; }
  .search.is-expanded-to-container .search__input-fade {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .search.is-expanded-to-container .search__input[type="search"] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.search__input[type="search"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: none;
  z-index: 10;
  top: 0;
  border: none;
  border-radius: inherit;
  height: 100%;
  background: white;
  -moz-appearance: none;
       appearance: none;
  box-sizing: border-box;
  padding: 0px;
  -webkit-appearance: none; }
  .search__input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }
  .search__input[type="search"]:disabled {
    background: white; }
  .search__input[type="search"]:focus {
    box-shadow: none;
    border: none; }

.search.is-open {
  width: 100%; }
  .search.is-open .search__open-icon {
    color: #3d596d; }
  .search.is-open .search__close-icon {
    display: inline-block; }
  .search.is-open .search__input,
  .search.is-open .search__close-icon {
    opacity: 1; }
  .search.is-open .search__input {
    display: block; }
  .search.is-open .search__input-fade {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 100%;
    position: relative;
    font-size: 16px;
    border-radius: inherit;
    padding-left: 8px; }
    .search.is-open .search__input-fade::before {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      z-index: 12;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 32px;
      height: auto;
      border-radius: inherit; }
    .search.is-open .search__input-fade.ltr {
      /*rtl:ignore*/ }
      .search.is-open .search__input-fade.ltr::before {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        z-index: 12;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 32px;
        height: auto;
        border-radius: inherit; }

.search.has-open-icon .search__input-fade {
  padding-left: 0; }

.search__input-fade .search__text-overlay {
  color: transparent;
  position: absolute;
  pointer-events: none;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  font: inherit;
  width: 100%;
  height: 100%;
  top: 1px;
  left: 0px;
  z-index: 11; }

.search .spinner {
  display: none; }

.search.is-searching .search__open-icon {
  display: none; }

.search.is-searching .spinner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  z-index: 20; }
  .search.is-searching .spinner .spinner__image {
    width: 50px; }

.animating.search-opening .search input {
  opacity: 1; }

.search-card.card {
  padding: 0; }

.search-card .search {
  margin: 0; }

.section-header.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 11px;
  padding-bottom: 11px;
  position: relative;
  line-height: 28px; }
  .section-header.card:after {
    content: ''; }
  .section-header.card.is-empty .section-header__label:after {
    content: '\00a0'; }

.section-header__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  overflow: hidden; }
  .section-header__label:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  .section-header__label .count {
    margin-left: 8px; }

.section-header__actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative; }
  .section-header__actions:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.section-header__label {
  color: #2e4453;
  font-size: 14px; }

.section-header__actions .button {
  float: left;
  margin-right: 8px; }

.section-header__actions > .button:last-child {
  margin-right: 0; }

/**
 * Section Nav
 */
.section-nav {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 17px 0;
  background: white;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .section-nav.is-empty .section-nav__panel {
    visibility: hidden; }
  @media (max-width: 480px) {
    .section-nav.is-open {
      box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; } }
  @media (min-width: 481px) {
    .section-nav.has-pinned-items {
      padding-right: 60px; } }
  @media (min-width: 481px) and (max-width: 660px) {
    .section-nav.has-pinned-items {
      padding-right: 50px; } }
  @media (max-width: 660px) {
    .section-nav {
      margin-bottom: 9px; } }

.section-nav__mobile-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  font-size: 14px;
  line-height: 16px;
  height: 46px;
  box-sizing: border-box;
  color: #2e4453;
  font-weight: 600;
  cursor: pointer; }
  .section-nav__mobile-header:after {
    font-size: 20px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    line-height: 16px;
    color: rgba(135, 166, 188, 0.5); }
  .section-nav.is-open .section-nav__mobile-header:after {
    content: '\f432'; }
  .section-nav.has-pinned-items .section-nav__mobile-header {
    padding-right: 50px; }
    .section-nav.has-pinned-items .section-nav__mobile-header:after {
      margin-left: 8px; }
  @media (min-width: 481px) {
    .section-nav__mobile-header {
      display: none; } }

.section-nav__mobile-header-text {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .section-nav__mobile-header-text small {
    margin-left: 5px;
    font-size: 11px;
    color: #87a6bc;
    font-weight: 600;
    text-transform: uppercase; }
  .section-nav.has-pinned-items .section-nav__mobile-header-text {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

.section-nav__panel {
  box-sizing: border-box;
  width: 100%; }
  @media (max-width: 480px) {
    .section-nav.is-open .section-nav__panel {
      padding-bottom: 15px;
      border-top: solid 1px #c8d7e1;
      background: linear-gradient(to bottom, #f3f6f8 0%, white 4px); } }
  @media (min-width: 481px) {
    .section-nav__panel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .section-nav__panel:first-child {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; } }

.section-nav-group {
  position: relative;
  margin-top: 16px;
  padding-top: 16px;
  border-top: solid 1px #c8d7e1; }
  .section-nav-group:first-child {
    padding-top: 0;
    border-top: none; }
  @media (max-width: 480px) {
    .section-nav-group {
      display: none; }
      .section-nav.is-open .section-nav-group {
        display: block; } }
  @media (min-width: 481px) {
    .section-nav-group {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
      .section-nav-group:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; } }

.section-nav__button {
  width: 100%;
  margin-top: 24px; }

.section-nav__hr {
  background: #e9eff3; }

.section-nav-group__label {
  display: none;
  margin-bottom: 8px;
  padding: 0 15px;
  font-size: 11px;
  color: #87a6bc;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 12px; }
  @media (max-width: 480px) {
    .has-siblings .section-nav-group__label {
      display: block; } }

.section-nav-group__label-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.section-nav-tab .count {
  margin-left: 8px; }

@media (min-width: 481px) {
  .section-nav-tabs {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .section-nav-tabs.is-dropdown {
      position: relative;
      width: auto;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin: 8px; } }

.section-nav-tabs__list {
  margin: 0;
  list-style: none; }
  @media (min-width: 481px) {
    .section-nav-tabs__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      overflow: hidden; }
      .is-dropdown .section-nav-tabs__list {
        display: none; } }

@media (min-width: 481px) {
  .section-nav-tab {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-bottom: 2px solid transparent;
    border-top: none;
    text-align: center; }
    .section-nav-tab.is-selected {
      border-bottom-color: #2e4453; } }

.section-nav-tab__link,
.section-nav-tab__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.section-nav-tab__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #2e4453;
  cursor: pointer; }
  .section-nav-tab__link:visited {
    color: #2e4453; }
  .section-nav-tab__link[disabled],
  .notouch .section-nav-tab__link[disabled]:hover {
    color: #e9eff3;
    cursor: default; }
  .is-selected .section-nav-tab__link {
    color: white;
    background-color: #00aadc; }
    @media (max-width: 480px) {
      .is-selected .section-nav-tab__link .count {
        color: white;
        border-color: white; } }
  .section-nav-tab__link:focus {
    outline: none; }
    .accessible-focus .section-nav-tab__link:focus {
      outline: solid #87a6bc 1px; }
  .is-external .section-nav-tab__link:after {
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    font-size: 18px;
    padding-left: 2px; }
  .notouch .section-nav-tab__link:hover {
    color: #00aadc; }
  .notouch .is-selected .section-nav-tab__link:hover {
    color: white; }
  @media (min-width: 481px) {
    .section-nav-tab__link {
      display: block;
      width: auto;
      padding: 16px 16px 14px 16px;
      color: #0087be;
      font-weight: 400; }
      .section-nav-tab__link:visited {
        color: #0087be; }
      .is-selected .section-nav-tab__link {
        color: #2e4453;
        background-color: transparent; }
        .is-selected .section-nav-tab__link:after {
          display: none; }
      .notouch .is-selected .section-nav-tab__link:hover {
        color: #2e4453; } }

.section-nav-tab__text {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 0;
  color: inherit; }
  @media (min-width: 481px) {
    .section-nav-tab__text {
      display: inline;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: auto; } }

.section-nav-tab__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  color: #2e4453; }

.section-nav-tabs__dropdown {
  position: relative;
  z-index: 3;
  width: 100%; }
  .section-nav-tabs__dropdown.is-open {
    z-index: 4; }
  .section-nav-tabs__dropdown .select-dropdown__container {
    max-width: 200px;
    position: static; }

.section-nav__segmented .segmented-control {
  margin: 0 15px; }

.section-nav__segmented .segmented-control__link {
  padding: 3px 16px 5px; }

.section-nav .search {
  overflow: hidden; }

@media (max-width: 480px) {
  .section-nav .search.is-expanded-to-container {
    height: 46px; } }

/**
 * Segmented Control
 */
.segmented-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  border-radius: 4px;
  background-color: white;
  list-style: none; }

.segmented-control__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  cursor: pointer; }
  .segmented-control__item:first-of-type .segmented-control__link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .segmented-control__item:last-of-type .segmented-control__link {
    border-right: solid 1px #c8d7e1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .segmented-control__item.is-selected + .segmented-control__item .segmented-control__link {
    border-left-color: #2e4453; }

.segmented-control__link {
  display: block;
  padding: 8px 12px;
  border: solid 1px #c8d7e1;
  border-right: none;
  font-size: 14px;
  line-height: 18px;
  color: #537994;
  text-align: center; }
  .segmented-control__link:focus {
    color: #2e4453;
    outline: none; }
    .keyboard-navigation .segmented-control__link:focus .segmented-control__text {
      outline: dotted 1px #2e4453; }
  .notouch .segmented-control__link:hover {
    color: #2e4453; }
  .segmented-control__item.is-selected .segmented-control__link {
    border-color: #2e4453;
    color: #2e4453; }

.segmented-control__text {
  display: block;
  max-width: 100%;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.segmented-control.is-compact .segmented-control__link {
  font-size: 13px;
  padding: 4px 8px; }

.segmented-control.is-primary .segmented-control__item.is-selected .segmented-control__link {
  border-color: #00aadc;
  background-color: #00aadc;
  color: white; }

.segmented-control.is-primary .segmented-control__item.is-selected + .segmented-control__item .segmented-control__link {
  border-left-color: #00aadc; }

/**
 * Select Dropdown
 */
.select-dropdown {
  height: 43px; }
  .select-dropdown.is-open {
    overflow: visible; }
  .select-dropdown.is-compact {
    height: 35px; }

.select-dropdown__container {
  position: relative;
  display: inline-block;
  max-width: 100%; }
  .select-dropdown.is-open .select-dropdown__container {
    z-index: 170; }
  .accessible-focus .select-dropdown__container:focus,
  .accessible-focus .select-dropdown.is-open .select-dropdown__container {
    z-index: 170; }
    .accessible-focus .select-dropdown__container:focus .select-dropdown__header,
    .accessible-focus .select-dropdown.is-open .select-dropdown__container .select-dropdown__header {
      border-color: #0087be; }
  .accessible-focus .select-dropdown__container {
    border-radius: 4px; }
  .accessible-focus .select-dropdown__container:focus {
    border-color: #00aadc;
    outline: 0; }
  .accessible-focus .select-dropdown.is-open .select-dropdown__container {
    box-shadow: 0 0 0 2px #78dcfa; }

.select-dropdown__header {
  height: 43px;
  line-height: 40px;
  padding: 0 32px 0 16px;
  box-sizing: border-box;
  border-style: solid;
  border-color: #c8d7e1;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  font-weight: 600;
  color: #2e4453;
  transition: background-color 0.2s ease;
  cursor: pointer; }
  .select-dropdown__header::after {
    font-size: 22px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    display: block;
    width: 20px;
    line-height: 42px;
    color: rgba(135, 166, 188, 0.5);
    position: absolute;
    right: 14px;
    top: 0px; }
    .is-compact .select-dropdown__header::after {
      right: 5px;
      line-height: 35px; }
  .has-count .select-dropdown__header {
    padding-right: 75px; }
  .is-compact .select-dropdown__header {
    height: 35px;
    line-height: 32px;
    color: #537994;
    font-size: 12px; }
    .is-compact .select-dropdown__header .count {
      border-width: 0;
      right: 25px;
      top: 8.5px; }
  .select-dropdown.is-open .select-dropdown__header {
    border-radius: 4px 4px 0 0;
    box-shadow: none;
    background-color: #f3f6f8; }
    .select-dropdown.is-open .select-dropdown__header::after {
      content: '\f432'; }
  .accessible-focus .select-dropdown:not(.is-open) .select-dropdown__container:focus .select-dropdown__header {
    box-shadow: 0 0 0 2px #78dcfa; }
  .select-dropdown__header .count {
    position: absolute;
    right: 40px;
    top: 11.5px; }
  .select-dropdown__header .gridicon {
    margin-right: 8px;
    vertical-align: text-bottom; }
    .is-compact .select-dropdown__header .gridicon {
      position: relative;
      top: 2px; }

.select-dropdown__header-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.select-dropdown__options {
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  margin: 0;
  background-color: white;
  border: 1px solid #c8d7e1;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  height: 0;
  overflow: hidden;
  opacity: 0; }
  .accessible-focus .select-dropdown__options {
    border: solid 1px #0087be;
    border-top-color: #c8d7e1; }
  .select-dropdown.is-open .select-dropdown__options {
    margin-top: -1px;
    height: auto;
    opacity: 1; }

.select-dropdown__option {
  height: 40px; }
  .select-dropdown__option:last-child .select-dropdown__item {
    border-radius: 0 0 4px 4px; }

.select-dropdown__item {
  display: block;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 62px 0 16px;
  color: #2e4453;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }
  .select-dropdown__item::before {
    content: attr(data-bold-text);
    font-weight: 700;
    white-space: nowrap;
    opacity: 0; }
  .select-dropdown__item:visited {
    color: #2e4453; }
  .select-dropdown__item.is-selected {
    background-color: #00aadc;
    color: white; }
    .select-dropdown__item.is-selected .count {
      border-color: white;
      color: white; }
  .select-dropdown__item.is-disabled {
    background-color: white;
    color: #87a6bc;
    cursor: default;
    opacity: .5; }
  .notouch .select-dropdown__item:hover {
    color: #00aadc; }
  .notouch .select-dropdown__item.is-selected:hover {
    color: white; }
  .select-dropdown__item .gridicon {
    margin-right: 8px;
    vertical-align: text-bottom; }

.select-dropdown__item-count::before {
  content: attr(data-text);
  opacity: 0; }

.select-dropdown__item-count .count {
  position: absolute;
  top: 11px;
  right: 16px; }

.select-dropdown__item-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  display: inline-block;
  max-width: 100%;
  position: absolute;
  left: 16px;
  right: 16px; }

.select-dropdown__separator {
  border-top: 1px solid #c8d7e1;
  display: block;
  margin: 8px 0; }

.select-dropdown__label {
  display: block;
  color: #a8bece;
  line-height: 20px; }
  .select-dropdown__label label {
    font-size: 12px;
    padding: 0px 16px; }

/*
 * CSS values in this file are specific and
 * designed to match the CSS on external sites,
 * such as Google and Facebook. Therefore there
 * will be exceptions to our CSS guidelines here
 * but please do not "update" this file to
 * conform.
 *
 * @blame: dmsnell
*/
.seo-search-preview__header {
  margin: 0;
  padding: 8px 0;
  background-color: #f3f6f8;
  border: 1px solid #e9eff3;
  border-bottom: 0;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #668eaa; }

.seo-search-preview__display {
  border: 1px solid #e9eff3;
  font-family: arial, sans-serif;
  padding: 10px 20px;
  word-wrap: break-word; }

.seo-search-preview__title {
  color: #1a0dab;
  font-size: 18px;
  line-height: 1.2;
  max-width: 616px; }
  .seo-search-preview__title:hover {
    cursor: pointer;
    text-decoration: underline; }

.seo-search-preview__url {
  color: #006621;
  font-size: 14px;
  height: 17px;
  line-height: 16px;
  max-width: 616px; }

.seo-search-preview__snippet {
  color: #545454;
  font-size: 13px;
  line-height: 1.4;
  max-width: 616px; }

.meta-title-editor .segmented-control__link {
  font-size: 12px;
  line-height: 16px;
  padding: 4px 2px; }
  @media (min-width: 661px) {
    .meta-title-editor .segmented-control__link {
      font-size: 14px;
      line-height: 18px;
      padding: 8px 12px; } }

.facebook-preview {
  border: 1px solid;
  border-color: #e9ebee #e9ebee #d1d1d1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  max-width: 527px;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch; }

.facebook-preview__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.facebook-preview__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 12px; }

.facebook-preview__title {
  color: #1d2129;
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  max-height: 100px;
  transition: color 0.1s ease-in-out; }

.facebook-preview__description {
  color: #4b4f56;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  overflow-y: hidden; }

.facebook-preview__url {
  color: #90949c;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap; }

.facebook-preview__article .facebook-preview__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 100%; }

.facebook-preview__article .facebook-preview__image {
  max-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-y: hidden; }
  .facebook-preview__article .facebook-preview__image img {
    height: auto;
    width: 100%;
    max-width: 527px; }

.facebook-preview__article .facebook-preview__body {
  height: auto;
  max-height: 100px; }

.facebook-preview__article .facebook-preview__title {
  margin-bottom: 5px; }

.facebook-preview__article .facebook-preview__url {
  margin-top: 9px; }

.facebook-preview__website {
  max-height: 158px; }
  .facebook-preview__website .facebook-preview__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 100%;
    width: 158px; }
    .facebook-preview__website .facebook-preview__image img {
      display: block;
      font-size: 14px;
      height: auto;
      width: 100%; }
  .facebook-preview__website .facebook-preview__body {
    width: 100%; }
  .facebook-preview__website .facebook-preview__title {
    margin-bottom: 5px;
    max-height: 110px; }
  .facebook-preview__website .facebook-preview__url {
    margin-top: auto;
    margin-bottom: 5px; }

.twitter-card-preview__container {
  width: inherit;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px; }

.twitter-card-preview__summary {
  width: 506px;
  height: 125px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #E1E8ED;
  border-radius: 0.42857em; }

.twitter-card-preview__large_image_summary {
  width: 506px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #E1E8ED;
  border-radius: 0.42857em; }

.twitter-card-preview__image {
  background-size: cover;
  background-position: center; }

.twitter-card-preview__summary .twitter-card-preview__image {
  float: left;
  width: 125px;
  height: 125px; }

.twitter-card-preview__large_image_summary .twitter-card-preview__image {
  width: 506px;
  height: 254px;
  border-bottom: 1px solid #E1E8ED; }

.twitter-card-preview__body {
  padding: .75em;
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: black;
  text-align: left;
  line-height: 1.3em;
  overflow: hidden; }

.twitter-card-preview__summary .twitter-card-preview__body {
  margin-left: 125px;
  border-left: 1px solid #E1E8ED;
  height: 100%; }

.twitter-card-preview__large_image_summary .twitter-card-preview__body {
  padding-left: 1em;
  padding-right: 1em; }

.twitter-card-preview__title {
  max-height: 1.3em;
  white-space: nowrap;
  font-weight: bold;
  font-size: 1em;
  margin: 0 0 .15em;
  overflow: hidden;
  text-overflow: ellipsis; }

.twitter-card-preview__description {
  margin-top: 0.32333em;
  max-height: 3.9em;
  overflow: hidden;
  text-overflow: ellipsis; }

.twitter-card-preview__url {
  text-transform: lowercase;
  color: #8899A6;
  max-height: 1.3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.32333em; }

.facebook-share-preview {
  background-color: white;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  color: #1d2129;
  margin: 0 auto;
  max-width: 486px;
  padding: 12px;
  -webkit-overflow-scrolling: touch; }

.facebook-share-preview a {
  color: #365899; }

.facebook-share-preview__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px; }

.facebook-share-preview__profile-picture-part {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  margin-right: 8px;
  width: 40px; }

.facebook-share-preview__profile-picture,
.facebook-share-preview__image {
  display: block; }

.facebook-share-preview__profile-line,
.facebook-share-preview__body {
  font-size: 14px;
  line-height: 1.38; }

.facebook-share-preview__profile-line {
  color: #90949c;
  margin-bottom: 2px; }

.facebook-share-preview__profile-name {
  font-weight: bold;
  margin-right: 5px; }

.facebook-share-preview__meta-line {
  color: #90949c;
  font-size: 12px;
  line-height: 1.34; }

.facebook-share-preview .facebook-share-preview__meta-line a {
  color: #90949c; }

.facebook-share-preview__message p {
  margin-bottom: 6px; }

.facebook-share-preview__message p:last-child {
  margin-bottom: 0; }

.facebook-share-preview__article-url-line {
  margin-top: 6px;
  word-break: break-word; }

.facebook-share-preview__image-wrapper {
  margin-top: 10px; }

.google-plus-share-preview {
  background-color: #fefefe;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 0 auto;
  max-width: 530px;
  width: 100%; }
  .google-plus-share-preview .google-plus-share-preview__profile-name {
    color: rgba(0, 0, 0, 0.87); }
    .google-plus-share-preview .google-plus-share-preview__profile-name:hover {
      color: rgba(0, 0, 0, 0.87); }
  .google-plus-share-preview .google-plus-share-preview__article-url {
    color: rgba(0, 0, 0, 0.87); }
    .google-plus-share-preview .google-plus-share-preview__article-url:hover {
      color: rgba(0, 0, 0, 0.87); }

.google-plus-share-preview__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px; }

.google-plus-share-preview__profile-picture-part {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px; }

.google-plus-share-preview__profile-picture {
  border-radius: 50%;
  display: block;
  height: 36px;
  width: 36px; }

.google-plus-share-preview__profile-line {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.285714286;
  margin-left: 6px; }

.google-plus-share-preview__message,
.google-plus-share-preview__article-summary {
  font-size: 14px;
  line-height: 20px;
  margin: 0 16px 16px;
  word-break: break-word; }

.google-plus-share-preview__article-title {
  border-top: 1px solid #ebebeb;
  display: -webkit-box;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  max-height: 56px;
  overflow: hidden;
  padding: 16px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.google-plus-share-preview__image {
  display: block; }

.tumblr-share-preview {
  color: #444;
  font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  margin: 0 auto;
  max-width: 624px; }
  .tumblr-share-preview .tumblr-share-preview__profile-name,
  .tumblr-share-preview .tumblr-share-preview__message-link,
  .tumblr-share-preview .tumblr-share-preview__article-link {
    color: #444;
    text-decoration: none; }
    .tumblr-share-preview .tumblr-share-preview__profile-name:hover,
    .tumblr-share-preview .tumblr-share-preview__message-link:hover,
    .tumblr-share-preview .tumblr-share-preview__article-link:hover {
      color: #444; }

.tumblr-share-preview__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.tumblr-share-preview__profile-picture-part {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  margin-right: 20px; }

.tumblr-share-preview__content-part {
  background-color: white;
  border-radius: 3px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px 20px; }

.tumblr-share-preview__profile-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 20px;
  margin-bottom: 13px; }

.tumblr-share-preview__profile-name {
  font-weight: bold; }

.tumblr-share-preview__profile-wp {
  color: #8f8f8f; }

.tumblr-share-preview__post-title {
  font-family: Gibson, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 47px;
  margin-bottom: 10px; }

.tumblr-share-preview__image-wrapper {
  margin: 15px 0; }

.tumblr-share-preview__image {
  width: 300px; }

.tumblr-share-preview__message,
.tumblr-share-preview__summery,
.tumblr-share-preview__article-link-line {
  font-size: 14px;
  line-height: 21px; }

.tumblr-share-preview__message {
  margin-bottom: 15px; }

.tumblr-share-preview__message-link,
.tumblr-share-preview__article-link {
  border-bottom: 1px solid #d1d1d1; }

.tumblr-share-preview__summery {
  background: transparent;
  border-left: 2px solid #e7e7e7;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0 0 0 18px; }

.linkedin-share-preview {
  background: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2);
  font-family: Source Sans Pro,Helvetica,Arial,sans-serif,Hiragino Kaku Gothic Pro,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,-apple-system,'.SFNSDisplay-Regular',Heiti SC,Microsoft Yahei,Segoe UI;
  margin: 0 auto;
  max-width: 552px;
  padding: 16px; }

.linkedin-share-preview__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.linkedin-share-preview__profile-picture-part {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px; }

.linkedin-share-preview__profile-picture {
  border-radius: 50%;
  display: block;
  height: 48px;
  width: 48px; }

.linkedin-share-preview__profile-line-part {
  margin-left: 8px; }

.linkedin-share-preview__profile-line {
  font-size: 15px;
  line-height: 20px; }

.linkedin-share-preview__profile-name {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600; }

.linkedin-share-preview__meta-line {
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
  line-height: 16px; }

.linkedin-share-preview__body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  padding: 8px; }

.linkedin-share-preview__image-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 138px;
          flex: 0 0 138px;
  height: 72px;
  margin-right: 8px;
  max-width: 138px;
  overflow: hidden;
  position: relative; }

.linkedin-share-preview__image {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.linkedin-share-preview__message-link {
  text-decoration: none; }

.linkedin-share-preview__message {
  color: rgba(0, 0, 0, 0.85);
  display: -webkit-box;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.linkedin-share-preview__site-url {
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word; }

.twitter-share-preview {
  background-color: white;
  border: 1px solid #e6ecf0;
  color: #14171a;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.375;
  margin: 0 auto;
  max-width: 565px;
  padding: 12px; }

.twitter-share-preview__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.twitter-share-preview__profile-picture-part {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  margin: 3px 10px 0 0;
  width: 48px; }

.twitter-share-preview__profile-picture {
  border-radius: 5px;
  display: block; }

.twitter-share-preview__profile-name {
  color: #14171a;
  font-weight: bold;
  margin-right: 5px; }
  .twitter-share-preview__profile-name:hover {
    color: #0084B4;
    text-decoration: underline; }

.twitter-share-preview__profile-handle {
  color: #657786;
  font-size: 13px; }

.twitter-share-preview__message,
.twitter-share-preview__article-url {
  font-size: 16px;
  line-height: 22px; }

.twitter-share-preview__message a,
.twitter-share-preview__article-url {
  color: #0084B4; }

.twitter-share-preview__article-url-line {
  word-break: break-word; }

.twitter-share-preview__image-wrapper {
  margin-top: 10px; }

.twitter-share-preview__image {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: block; }

.upgrade-nudge-expanded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  @media (min-width: 961px) {
    .upgrade-nudge-expanded {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__description {
    margin-bottom: 20px; }
    @media (min-width: 961px) {
      .upgrade-nudge-expanded .upgrade-nudge-expanded__description {
        margin-bottom: 0;
        width: 50%; } }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__plan-card .plan-compare-card {
    width: 100%; }
  @media (min-width: 961px) {
    .upgrade-nudge-expanded .upgrade-nudge-expanded__plan-card {
      width: 50%; }
      .upgrade-nudge-expanded .upgrade-nudge-expanded__plan-card .plan-compare-card {
        width: 90%; } }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__title {
    color: #0087be;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__title-plan {
    width: 56px;
    height: 56px;
    border: solid 2px #e8f0f5;
    border-radius: 50%;
    -ms-flex-item-align: center;
        align-self: center;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__title-plan-icon {
    width: 55px;
    height: 55px;
    margin: 1px;
    background-repeat: no-repeat; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__title-message {
    font-size: 22px;
    margin: 0 0 0 10px; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__subtitle {
    margin-bottom: 10px; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__features {
    list-style: none;
    margin: 0; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__feature-item-checkmark {
    color: #0087be;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 5px; }

.preview-upgrade-nudge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .preview-upgrade-nudge .preview-upgrade-nudge__banner {
    margin: 24px;
    text-decoration: none; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features {
    padding: 0 24px 16px; }
    @media (min-width: 661px) {
      .preview-upgrade-nudge .preview-upgrade-nudge__features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .preview-upgrade-nudge .preview-upgrade-nudge__features .feature-example {
      margin: 0 0 16px 0; }
      @media (min-width: 661px) {
        .preview-upgrade-nudge .preview-upgrade-nudge__features .feature-example {
          width: 50%;
          margin: 0 16px 0 0; } }
  @media (min-width: 661px) {
    .preview-upgrade-nudge .preview-upgrade-nudge__features-details {
      width: 50%; } }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-title {
    margin-bottom: 10px; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-list {
    list-style: none;
    margin: 0; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-list-item-checkmark {
    color: #0087be;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 5px; }
  .preview-upgrade-nudge .preview-upgrade-nudge__feature-comparison {
    margin: 0; }
  .preview-upgrade-nudge .feature-example__gradient {
    background: linear-gradient(to bottom, rgba(243, 246, 248, 0), #f3f6f8); }

/*rtl:ignore*/
.signup-form .signup-form__input {
  margin-bottom: 20px;
  transition: none; }
  .signup-form .signup-form__input.is-error, .signup-form .signup-form__input[type="password"] {
    margin-bottom: 0; }

.signup-form .logged-out-form__footer {
  margin-top: 20px; }

.signup-form__terms-of-service-link {
  font-size: 11px;
  margin: 0 0 20px 0;
  text-align: center; }
  @media (min-width: 481px) {
    .signup-form__terms-of-service-link a {
      white-space: pre; } }

.signup-form__social p {
  margin: 0 0 20px 0;
  text-align: center; }
  .signup-form__social p:last-child {
    margin: 10px 0 0; }

.signup-form__social-buttons button {
  margin: 0 0 10px;
  width: 100%; }

.social-buttons__button-container + .social-buttons__button-container {
  margin-top: 10px; }

.signup-form__social,
.signup-form__notice.notice {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px; }

.signup-site-title {
  padding: 0;
  position: relative;
  border: none;
  background: none;
  box-shadow: none;
  max-width: 600px; }

.signup-site-title__input[type="text"] {
  padding: 14px 16px; }

.signup-site-title__button {
  position: absolute;
  top: 7px;
  right: 8px; }

.site-icon {
  position: relative;
  overflow: hidden;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0;
  text-align: center; }
  .site-icon.is-blank {
    background: #c8d7e1; }
    .site-icon.is-blank .gridicon {
      color: white;
      z-index: 0; }

.site-icon.is-transient .spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75); }
  .site-icon.is-transient .spinner .spinner__image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.site-icon__img {
  background: rgba(255, 255, 255, 0);
  position: relative; }

/**
 * Site Selector
 * @component `selector`
 */
.site-selector {
  overflow: visible;
  position: static;
  pointer-events: auto;
  border: none;
  z-index: 10; }
  .site-selector.is-large .search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    opacity: 1;
    pointer-events: initial; }
  .site-selector.is-large .site-selector__sites {
    border-top: 1px solid #c8d7e1; }

.site-selector .site,
.site-selector .all-sites {
  font-size: 14px; }
  .site-selector .site.is-selected,
  .site-selector .all-sites.is-selected {
    background-color: #87a6bc; }
    .site-selector .site.is-selected .site__badge,
    .site-selector .all-sites.is-selected .site__badge {
      color: white; }
    .site-selector .site.is-selected .site__title,
    .site-selector .site.is-selected .site__domain,
    .site-selector .all-sites.is-selected .site__title,
    .site-selector .all-sites.is-selected .site__domain {
      color: white; }
      .site-selector .site.is-selected .site__title::after,
      .site-selector .site.is-selected .site__domain::after,
      .site-selector .all-sites.is-selected .site__title::after,
      .site-selector .all-sites.is-selected .site__domain::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(135, 166, 188, 0), #87a6bc 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; }
    .site-selector .site.is-selected .count,
    .site-selector .all-sites.is-selected .count {
      border-color: white;
      color: white; }
    .site-selector .site.is-selected.is-private .site__title::before,
    .site-selector .all-sites.is-selected.is-private .site__title::before {
      color: white; }

.site-selector .site.is-highlighted,
.site-selector .all-sites.is-highlighted,
.notouch .site-selector.is-hover-enabled .site:hover,
.notouch .site-selector.is-hover-enabled .all-sites:hover {
  background: #00aadc;
  cursor: pointer; }
  .site-selector .site.is-highlighted .site__badge,
  .site-selector .all-sites.is-highlighted .site__badge,
  .notouch .site-selector.is-hover-enabled .site:hover .site__badge,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .site__badge {
    color: white; }
  .site-selector .site.is-highlighted .site__title,
  .site-selector .site.is-highlighted .site__domain,
  .site-selector .all-sites.is-highlighted .site__title,
  .site-selector .all-sites.is-highlighted .site__domain,
  .notouch .site-selector.is-hover-enabled .site:hover .site__title,
  .notouch .site-selector.is-hover-enabled .site:hover .site__domain,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .site__title,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .site__domain {
    color: white; }
    .site-selector .site.is-highlighted .site__title::after,
    .site-selector .site.is-highlighted .site__domain::after,
    .site-selector .all-sites.is-highlighted .site__title::after,
    .site-selector .all-sites.is-highlighted .site__domain::after,
    .notouch .site-selector.is-hover-enabled .site:hover .site__title::after,
    .notouch .site-selector.is-hover-enabled .site:hover .site__domain::after,
    .notouch .site-selector.is-hover-enabled .all-sites:hover .site__title::after,
    .notouch .site-selector.is-hover-enabled .all-sites:hover .site__domain::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(0, 170, 220, 0), #00aadc 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
  .site-selector .site.is-highlighted .site__title:before,
  .site-selector .all-sites.is-highlighted .site__title:before,
  .notouch .site-selector.is-hover-enabled .site:hover .site__title:before,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .site__title:before {
    color: white; }
  .site-selector .site.is-highlighted .count,
  .site-selector .all-sites.is-highlighted .count,
  .notouch .site-selector.is-hover-enabled .site:hover .count,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .count {
    border-color: white;
    color: white; }

.site-selector .search {
  margin: 8px;
  width: auto;
  height: 33px;
  border: 1px solid #c8d7e1;
  display: block;
  opacity: 0;
  position: absolute;
  pointer-events: none; }
  .site-selector .search .search__input[type="search"] {
    font-size: 13px; }
  .site-selector .search .search__open-icon,
  .site-selector .search .search__close-icon {
    color: #87a6bc;
    width: 32px;
    height: 18px; }

.site-selector__sites {
  max-height: calc( 100% - 93px);
  overflow-y: auto; }
  @media (max-width: 660px) {
    .site-selector__sites {
      max-height: calc( 100% - 109px); } }

.site-selector__no-results {
  color: #87a6bc;
  font-style: italic;
  padding: 10px 20px; }

.site-selector__add-new-site {
  padding: 0;
  border-top: 1px solid #c8d7e1;
  margin: auto 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 10px; }
  @media (max-width: 660px) {
    .site-selector__add-new-site {
      margin-top: 16px; } }

.site-selector__add-new-site .button {
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 8px;
  color: #668eaa;
  line-height: 2.1; }
  .site-selector__add-new-site .button:hover {
    color: #2e4453; }
  @media (max-width: 660px) {
    .site-selector__add-new-site .button {
      padding: 16px; } }
  .site-selector__add-new-site .button .gridicon {
    display: block;
    float: left;
    margin-right: 6px;
    top: auto;
    margin-top: auto; }

.site-selector .site-action {
  padding-top: 15px; }

.site-selector .all-sites {
  border-bottom: 1px solid #c8d7e1; }

.site-selector__recent {
  border-bottom: 1px solid #e9eff3; }
  .site-selector__recent:empty {
    border-bottom-width: 0; }

.site-selector__hidden-sites-message {
  color: #87a6bc;
  display: block;
  font-size: 12px;
  padding: 16px 16px 24px; }
  .site-selector__hidden-sites-message .site-selector__manage-hidden-sites {
    color: #87a6bc;
    text-decoration: underline; }

.site-selector__no-results + .site-selector__hidden-sites-message {
  display: none; }

.site-selector-modal .sites-dropdown .site-selector {
  max-height: 20vh; }

.site-title-example {
  box-sizing: border-box;
  position: relative;
  padding-top: 42px;
  max-width: 600px;
  min-height: 120px;
  margin: 30px auto 60px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media (max-width: 660px) {
    .site-title-example {
      max-width: 100%;
      padding: 32px 32px 0;
      margin: 0 auto;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .site-title-example .site-title-example__description {
        text-align: center;
        margin-bottom: 16px; } }

.site-title-example__description {
  color: #4f748e;
  text-align: right;
  margin-bottom: 8px;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 270px; }

.site-title-example__image {
  pointer-events: none;
  display: inline-block;
  width: 270px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  text-align: right; }
  .site-title-example__image:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%); }
  @media (max-width: 660px) {
    .site-title-example__image {
      position: relative;
      margin: 0 auto;
      text-align: center; } }

.sites-dropdown.is-open {
  height: 69px; }
  .sites-dropdown.is-open .gridicons-chevron-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.sites-dropdown .gridicons-chevron-down {
  -ms-flex-item-align: center;
      align-self: center;
  color: #a8bece;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
  transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.sites-dropdown__wrapper {
  background: white;
  border: 1px solid #c8d7e1;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  margin: 0;
  position: relative;
  width: 300px;
  transition: all .15s ease-in-out; }
  @media (max-width: 660px) {
    .sites-dropdown__wrapper {
      width: 100%; } }
  .sites-dropdown__wrapper:hover {
    border-color: #a8bece; }

.sites-dropdown.is-open .sites-dropdown__wrapper {
  position: relative;
  z-index: 170;
  margin: 0; }

.sites-dropdown__selected {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .is-open .sites-dropdown__selected {
    border-bottom: 1px solid #e9eff3; }
  .sites-dropdown__selected:hover .gridicons-chevron-down,
  .sites-dropdown__selected:hover .gridicons-chevron-up {
    color: #4f748e; }

.sites-dropdown .site-selector {
  padding: 0;
  position: static;
  overflow-y: auto; }
  .sites-dropdown .site-selector.is-large {
    margin-top: 50px; }

.sites-dropdown .site-selector__sites {
  max-height: 30vh;
  border-radius: 0 0 2px 2px; }

.sites-dropdown .site-selector .search {
  position: absolute;
  top: 67px;
  left: 0;
  right: 0; }

.sites-dropdown .site-selector .search input {
  margin: 0;
  background-color: white; }

.sites-dropdown .site-selector .site {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.sites-popover {
  font-size: 15px;
  width: 300px; }

.sites-popover .popover__inner {
  position: relative;
  text-align: left;
  overflow: hidden; }

.sites-popover .site-selector {
  position: relative; }
  .sites-popover .site-selector.is-large {
    padding-top: 50px; }

.sites-popover.has-header .site-selector {
  position: relative; }

.sites-popover.has-header .sites-popover__header {
  border-bottom: 1px solid #e9eff3;
  color: #668eaa;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 10px 8px 8px; }

.sites-popover .site-selector.is-large .search {
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }

.sites-popover .site-selector__sites {
  overflow-y: auto;
  max-height: 70vh;
  border-radius: 0 0 4px 4px; }

.sites-popover .site__content {
  text-decoration: none; }

.sites-popover .site-selector__heading {
  margin-top: 16px; }

/*rtl:ignore*/
.social-buttons__service-name {
  margin-left: 9px; }

.social-buttons__error .popover__inner {
  padding: 10px;
  max-width: 200px; }

.social-icons {
  margin-top: -2px;
  vertical-align: middle; }

.social-icons--disabled path {
  fill: #e9eff3; }

.sorted-grid__header {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 5px;
  width: 100%; }

.sorted-grid__label {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  padding: 6px 0;
  margin: 0 10px 0 0;
  color: #87a6bc;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase; }
  .sorted-grid__label:last-child {
    margin: 0; }
  .sorted-grid__label::after {
    content: "";
    display: block;
    height: 2px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 8px 0 0 10px;
    background-color: #e8f0f5; }

@-webkit-keyframes rotate-spinner__right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-spinner__right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes rotate-spinner__left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-spinner__left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.spinner.is-fallback {
  position: relative;
  border-radius: 100%;
  background-color: #c8d7e1; }
  .spinner.is-fallback::before, .spinner.is-fallback::after {
    content: '';
    position: absolute;
    background-color: white;
    border-radius: 50%; }
  .spinner.is-fallback::before {
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%; }
  .spinner.is-fallback::after {
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%; }

.spinner__image {
  display: block; }

.spinner__border {
  fill: #c8d7e1; }

.spinner__progress {
  -webkit-animation: 3s linear infinite;
          animation: 3s linear infinite;
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
  fill: #00aadc; }

.spinner.is-fallback .spinner__progress {
  position: absolute;
  overflow: hidden;
  width: 50%;
  height: 100%;
  -webkit-animation: none;
          animation: none; }
  .spinner.is-fallback .spinner__progress::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: 3s linear infinite;
            animation: 3s linear infinite;
    border-radius: 9999px;
    background-color: #00aadc;
    fill: none; }
  .spinner.is-fallback .spinner__progress.is-left {
    left: 0; }
    .spinner.is-fallback .spinner__progress.is-left::before {
      left: 100%;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      -webkit-transform-origin: 0 50%;
              transform-origin: 0 50%; }
  .spinner.is-fallback .spinner__progress.is-right {
    left: 50%; }
    .spinner.is-fallback .spinner__progress.is-right::before {
      left: -100%;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transform-origin: 100% 50%;
              transform-origin: 100% 50%; }

.spinner__progress.is-left,
.spinner.is-fallback .spinner__progress.is-left::before {
  -webkit-animation-name: rotate-spinner__left;
          animation-name: rotate-spinner__left; }

.spinner__progress.is-right,
.spinner.is-fallback .spinner__progress.is-right::before {
  -webkit-animation-name: rotate-spinner__right;
          animation-name: rotate-spinner__right; }

.spinner-button__spinner {
  float: right;
  margin: 8px; }

@-webkit-keyframes spinner-line__animation {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 600px 0; } }

@keyframes spinner-line__animation {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 600px 0; } }

hr.spinner-line {
  border: none;
  height: 3px;
  margin: 24px 0;
  background-image: linear-gradient(to right, #a8bece 0%, #c8d7e1 50%, #a8bece 100%);
  background-size: 300px 100%;
  -webkit-animation: spinner-line__animation 1.2s infinite linear;
          animation: spinner-line__animation 1.2s infinite linear; }

/**
 * StatUpdateIndicator
 */
.stat-update-indicator {
  padding-right: 2px;
  padding-left: 2px;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color .5s ease-in-out; }
  .stat-update-indicator.is-updating {
    background-color: rgba(109, 178, 247, 0.08); }

.sticky-panel__content {
  position: relative; }

.sticky-panel.is-sticky .sticky-panel__content {
  position: fixed;
  z-index: 20; }

@media (max-width: 960px) {
  .sticky-panel.is-sticky .sticky-panel__content {
    margin-top: 8px; } }

.sub-masterbar-nav__dropdown,
.sub-masterbar-nav__navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 56px 20px 28px;
  background-color: #0087be; }
  .sub-masterbar-nav__dropdown:not(.is-collapsed) .sub-masterbar-nav__select,
  .sub-masterbar-nav__navbar:not(.is-collapsed) .sub-masterbar-nav__select {
    background-color: #005082;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  @media (min-width: 661px) {
    .sub-masterbar-nav__dropdown,
    .sub-masterbar-nav__navbar {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 56px 20px 0 30px; }
      .sub-masterbar-nav__dropdown.is-collapsed,
      .sub-masterbar-nav__navbar.is-collapsed {
        height: 128px;
        overflow: hidden;
        box-sizing: border-box; } }

@media (min-width: 661px) {
  .sub-masterbar-nav__dropdown {
    display: none; } }

@media (max-width: 660px) {
  .sub-masterbar-nav__navbar {
    display: none; } }

.sub-masterbar-nav__wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: 100%; }
  .sub-masterbar-nav__dropdown:not(.is-collapsed) .sub-masterbar-nav__wrapper {
    border-top: 1px solid #00568c; }

.sub-masterbar-nav__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 660px) {
    .sub-masterbar-nav__items {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 30;
      width: 100%;
      background-color: #005082;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .sub-masterbar-nav__dropdown.is-collapsed .sub-masterbar-nav__items,
      .sub-masterbar-nav__navbar.is-collapsed .sub-masterbar-nav__items {
        display: none; } }
  @media (min-width: 661px) {
    .sub-masterbar-nav__items {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.sub-masterbar-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  background-color: transparent;
  border: 0;
  outline: 0;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: all 200ms ease-in; }
  .sub-masterbar-nav__item:hover, .sub-masterbar-nav__item:focus {
    background: #0099d8;
    color: white;
    outline: 0;
    transition: all 200ms ease-out; }
    @media (min-width: 661px) {
      .sub-masterbar-nav__item:hover, .sub-masterbar-nav__item:focus {
        -webkit-transform: translate3d(0, -2px, 0);
                transform: translate3d(0, -2px, 0); } }
  .sub-masterbar-nav__item:visited {
    color: white;
    /* Safari fix */ }
  .sub-masterbar-nav__item.is-selected {
    background-color: #005082;
    color: white;
    border-radius: 5px; }
  @media (max-width: 660px) {
    .sub-masterbar-nav__item {
      padding: 0 15px; }
      .sub-masterbar-nav__items .sub-masterbar-nav__item.is-selected {
        color: #78dcfa; } }
  @media (min-width: 661px) {
    .sub-masterbar-nav__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100px;
      height: 62px;
      margin: 0 10px 10px 0;
      font-size: 13px;
      text-align: center;
      border-radius: 5px; } }

.sub-masterbar-nav__icon {
  display: inline-block; }
  @media (max-width: 660px) {
    .sub-masterbar-nav__icon {
      margin: 0 10px 0 0; } }

.sub-masterbar-nav__label {
  text-transform: capitalize; }

@media (min-width: 661px) {
  .sub-masterbar-nav__switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 62px;
    color: #e9eff3; } }

.sub-masterbar-nav__ellipsis {
  display: block;
  outline: 0;
  cursor: pointer;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }
  .sub-masterbar-nav__ellipsis.is-open {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.sub-masterbar-nav__select {
  position: relative;
  width: 100%; }

.sub-masterbar-nav__select-icon {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #e9eff3;
  cursor: pointer;
  transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .sub-masterbar-nav__dropdown:not(.is-collapsed) .sub-masterbar-nav__select-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.suggestions__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 10; }

.suggestions__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 10px;
  background: white;
  border: 1px solid #d2dee6;
  border-top: 0px;
  font-size: 15px;
  white-space: pre-wrap;
  cursor: pointer; }
  .suggestions__item.has-highlight {
    background-color: #00aadc;
    color: white; }

.suggestions__label.is-emphasized {
  font-weight: bold; }

.textarea-autosize {
  transition: none !important; }

.thank-you-card {
  position: relative;
  width: 100%;
  max-width: 500px;
  background-color: #3a9551;
  border-radius: 8px 8px 6px 6px;
  overflow: hidden;
  margin: 12px auto 24px;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  text-align: center; }
  @media (min-width: 481px) {
    .thank-you-card {
      margin-top: 28px; } }

.thank-you-card__header {
  background-color: #4ab866;
  padding: 12px 0;
  position: relative;
  line-height: 1.2;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  z-index: 1; }
  @media (min-width: 481px) {
    .thank-you-card__header {
      padding: 32px 0 15px; } }

.thank-you-card__header-detail {
  position: relative;
  z-index: 2; }

.thank-you-card__body {
  padding: 24px; }
  @media (min-width: 481px) {
    .thank-you-card__body {
      padding: 40px; } }

.thank-you-card__main-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  position: relative;
  z-index: 2; }
  @media (min-width: 481px) {
    .thank-you-card__main-icon {
      width: 96px;
      height: 96px; } }

.thank-you-card__name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px; }
  .thank-you-card__name.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    background-color: #ddf1e2;
    margin-left: auto;
    margin-right: auto;
    width: 35%; }
    .thank-you-card__name.is-placeholder:after {
      content: '\00a0'; }

.thank-you-card__price {
  font-size: 15px;
  font-weight: 500;
  color: #ddf1e2; }
  .thank-you-card__price.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    background-color: #ddf1e2;
    margin-left: auto;
    margin-right: auto;
    width: 10%; }
    .thank-you-card__price.is-placeholder:after {
      content: '\00a0'; }

.thank-you-card__heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px; }
  @media (min-width: 481px) {
    .thank-you-card__heading {
      font-size: 22px; } }

.thank-you-card__description {
  font-size: 13px;
  font-weight: 400;
  width: 280px;
  max-width: 100%;
  margin: 0 auto 30px;
  line-height: 20px; }
  @media (min-width: 481px) {
    .thank-you-card__description {
      font-size: 15px; } }

.thank-you-card__button,
.thank-you-card__button:visited {
  display: inline-block;
  border-radius: 4px;
  background-color: white;
  color: #1e4b29;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  max-width: 280px;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  border-style: solid;
  border-color: #2c703d;
  border-width: 1px 1px 2px; }

.thank-you-card__button.is-placeholder,
.thank-you-card__button.is-placeholder:visited {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  pointer-events: none;
  background-color: #ddf1e2;
  border-color: transparent;
  border-radius: 0; }
  .thank-you-card__button.is-placeholder:after,
  .thank-you-card__button.is-placeholder:visited:after {
    content: '\00a0'; }

.thank-you-card__button:hover {
  border-color: #1e4b29;
  color: #3a9551; }

.thank-you-card__button:focus {
  color: #3a9551;
  outline: 1px dotted white; }

.thank-you-card__button:active {
  border-width: 2px 1px 1px;
  color: #1e4b29; }

@-webkit-keyframes floating {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(0) rotate(0);
            transform: translateY(0) translateX(0) rotate(0); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(5px) translateX(5px) rotate(-20deg);
            transform: translateY(5px) translateX(5px) rotate(-20deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(0) rotate(0);
            transform: translateY(0) translateX(0) rotate(0); } }

@keyframes floating {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(0) rotate(0);
            transform: translateY(0) translateX(0) rotate(0); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(5px) translateX(5px) rotate(-20deg);
            transform: translateY(5px) translateX(5px) rotate(-20deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(0) rotate(0);
            transform: translateY(0) translateX(0) rotate(0); } }

.thank-you-card__background-icons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.4); }
  .thank-you-card__background-icons .gridicon {
    position: absolute;
    opacity: 0;
    -webkit-animation: floating 10s infinite ease-in-out;
            animation: floating 10s infinite ease-in-out; }
  .thank-you-card__background-icons .gridicon:nth-child(1) {
    top: 18px;
    left: 14.8%;
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .thank-you-card__background-icons .gridicon:nth-child(2) {
    top: 118px;
    left: 67.4%;
    -webkit-animation-delay: 10s;
            animation-delay: 10s; }
  .thank-you-card__background-icons .gridicon:nth-child(3) {
    top: 108px;
    left: 86.2%;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .thank-you-card__background-icons .gridicon:nth-child(4) {
    top: 190px;
    left: 8.4%;
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .thank-you-card__background-icons .gridicon:nth-child(5) {
    top: 233px;
    left: 70.6%;
    -webkit-animation-delay: 10s;
            animation-delay: 10s; }
  .thank-you-card__background-icons .gridicon:nth-child(6) {
    top: 83px;
    left: 4.2%;
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .thank-you-card__background-icons .gridicon:nth-child(7) {
    top: 213px;
    left: 23.8%;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .thank-you-card__background-icons .gridicon:nth-child(8) {
    top: 30px;
    left: 37.8%;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .thank-you-card__background-icons .gridicon:nth-child(9) {
    top: 26px;
    left: 78.4%;
    -webkit-animation-delay: 9s;
            animation-delay: 9s; }
  .thank-you-card__background-icons .gridicon:nth-child(10) {
    top: 101px;
    left: 21%;
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .thank-you-card__background-icons .gridicon:nth-child(11) {
    top: 21px;
    left: 62%;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .thank-you-card__background-icons .gridicon:nth-child(12) {
    top: 161px;
    left: 77.6%;
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }

.theme {
  padding: 0;
  margin: 0 10px 20px 10px;
  width: 230px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  transition: all 100ms ease-in-out; }
  .theme.is-active {
    background: #00aadc; }
    .theme.is-active .theme__info {
      background: #00aadc; }
    .theme.is-active .theme__info-title {
      color: white; }
      .theme.is-active .theme__info-title:before {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(0, 170, 220, 0), #00aadc 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; }
    .theme.is-active button {
      color: white; }
      .theme.is-active button:hover {
        color: #a9e9fc; }
    .theme.is-active .price {
      color: white; }
  .theme.is-actionable .theme__img {
    cursor: pointer; }
  .theme.is-actionable:hover {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .theme.is-placeholder {
    background-color: #c8d7e1;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.theme__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white; }

.theme__info-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  color: #2e4453;
  font-size: 14px;
  font-weight: 600;
  padding: 16px 14px;
  margin: inherit;
  font-family: inherit;
  overflow: hidden;
  white-space: nowrap; }
  .theme__info-title:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.theme__badge-price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 18px 10px 0;
  color: #4ab866;
  font-size: 13px;
  font-weight: 600; }

.theme__badge-price-test {
  padding: 18px 5px; }

.theme__upsell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 16px 10px 0 0;
  color: #87a6bc; }

.theme__upsell-icon svg {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  border: 2px solid #a8bece;
  border-radius: 100%;
  display: inline-block;
  width: 22px;
  height: 22px;
  z-index: 0;
  padding: 0 1px 1px 0;
  box-sizing: border-box; }
  .theme__upsell-icon svg:hover {
    border-color: #000; }

.theme__upsell-popover {
  text-align: center; }

.theme__upsell-cta {
  margin-top: 10px; }

.theme__badge-price-upgrade {
  text-transform: uppercase;
  font-size: 80%; }

.theme__badge-active {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 18px 10px 0;
  color: #a9e9fc;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600; }

.theme__active-focus {
  opacity: 0.0;
  transition: all 200ms ease-in-out; }
  .theme__active-focus:hover {
    opacity: 1.0; }
    .theme__active-focus:hover span {
      -webkit-animation: theme__active-focus-label 150ms ease-in-out;
              animation: theme__active-focus-label 150ms ease-in-out; }
  .is-actionable .theme__active-focus {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 54px;
    width: 100%;
    padding-top: 36%;
    cursor: pointer;
    color: #87a6bc;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1); }
    .is-actionable .theme__active-focus span {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      padding: 6px 9px;
      color: #2e4453;
      background: white;
      border: 1px solid #f3f6f8;
      border-radius: 2px; }

@-webkit-keyframes theme__active-focus-label {
  0% {
    -webkit-transform: translate3d(-50%, 10px, 0);
            transform: translate3d(-50%, 10px, 0); } }

@keyframes theme__active-focus-label {
  0% {
    -webkit-transform: translate3d(-50%, 10px, 0);
            transform: translate3d(-50%, 10px, 0); } }

.theme__content {
  padding-top: 75%;
  padding-bottom: 54px;
  position: relative;
  overflow: hidden; }

.theme__img {
  position: absolute;
  top: 0;
  display: block;
  box-sizing: border-box;
  padding: 1px;
  width: 100%; }

.theme__no-screenshot {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 54px;
  width: 100%;
  padding-top: 36%;
  background: #c8d7e1; }
  .theme__no-screenshot .gridicon {
    display: block;
    margin: -5% auto;
    fill: #e9eff3; }

.theme__installing {
  background: rgba(46, 68, 83, 0.5);
  width: 100%;
  left: 0;
  top: 0;
  bottom: 54px;
  position: absolute;
  z-index: 2; }
  .theme__installing .pulsing-dot {
    top: 50%; }

.theme__more-button {
  border-left: 1px solid #f3f6f8;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  transition: all 100ms ease-in-out; }
  .theme__more-button button {
    cursor: pointer;
    color: #87a6bc;
    padding: 15px 19px;
    font-size: 20px;
    font-weight: 600;
    font-weight: bold; }
    .is-active .theme__more-button button {
      color: rgba(255, 255, 255, 0.8); }
    .accessible-focus .theme__more-button button:focus {
      z-index: 1;
      outline: solid 3px #78dcfa; }
  .theme__more-button .noticon {
    font-size: 24px;
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .theme__more-button.is-active {
    border-left-color: rgba(243, 246, 248, 0.3); }
  .theme__more-button:hover {
    background-color: rgba(243, 246, 248, 0.3); }
    .theme__more-button:hover .noticon {
      color: #00aadc; }
    .theme__more-button:hover.is-active .noticon {
      color: white; }
  .theme__more-button.is-open .noticon {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.theme__more-button-menu-item {
  text-decoration: none; }
  .theme__more-button-menu-item:visited {
    color: #2e4453; }
  .theme__more-button-menu-item:hover, .theme__more-button-menu-item:focus {
    color: white; }

.theme__ribbon {
  text-transfrom: capitalize; }

.themes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0 -10px; }
  .feature-example .themes-list {
    max-width: 1000px;
    margin: auto; }

.themes-list__spacer {
  width: 230px;
  height: 0px;
  margin: 0 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.wplink__dialog.dialog.card {
  min-width: 380px;
  z-index: 100200; }

.wplink__remove-link {
  color: #87a6bc;
  cursor: pointer;
  float: left;
  margin-right: 24px;
  text-align: left;
  padding: 7px 0 9px; }
  .wplink__remove-link:hover {
    color: #4f748e; }
  .wplink__remove-link .gridicon {
    vertical-align: bottom;
    margin-right: 5px;
    margin-bottom: -3px; }

.wplink__dialog .form-fieldset {
  margin-bottom: 8px; }

.wplink__dialog .post-selector__results {
  height: 24vh;
  max-height: none; }

@media (min-width: 661px) {
  .editor-alert-modal.dialog.card {
    max-width: 500px; } }

.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu {
  height: 36px;
  margin: 0; }
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu.mce-active,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu.mce-active {
    border-color: transparent; }
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:hover .wpcom-insert-menu__menu-label,
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:focus .wpcom-insert-menu__menu-label,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:hover .wpcom-insert-menu__menu-label,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:focus .wpcom-insert-menu__menu-label {
    color: #2e4453; }

.post-editor .mce-toolbar .mce-btn.mce-insert-menu .gridicon,
.wpcom-insert-menu__menu-icon.gridicon {
  height: 24px;
  width: 24px; }

.mce-toolbar .mce-btn.mce-insert-menu button:first-child {
  padding: 6px 11px 6px 9px; }

.mce-splitbtn.mce-insert-menu .mce-open.mce-active {
  background-color: white;
  outline: 0; }

.mce-btn.mce-insert-menu span {
  padding-left: 0; }

.mce-toolbar .mce-btn.mce-insert-menu .mce-open {
  padding: 8px 12px; }

.mce-container .wpcom-insert-menu__menu-label {
  color: #4f748e;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 13px;
  margin-left: 4px;
  margin-top: 3px; }

.wpcom-insert-menu__menu-icon {
  fill: #87a6bc; }

.mce-container.mce-menu .mce-container-body .mce-wpcom-insert-menu__menu-item {
  padding: 9px 16px;
  margin: 0;
  border: none; }
  .mce-container.mce-menu .mce-container-body .mce-wpcom-insert-menu__menu-item:hover .wpcom-insert-menu__menu-label, .mce-container.mce-menu .mce-container-body .mce-wpcom-insert-menu__menu-item:focus .wpcom-insert-menu__menu-label {
    color: #00aadc; }
  .mce-container.mce-menu .mce-container-body .mce-wpcom-insert-menu__menu-item:hover .wpcom-insert-menu__menu-icon, .mce-container.mce-menu .mce-container-body .mce-wpcom-insert-menu__menu-item:focus .wpcom-insert-menu__menu-icon {
    fill: #00aadc; }

@media (max-width: 660px) {
  .mce-container .mce-wpcom-insert-menu .wpcom-insert-menu__menu-label {
    display: none; } }

@media (min-width: 661px) {
  .wpcom-help__dialog.dialog.card {
    max-width: 700px; } }

.wpcom-help__heading {
  font-size: 24px; }

.wpcom-help__key,
.wpcom-help__action {
  border: 1px solid #c8d7e1;
  font-weight: normal;
  padding: 4px; }

.wpcom-help__key {
  width: 48px;
  text-align: center;
  border-width: 0 0 1px 0;
  font-weight: 700; }

.wpcom-help__action {
  border-width: 0 1px 1px 0; }

.wpcom-help__table {
  border: 1px solid #c8d7e1;
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.6em;
  table-layout: fixed;
  /* Prevents HTML tables from becoming too wide */ }
  .wpcom-help__table th {
    font-weight: 700; }
  .wpcom-help__table kbd {
    color: #2e4453; }

.wpcom-charmap__dialog.dialog.card {
  padding: 0 24px; }
  .wpcom-charmap__dialog.dialog.card .dialog__content {
    height: 70vh;
    margin: 0 -24px;
    padding: 16px 8px 16px 24px;
    overflow-y: auto;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    pointer-events: all; }
  .wpcom-charmap__dialog.dialog.card .dialog__action-buttons {
    margin: 0 -24px; }
  @media (min-width: 661px) {
    .wpcom-charmap__dialog.dialog.card {
      max-width: 700px; } }

.wpcom-charmap__table {
  margin: 10px 0; }

.wpcom-charmap__heading {
  font-size: 24px; }

.wpcom-charmap__character {
  border: 1px solid #e9eff3;
  margin: 0 -1px -1px 0;
  /* prevent borders from doubling up at overlap */
  font-weight: normal;
  padding: 8px;
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: 700;
  cursor: pointer; }

.wpcom-charmap__character:hover {
  background-color: #4f748e;
  color: white; }

.dialog.card.embed__modal {
  width: 80%;
  max-width: 600px; }

.embed__modal .dialog__action-buttons:before {
  background: none; }

.embed__title {
  color: #4b6476;
  font-weight: bold; }

input[type="text"].embed__url {
  margin-top: 1em; }

.editor-contact-form-modal {
  padding: 0;
  /* override color of the expanded icon on the foldable card */
  /* removes the transform on the icon when opening the foldable card */ }
  .editor-contact-form-modal .editor-contact-form-modal-fields .foldable-card.is-expanded .foldable-card__action.foldable-card__expand .gridicon {
    fill: #00aadc; }
  .editor-contact-form-modal button.foldable-card__action.foldable-card__expand .gridicon.gridicons-pencil {
    -webkit-transform: none;
            transform: none; }

.editor-contact-form-modal.dialog.card {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%; }
  @media (min-width: 661px) {
    .editor-contact-form-modal.dialog.card {
      top: 5%;
      bottom: 5%;
      left: 50%;
      margin-left: -275px;
      width: 550px; } }

.editor-contact-form-modal .dialog__content {
  position: static;
  color: #2e4453; }

.editor-contact-form-modal .section-nav {
  z-index: 10;
  padding: 0 16px; }
  @media (min-width: 661px) {
    .editor-contact-form-modal .section-nav {
      padding: 0; } }

.editor-contact-form-modal .dialog__action-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0; }

.editor-contact-form-modal__secondary-actions {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px; }

.editor-contact-form-modal-fields,
.editor-contact-form-modal-settings {
  padding: 16px 24px 5px;
  top: 76px;
  bottom: 74px;
  left: 0;
  right: 0;
  overflow-y: auto;
  position: absolute; }

.editor-contact-form-modal-fields .card {
  border-radius: 4px; }

.editor-contact-form-modal-settings .section-header {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.editor-contact-form-modal-settings .card:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.editor-contact-form-modal-field__remove {
  color: #c8d7e1;
  cursor: pointer;
  transition: color 200ms; }
  .editor-contact-form-modal-field__remove:hover {
    color: #d54e21; }

.editor-contact-form-modal-field__edit-wrapper {
  height: 100%; }

.editor-contact-form-modal-field__edit-wrapper-button {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px; }

.editor-contact-form-modal-field__edit-wrapper.foldable-card__expand .editor-contact-form-modal-field__edit {
  width: 100%;
  padding-bottom: 6px; }
  .editor-contact-form-modal-field__edit-wrapper.foldable-card__expand .editor-contact-form-modal-field__edit.is-expanded {
    -webkit-transform: rotate(0);
            transform: rotate(0); }

.mce-container .mentions__container {
  position: absolute; }

.mentions__suggestions {
  width: 70%; }
  .mentions__suggestions .popover__arrow {
    display: none; }
  @media (min-width: 481px) {
    .mentions__suggestions {
      width: 20%;
      min-width: 29em; } }

.mentions__suggestion {
  padding: 8px 10px; }
  .mentions__suggestion.is-selected .mentions__highlight,
  .mentions__suggestion:hover .mentions__highlight {
    color: white; }
  .rtl .mentions__suggestion {
    direction: ltr; }
  @media (min-width: 481px) {
    .mentions__suggestion {
      line-height: 24px; } }

.mentions__avatar {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  float: left;
  margin: 0 10px 0 0; }

.mentions__username,
.mentions__fullname {
  float: left;
  display: inline-block;
  font-weight: 400; }

.mentions__username {
  padding-top: 10px;
  margin: -10px 0 0 0; }

.mentions__fullname {
  clear: left;
  margin-left: 34px;
  font-size: 11px; }
  @media (min-width: 481px) {
    .mentions__fullname {
      float: right;
      clear: none;
      margin-left: 0; } }

.mentions__highlight {
  font-weight: 400;
  background: rgba(120, 220, 250, 0.25); }

.editor-simple-payments-modal.dialog.card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: none; }
  @media (min-width: 661px) {
    .editor-simple-payments-modal.dialog.card {
      top: 5%;
      bottom: 5%;
      left: 5%;
      right: 5%;
      width: 90%; } }
  @media (min-width: 961px) {
    .editor-simple-payments-modal.dialog.card {
      left: 12.5%;
      right: 12.5%;
      width: 75%; } }

@media (max-width: 660px) {
  .editor-simple-payments-modal .header-cake.card {
    margin-top: 0; } }

.editor-simple-payments-modal .dialog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-height: 0;
  padding: 0; }

.editor-simple-payments-modal .dialog__action-buttons {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0; }

.editor-simple-payments-modal .notice {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 0; }

.editor-simple-payments-modal .empty-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  overflow-y: auto;
  padding: 16px; }
  @media (min-width: 481px) {
    .editor-simple-payments-modal .empty-content {
      padding: 24px; } }

.editor-simple-payments-modal .empty-content__illustration {
  margin-bottom: 16px;
  min-height: 0; }

.editor-simple-payments-modal .empty-content.has-title-only .empty-content__title {
  margin-bottom: 16px; }

.editor-simple-payments-modal .upgrade-nudge.card.editor-simple-payments-modal__nudge-nudge {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left; }

.editor-simple-payments-modal .empty-content__action {
  margin-top: 16px; }

.editor-simple-payments-modal .upgrade-jetpack .empty-content__illustration {
  margin-bottom: -35px;
  min-height: 0; }

.editor-simple-payments-modal .upgrade-jetpack .banner {
  text-align: left;
  text-decoration: none; }

.editor-simple-payments-modal__nudge-nudge {
  text-decoration: none; }

.editor-simple-payments-modal__navigation.card {
  height: 48px;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  z-index: 1; }

.editor-simple-payments-modal__form {
  padding: 16px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow-y: auto; }
  @media (min-width: 481px) {
    .editor-simple-payments-modal__form {
      padding: 24px; } }
  @media (min-width: 661px) {
    .editor-simple-payments-modal__form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .editor-simple-payments-modal__form .upload-image {
        margin-right: 25px; } }
  .editor-simple-payments-modal__form .upload-image {
    margin-bottom: 20px; }

.editor-simple-payments-modal__product-image {
  width: 200px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
  background-color: #f3f6f8;
  box-shadow: inset 0 0 0 1px #d9e3ea; }
  @media (min-width: 661px) {
    .editor-simple-payments-modal__product-image {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin-right: 24px; } }

@media (min-width: 661px) {
  .editor-simple-payments-modal__form-fields {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto; } }

.editor-simple-payments-modal__list {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow-y: auto; }

.editor-simple-payments-modal__list-item.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .editor-simple-payments-modal__list-item.card .form-radio {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0;
    margin-right: 24px; }
  .editor-simple-payments-modal__list-item.card .editor-simple-payments-modal__figure {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-left: 16px;
    height: 40px;
    width: 40px; }
  .editor-simple-payments-modal__list-item.card.is-placeholder {
    padding-left: 64px;
    padding-right: 72px; }
  .editor-simple-payments-modal__list-item.card .placeholder-text {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .editor-simple-payments-modal__list-item.card .placeholder-text:after {
      content: '\00a0'; }

.editor-simple-payments-modal__list-label {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 0;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: bold; }

.editor-simple-payments-modal__list-name {
  white-space: nowrap;
  overflow: hidden;
  position: relative; }
  .editor-simple-payments-modal__list-name::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.editor-simple-payments-modal__list-menu {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 16px; }

.editor-simple-payments-modal__figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #a8bece;
  background-color: #e9eff3; }
  .editor-simple-payments-modal__figure.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .editor-simple-payments-modal__figure.is-placeholder:after {
      content: '\00a0'; }

.editor-simple-payments-modal__image {
  max-width: 100%;
  max-height: 100%; }

.tinymce {
  display: none; }
  .tinymce.is-visible {
    display: block; }

.mce-container.mce-tinymce {
  max-width: 700px;
  margin: 0 auto; }
  .mce-container.mce-tinymce > .mce-container-body:after {
    margin-top: 1px;
    transition: width 0.2s; }
    @media (max-width: 660px) {
      .mce-container.mce-tinymce > .mce-container-body:after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto;
        height: 44px; } }
    @media (min-width: 661px) and (max-width: 960px) {
      .mce-container.mce-tinymce > .mce-container-body:after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto;
        right: 1px;
        height: 36px; } }
  .mce-container.mce-tinymce > .mce-container-body.is-scrolled-full:after {
    width: 0; }
  .mce-container.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp, .mce-container.mce-tinymce.is-pinned > .mce-container-body:after {
    position: fixed;
    top: 94px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0; }
    .focus-sidebar .mce-container.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp, .focus-sidebar .mce-container.mce-tinymce.is-pinned > .mce-container-body:after {
      width: calc( 100% - ( 273px ));
      margin: 0; }
      @media (min-width: 661px) and (max-width: 960px) {
        .focus-sidebar .mce-container.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp, .focus-sidebar .mce-container.mce-tinymce.is-pinned > .mce-container-body:after {
          width: calc( 100% - ( 229px )); } }
  .mce-container.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-container {
    padding-left: 1px;
    padding-right: 1px; }

.post-editor div.mce-toolbar-grp,
.mce-inline-toolbar-grp div.mce-toolbar-grp {
  background-color: rgba(255, 255, 255, 0.92);
  border-color: #d9e3ea;
  border-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  padding: 0;
  overflow-x: auto;
  margin: 0 auto; }
  @media screen and (max-width: 700px) {
    .post-editor div.mce-toolbar-grp,
    .mce-inline-toolbar-grp div.mce-toolbar-grp {
      border-left-width: 0;
      border-right-width: 0; } }
  @media screen and (max-width: 928px) {
    .focus-sidebar .post-editor div.mce-toolbar-grp, .focus-sidebar
    .mce-inline-toolbar-grp div.mce-toolbar-grp {
      border-left-width: 0;
      border-right-width: 0; } }

.post-editor .mce-toolbar .mce-ico,
.mce-inline-toolbar-grp .mce-toolbar .mce-ico {
  color: #4f748e; }

.post-editor .mce-toolbar .mce-btn .gridicon,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn .gridicon {
  fill: #4f748e; }

.post-editor .mce-colorbutton .mce-preview,
.mce-inline-toolbar-grp .mce-colorbutton .mce-preview {
  background-color: #2e4453; }

.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
  margin: 0 2px 0 0;
  padding: 0 8px;
  vertical-align: top;
  border-left: 1px solid #e9eff3;
  border-right: 1px solid #e9eff3;
  height: 36px; }
  @media (max-width: 660px) {
    .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,
    .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
      border-right-color: white;
      border-left-color: white;
      padding: 2px 0; } }

.post-editor .mce-toolbar .mce-btn-group .mce-btn:hover,
.post-editor .mce-toolbar .mce-btn-group .mce-btn:focus,
.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:hover,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:focus,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
  box-shadow: none;
  border-color: transparent; }

.post-editor .mce-toolbar .mce-btn-group .mce-btn:hover .mce-ico,
.post-editor .mce-toolbar .mce-btn-group .mce-btn:focus .mce-ico,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:hover .mce-ico,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:focus .mce-ico {
  color: #2e4453; }

.post-editor .mce-toolbar .mce-btn-group .mce-btn:hover .gridicon,
.post-editor .mce-toolbar .mce-btn-group .mce-btn:focus .gridicon,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:hover .gridicon,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:focus .gridicon {
  fill: #2e4453; }

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-start:not(:first-child)::before,
.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(:last-child)::after {
  content: '';
  position: absolute;
  top: -6px;
  bottom: -6px;
  width: 1px;
  background-color: #c8d7e1; }

.mce-toolbar .mce-btn-group .mce-btn.mce-hidden {
  display: none; }

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-start:not(:first-child) {
  margin-left: 9px; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-start:not(:first-child)::before {
    left: -7px; }

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(:last-child) {
  margin-right: 9px; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(:last-child)::after {
    right: -7px; }

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(.mce-hidden) + .mce-btn.mce-toolbar-segment-start {
  margin-left: 2px; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(.mce-hidden) + .mce-btn.mce-toolbar-segment-start::before {
    display: none; }

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-decrease {
  margin-right: 0; }

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-increase {
  margin-left: 0; }

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-increase .dashicons-plus::before {
  display: inline-block;
  margin-top: 2px; }

.mce-tooltip {
  opacity: 1 !important; }

.mce-tooltip-inner {
  box-shadow: none !important;
  background: #2e4453 !important;
  color: white !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
  padding: 4px 8px 5px !important; }

.mce-tooltip-arrow {
  border-bottom-color: #2e4453 !important; }

.mce-toolbar .mce-btn {
  display: inline-block;
  vertical-align: middle; }

.mce-toolbar .mce-btn-group .mce-btn.mce-wpcom-icon-button {
  margin: 0;
  border: 0; }

.mce-toolbar .mce-btn-group .mce-btn.mce-wpcom-icon-button button {
  color: #4f748e;
  height: 38px;
  padding: 0 8px;
  margin-top: 0px;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto; }

.mce-toolbar .mce-btn-group .mce-btn.mce-wpcom-icon-button .gridicon {
  fill: #4f748e; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-wpcom-icon-button .gridicon:hover {
    fill: #2e4453; }

@media (min-width: 661px) {
  .mce-toolbar .mce-btn-group .mce-wpcom-icon-button.mce-media button {
    font-size: 13px; } }

.mce-toolbar .mce-btn-group .mce-wpcom-icon-button.mce-contact-form .gridicon,
.mce-toolbar .mce-btn-group .mce-wpcom-icon-button.mce-media .gridicon {
  width: 20px;
  margin-right: 4px; }

.mce-toolbar .mce-btn-group .mce-wpcom-icon-button.mce-contact-form .gridicon {
  margin-left: 4px; }

.mce-toolbar .mce-advanced button {
  transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.mce-toolbar .mce-advanced .gridicon {
  width: 28px;
  height: 28px; }

.mce-toolbar .mce-active.mce-advanced button {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.mce-toolbar .mce-advanced.mce-btn button {
  display: none; }
  @media (min-width: 961px) {
    .mce-toolbar .mce-advanced.mce-btn button {
      display: block; } }

.mce-toolbar .mce-btn-group .mce-advanced.mce-btn.mce-last {
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  right: 8px; }

/*------------------------------------------------------------------------------
	TinyMCE and Quicklinks toolbars
------------------------------------------------------------------------------*/
/* TinyMCE widgets/containers */
.mce-container,
.mce-container *,
.mce-widget,
.mce-widget * {
  color: inherit;
  font-family: inherit; }

/* TinyMCE windows */
#mce-modal-block,
#mce-modal-block.mce-fade {
  opacity: 0.7;
  filter: alpha(opacity=70);
  transition: none; }

.mce-window {
  border-radius: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  transition: none; }

.mce-window .mce-container-body.mce-abs-layout {
  overflow: visible; }

.mce-window .mce-window-head {
  background: #fcfcfc;
  border-bottom: 1px solid #dfdfdf;
  padding: 0;
  min-height: 36px; }

.mce-window .mce-window-head .mce-title {
  color: #444;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  margin: 0;
  padding: 0 36px 0 16px; }

.mce-window .mce-window-head .mce-close {
  color: transparent;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center; }

.mce-window .mce-window-head .mce-close:before {
  font: normal 20px/36px dashicons;
  text-align: center;
  color: #666;
  width: 36px;
  height: 36px;
  display: block; }

.mce-window .mce-window-head .mce-close:hover:before {
  color: #00a0d2; }

.mce-window .mce-window-head .mce-dragh {
  width: calc( 100% - 36px); }

.mce-wp-help .mce-window-head {
  border-bottom: none; }

.mce-textbox,
.mce-checkbox i.mce-i-checkbox {
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
  transition: .05s all ease-in-out; }

.mce-textbox:focus,
.mce-textbox.mce-focus,
.mce-checkbox:focus i.mce-i-checkbox {
  border-color: #5b9dd9;
  box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); }

/* TinyMCE menus */
.mce-container.mce-menu,
.mce-container .mce-floatpanel.mce-popover {
  z-index: auto !important;
  background-color: white;
  border: 1px solid #c8d7e1;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
  padding: 0;
  margin: 0; }

.mce-floatpanel.mce-popover.mce-bottom {
  margin-top: 2px; }

.mce-floatpanel .mce-arrow {
  display: none; }

.mce-menu .mce-container-body {
  min-width: 160px; }

.mce-menu-item {
  border: none;
  margin-bottom: 2px; }

.mce-menu-has-icons i.mce-ico {
  line-height: 20px; }

/* TinyMCE panel */
div.mce-panel {
  border: 0;
  background: #fff;
  clear: both;
  -webkit-filter: none;
          filter: none; }

.mce-container .mce-panel.mce-menu {
  border: 1px solid #c8d7e1; }

.mce-container .mce-menu-item .mce-text {
  color: #2e4453; }

div.mce-tab {
  line-height: 13px; }

/* TinyMCE toolbars */
div.mce-toolbar-grp {
  border-bottom: 1px solid #dedede;
  background: #f5f5f5;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

div.mce-inline-toolbar-grp {
  background-color: white;
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
  box-sizing: border-box;
  margin-bottom: 8px;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 100100;
  /* Same as the other TinyMCE "panels" */
  max-width: 98%; }

div.mce-inline-toolbar-grp > .mce-container-body {
  overflow-x: auto; }

div.mce-inline-toolbar-grp.is-scrollable > .mce-container-body:not(.is-scrolled-full)::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

div.mce-inline-toolbar-grp > div.mce-stack-layout {
  padding: 1px; }

div.mce-inline-toolbar-grp.mce-arrow-up {
  margin-bottom: 0;
  margin-top: 8px; }

div.mce-inline-toolbar-grp:before,
div.mce-inline-toolbar-grp:after {
  position: absolute;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  content: ''; }

div.mce-inline-toolbar-grp.mce-arrow-up:before {
  top: -18px;
  border-bottom-color: #c8d7e1;
  border-width: 9px;
  margin-left: -9px; }

div.mce-inline-toolbar-grp.mce-arrow-down:before {
  bottom: -18px;
  border-top-color: #c8d7e1;
  border-width: 9px;
  margin-left: -9px; }

div.mce-inline-toolbar-grp.mce-arrow-up:after {
  top: -16px;
  border-bottom-color: white;
  border-width: 8px;
  margin-left: -8px; }

div.mce-inline-toolbar-grp.mce-arrow-down:after {
  bottom: -16px;
  border-top-color: white;
  border-width: 8px;
  margin-left: -8px; }

div.mce-inline-toolbar-grp.mce-arrow-left:before,
div.mce-inline-toolbar-grp.mce-arrow-left:after {
  margin: 0; }

div.mce-inline-toolbar-grp.mce-arrow-left:before {
  left: 20px; }

div.mce-inline-toolbar-grp.mce-arrow-left:after {
  left: 21px; }

div.mce-inline-toolbar-grp.mce-arrow-right:before,
div.mce-inline-toolbar-grp.mce-arrow-right:after {
  left: auto;
  margin: 0; }

div.mce-inline-toolbar-grp.mce-arrow-right:before {
  right: 20px; }

div.mce-inline-toolbar-grp.mce-arrow-right:after {
  right: 21px; }

div.mce-inline-toolbar-grp.mce-arrow-full {
  right: 0; }

div.mce-inline-toolbar-grp.mce-arrow-full > div {
  width: 100%;
  overflow-x: auto; }

.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
  padding-right: 32px; }

.mce-toolbar .mce-btn-group,
.mce-inline-toolbar-grp .mce-flow-layout-item.mce-last {
  margin: 0; }

@media (min-width: 961px) {
  .mce-tinymce .mce-stack-layout-item.mce-last {
    border-top: 1px solid #e9eff3; } }

.mce-tinymce .mce-edit-area.mce-stack-layout-item.mce-last {
  border-top: 0; }

.mce-toolbar-grp .mce-stack-layout-item {
  display: inline-block;
  overflow: hidden; }
  @media (min-width: 961px) {
    .mce-toolbar-grp .mce-stack-layout-item {
      display: block; } }

.mce-stack-layout-item.mce-last.mce-first {
  margin-top: 0; }

div.mce-statusbar {
  border-top: 1px solid #c8d7e1; }

div.mce-path {
  padding: 8px 16px;
  margin: 0; }

.post-editor .mce-path-item {
  color: #4f748e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.mce-path .mce-divider {
  visibility: hidden; }
  .mce-path .mce-divider::before {
    font-size: 20px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    color: #87a6bc;
    margin: 0 -8px 0 4px;
    visibility: visible; }

.mce-path,
.mce-path-item,
.mce-path .mce-divider {
  font-size: 12px;
  line-height: 18px; }

.mce-toolbar .mce-btn,
.qt-dfw {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  text-shadow: none;
  cursor: pointer; }

#wp-fullscreen-buttons .mce-btn,
.mce-toolbar .mce-btn-group .mce-btn,
.qt-dfw {
  margin: 4px 2px;
  border: 1px solid transparent;
  background-image: none;
  border-radius: 0;
  -webkit-filter: none;
          filter: none; }
  @media (max-width: 480px) {
    #wp-fullscreen-buttons .mce-btn,
    .mce-toolbar .mce-btn-group .mce-btn,
    .qt-dfw {
      margin: 0; } }

#wp-fullscreen-buttons .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:hover,
#wp-fullscreen-buttons .mce-btn:focus,
.mce-toolbar .mce-btn-group .mce-btn:focus,
.qt-dfw:hover,
.qt-dfw:focus {
  background: transparent;
  border-color: transparent;
  color: #2e4453;
  box-shadow: none;
  outline: none; }

.mce-toolbar .mce-btn-group .mce-btn.mce-active,
#wp-fullscreen-buttons .mce-btn.mce-active,
.mce-toolbar .mce-btn-group .mce-btn:active,
#wp-fullscreen-buttons .mce-btn:active,
.qt-dfw.active {
  color: #2e4453;
  border-color: #c8d7e1;
  background: white;
  box-shadow: none; }

.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
  border-color: #c8d7e1;
  color: #2e4453; }

.mce-toolbar .mce-btn-group .mce-btn.mce-active i.mce-ico,
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
  color: #2e4453; }

.mce-toolbar .mce-btn-group .mce-btn.mce-disabled i.mce-ico {
  color: #a8bece; }

.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
#wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
#wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
  color: #87a6bc;
  background: none;
  border-color: white;
  text-shadow: none;
  box-shadow: none; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover i.mce-ico,
  #wp-fullscreen-buttons .mce-btn.mce-disabled:hover i.mce-ico,
  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus i.mce-ico,
  #wp-fullscreen-buttons .mce-btn.mce-disabled:focus i.mce-ico {
    color: #87a6bc; }

.mce-toolbar .mce-btn-group .mce-first,
.mce-toolbar .mce-btn-group .mce-last {
  border-color: transparent; }

.mce-toolbar .mce-btn button,
.qt-dfw {
  padding: 4px;
  line-height: normal; }

.mce-toolbar .mce-btn i {
  text-shadow: none; }

.mce-toolbar .mce-btn-group > div {
  white-space: nowrap; }
  @media (min-width: 961px) {
    .mce-toolbar .mce-btn-group > div {
      margin-right: 32px;
      white-space: normal; } }

.mce-toolbar .mce-flow-layout-item.mce-btn-group > div {
  margin-right: 0; }

.mce-toolbar .mce-btn .mce-open {
  padding-right: 8px;
  padding-left: 6px;
  border-right: 0; }

.mce-toolbar .mce-colorbutton .mce-preview {
  margin: 0;
  padding: 0;
  top: auto;
  bottom: 2px;
  left: 3px;
  height: 3px;
  width: 20px; }

/* mce listbox */
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
  margin-right: 0; }

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox.mce-active {
  border-color: white;
  border-right: 1px solid #e9eff3; }

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
  padding-right: 20px;
  height: 34px;
  width: auto;
  min-width: 110px;
  text-align: left; }
  @media (max-width: 660px) {
    .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
      margin-top: 5px; } }

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox button .mce-txt {
  width: auto;
  padding: 0;
  color: #4f748e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 13px;
  text-overflow: initial; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button .mce-txt:hover {
    color: #2e4453; }

.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
  background-image: none;
  border-left-color: #e9eff3;
  border-right-color: #e9eff3; }
  @media (max-width: 660px) {
    .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
      border-right-color: white;
      border-left-color: white; } }
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover i.mce-caret {
    color: #2e4453; }

.mce-panel .mce-btn i.mce-caret {
  top: 5px;
  right: 18px;
  margin: 2px 0 0 -13px /*rtl:ignore*/;
  border: none;
  color: #87a6bc; }
  .mce-panel .mce-btn i.mce-caret::before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }

.mce-panel .mce-btn.mce-listbox i.mce-caret {
  margin: 4px -2px 0 0; }

.mce-panel .mce-btn:hover i.mce-caret {
  border-top-color: #32373c; }

.mce-panel .mce-active i.mce-caret::before {
  content: '\f432'; }

.mce-listbox.mce-active i.mce-caret {
  margin-top: -3px; }

@media (max-width: 660px) {
  .mce-panel .mce-btn.mce-listbox i.mce-caret {
    top: 6px; }
  .mce-listbox.mce-active i.mce-caret {
    margin-top: -1px; } }

.mce-toolbar .mce-splitbtn:hover .mce-open {
  border-right-color: transparent; }

.mce-toolbar .mce-splitbtn .mce-open.mce-active {
  box-shadow: none; }

.mce-menu .mce-menu-item-normal.mce-active {
  background-color: #00aadc;
  color: white;
  -webkit-filter: none;
          filter: none; }

.mce-menu .mce-menu-item-normal.mce-active .mce-text {
  color: white; }

.mce-container.mce-menu .mce-menu-item:hover,
.mce-container.mce-menu .mce-menu-item.mce-selected,
.mce-container.mce-menu .mce-menu-item:focus {
  color: #00aadc;
  background-color: white;
  background-image: none;
  -webkit-filter: none;
          filter: none; }

.mce-container.mce-menu .mce-menu-item:hover .mce-ico,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-ico,
.mce-container.mce-menu .mce-menu-item:focus .mce-ico,
.mce-container.mce-menu .mce-menu-item:hover .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-active:hover .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-text {
  color: #00aadc; }

.mce-container.mce-menu .mce-menu-item.mce-active:hover {
  background: #00aadc; }

.mce-container.mce-menu .mce-menu-item.mce-active:hover .mce-text {
  color: white; }

/* Menubar */
.mce-menubar {
  border-color: #e5e5e5;
  background: #fff;
  border-width: 0px 0px 1px; }

.mce-menubar .mce-btn:focus {
  outline: 0; }

div.mce-menu .mce-menu-item-sep,
.mce-menu-item-sep:hover {
  margin: 5px 0 4px; }

.mce-menubtn span {
  margin-right: 0;
  padding-left: 3px; }

.mce-menu-has-icons i.mce-ico:before {
  margin-left: -2px; }

/* Buttons in modals */
.mce-primary button,
.mce-primary button i {
  text-align: center;
  color: #fff;
  text-shadow: none;
  padding: 0;
  line-height: 26px; }

.mce-window .mce-btn {
  color: #555;
  background: #f7f7f7;
  text-decoration: none;
  font-size: 13px;
  line-height: 26px;
  height: 28px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
  background-image: none; }

/* Remove the dotted border on :focus and the extra padding in Firefox */
.mce-window .mce-btn::-moz-focus-inner {
  border-width: 1px 0;
  border-style: solid none;
  border-color: transparent;
  padding: 0; }

.mce-window .mce-btn:hover,
.mce-window .mce-btn:focus {
  background: #fafafa;
  border-color: #999;
  color: #23282d; }

.mce-window .mce-btn:focus {
  box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }

.mce-window .mce-btn:active {
  background: #eee;
  border-color: #999;
  color: #32373c;
  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); }

.mce-window .mce-btn.mce-disabled {
  color: #a0a5aa;
  border-color: #ddd;
  background: #f7f7f7;
  box-shadow: none;
  text-shadow: 0 1px 0 #fff;
  cursor: default; }

.mce-window .mce-btn.mce-primary {
  background: #00a0d2;
  border-color: #0073aa;
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  text-decoration: none; }

.mce-window .mce-btn.mce-primary:hover,
.mce-window .mce-btn.mce-primary:focus {
  background: #1e8cbe;
  border-color: #0073aa;
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
  color: #fff; }

.mce-window .mce-btn.mce-primary:focus {
  border-color: #0e3950;
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }

.mce-window .mce-btn.mce-primary:active {
  background: #1b7aa6;
  border-color: #005684;
  color: rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  vertical-align: top; }

.mce-window .mce-btn.mce-primary.mce-disabled {
  color: #94cde7;
  background: #298cba;
  border-color: #1b607f;
  box-shadow: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  cursor: default; }

/* TinyMCE tooltips */
.mce-tooltip {
  margin-top: 2px; }

.mce-tooltip-inner {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px; }

/* TinyMCE icons */
.mce-ico {
  font-family: tinymce, Arial, sans-serif; }

.mce-btn-small .mce-ico {
  font-family: "tinymce-small", Arial, sans-serif; }

.mce-toolbar .mce-ico {
  color: #777;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  text-shadow: none;
  margin: 0;
  padding: 0; }

.qt-dfw {
  color: #777;
  line-height: 20px;
  width: 28px;
  height: 26px;
  text-align: center;
  text-shadow: none; }

.mce-toolbar .mce-btn .mce-open {
  line-height: 20px; }

.mce-toolbar .mce-btn:hover .mce-open,
.mce-toolbar .mce-btn:focus .mce-open,
.mce-toolbar .mce-btn.mce-active .mce-open {
  border-left-color: #e9eff3; }

i.mce-i-bold,
i.mce-i-italic,
i.mce-i-bullist,
i.mce-i-numlist,
i.mce-i-blockquote,
i.mce-i-alignleft,
i.mce-i-aligncenter,
i.mce-i-alignright,
i.mce-i-link,
i.mce-i-unlink,
i.mce-i-wp_more,
i.mce-i-strikethrough,
i.mce-i-spellchecker,
i.mce-i-fullscreen,
i.mce-i-wp_fullscreen,
i.mce-i-dfw,
i.mce-i-wp_adv,
i.mce-i-underline,
i.mce-i-alignjustify,
i.mce-i-forecolor,
i.mce-i-backcolor,
i.mce-i-pastetext,
i.mce-i-pasteword,
i.mce-i-removeformat,
i.mce-i-charmap,
i.mce-i-outdent,
i.mce-i-indent,
i.mce-i-undo,
i.mce-i-redo,
i.mce-i-help,
i.mce-i-wp_help,
i.mce-i-wp-media-library,
i.mce-i-ltr,
i.mce-i-wp_page,
i.mce-i-hr,
i.mce-i-wp_code,
i.mce-i-dashicon,
.mce-close,
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox button::before {
  font: normal 20px/1 'dashicons';
  padding: 0;
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: -2px;
  padding-right: 2px; }

.qt-dfw {
  font: normal 20px/1 'dashicons';
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

i.mce-i-bold:before {
  content: '\f200'; }

i.mce-i-italic:before {
  content: '\f201'; }

i.mce-i-bullist:before {
  content: '\f203'; }

i.mce-i-numlist:before {
  content: '\f204'; }

i.mce-i-blockquote:before {
  content: '\f205'; }

i.mce-i-alignleft:before {
  content: '\f206'; }

i.mce-i-aligncenter:before {
  content: '\f207'; }

i.mce-i-alignright:before {
  content: '\f208'; }

i.mce-i-link:before {
  content: '\f103'; }

i.mce-i-unlink:before {
  content: '\f225'; }

i.mce-i-wp_more:before {
  content: '\f209'; }

i.mce-i-strikethrough:before {
  content: '\f224'; }

i.mce-i-spellchecker:before {
  content: '\f210'; }

i.mce-i-fullscreen:before,
i.mce-i-wp_fullscreen:before,
i.mce-i-dfw:before,
.qt-dfw:before {
  content: '\f211'; }

i.mce-i-wp_adv:before {
  content: '\f212'; }

i.mce-i-underline:before {
  content: '\f213'; }

i.mce-i-alignjustify:before {
  content: '\f214'; }

i.mce-i-forecolor:before,
i.mce-i-backcolor:before {
  content: '\f215'; }

i.mce-i-pastetext:before {
  content: '\f217'; }

i.mce-i-removeformat:before {
  content: '\f218'; }

i.mce-i-charmap:before {
  content: '\f220'; }

i.mce-i-outdent:before {
  content: '\f221'; }

i.mce-i-indent:before {
  content: '\f222'; }

i.mce-i-undo:before {
  content: '\f171'; }

i.mce-i-redo:before {
  content: '\f172'; }

i.mce-i-help:before,
i.mce-i-wp_help:before {
  content: '\f223'; }

i.mce-i-wp-media-library:before {
  content: '\f104'; }

i.mce-i-ltr:before {
  content: '\f320'; }

i.mce-i-wp_page:before {
  content: '\f105'; }

i.mce-i-hr:before {
  content: '\f460'; }

.mce-close:before {
  content: '\f158'; }

i.mce-i-wp_code:before {
  content: '\f475'; }

/* RTL button icons */
.rtl i.mce-i-outdent:before {
  content: '\f222'; }

.rtl i.mce-i-indent:before {
  content: '\f221'; }

/* Editors */
.wp-editor-wrap {
  position: relative; }

.wp-editor-tools {
  position: relative;
  z-index: 1; }

.wp-editor-tools:after {
  clear: both;
  content: '';
  display: table; }

.wp-editor-container {
  clear: both; }

.wp-editor-area {
  font-family: Consolas, Monaco, monospace;
  font-size: 13px;
  padding: 10px;
  margin: 1px 0 0;
  line-height: 150%;
  border: 0 none;
  outline: none;
  display: block;
  resize: vertical;
  box-sizing: border-box; }

.rtl .wp-editor-area {
  font-family: Tahoma, Monaco, monospace; }

.locale-he-il .wp-editor-area {
  font-family: Arial, Monaco, monospace; }

.wp-editor-container textarea.wp-editor-area {
  width: 100%;
  margin: 0;
  box-shadow: none; }

.wp-editor-tabs {
  float: right; }

.wp-switch-editor {
  float: left;
  box-sizing: content-box;
  position: relative;
  top: 1px;
  background: #ebebeb;
  color: #777;
  cursor: pointer;
  font: 13px/19px "Open Sans", Helvetica, Arial, sans-serif;
  height: 20px;
  margin: 5px 0 0 5px;
  padding: 3px 8px 4px;
  border: 1px solid #e5e5e5; }

.wp-switch-editor:focus {
  box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
  outline: none;
  color: #23282d; }

.wp-switch-editor:active,
.html-active .switch-html:focus,
.tmce-active .switch-tmce:focus {
  box-shadow: none; }

.wp-switch-editor:active {
  background-color: #f5f5f5;
  box-shadow: none; }

.js .tmce-active .wp-editor-area {
  color: white; }

.tmce-active .quicktags-toolbar {
  display: none; }

.tmce-active .switch-tmce,
.html-active .switch-html {
  background: #f5f5f5;
  color: #555;
  border-bottom-color: #f5f5f5; }

.wp-media-buttons {
  float: left; }

.wp-media-buttons .button {
  margin-right: 5px;
  margin-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px; }

.wp-media-buttons .button:active {
  position: relative;
  top: 1px;
  margin-top: -1px;
  margin-bottom: 1px; }

.wp-media-buttons .insert-media {
  padding-left: 5px; }

.wp-media-buttons a {
  text-decoration: none;
  color: #464646;
  font-size: 12px; }

.wp-media-buttons img {
  padding: 0 4px;
  vertical-align: middle; }

.wp-media-buttons span.wp-media-buttons-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-top;
  margin: 0 2px; }

.wp-media-buttons .add_media span.wp-media-buttons-icon {
  background: none; }

.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  font: normal 18px/1 'dashicons';
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  content: '\f104'; }

/* Quicktags */
.quicktags-toolbar {
  padding: 3px;
  position: relative;
  border-bottom: 1px solid #dedede;
  background: #f5f5f5; }

.has-dfw .quicktags-toolbar {
  padding-right: 35px; }

.wp-core-ui .quicktags-toolbar input.button.button-small {
  margin: 2px; }

.quicktags-toolbar input[value="link"] {
  text-decoration: underline; }

.quicktags-toolbar input[value="del"] {
  text-decoration: line-through; }

.quicktags-toolbar input[value="i"] {
  font-style: italic; }

.quicktags-toolbar input[value="b"] {
  font-weight: bold; }

.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
.qt-dfw {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px 5px 0 0; }

.qt-fullscreen {
  position: static;
  margin: 2px; }

.mce-toolbar-grp .mce-container-body {
  position: relative; }

.mce-tinymce .mce-btn-group .mce-btn.mce-last {
  position: absolute;
  right: 0; }
  @media (max-width: 960px) {
    .mce-tinymce .mce-btn-group .mce-btn.mce-last {
      position: relative;
      right: inherit; } }

@media (max-width: 660px) {
  .mce-toolbar .mce-btn button,
  .qt-dfw {
    padding: 6px; }
  #wp-fullscreen-buttons .mce-btn,
  .mce-toolbar .mce-btn-group .mce-btn {
    margin: 6px 4px; }
  .qt-dfw {
    width: 36px;
    height: 34px; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
    margin: 4px 4px 0 0; }
  .mce-toolbar .mce-colorbutton .mce-preview {
    left: 8px;
    bottom: 6px; }
  .mce-window .mce-btn {
    padding: 2px 0; }
  .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
  .has-dfw .quicktags-toolbar {
    padding-right: 40px; } }

@media (max-width: 660px) {
  .wp-core-ui .quicktags-toolbar input.button.button-small {
    /* .button-small is normaly 11px, but a bit too small for these buttons. */
    font-size: 12px;
    height: 26px;
    line-height: 24px; } }

#wp_editbtns,
#wp_gallerybtns {
  padding: 2px;
  position: absolute;
  display: none;
  z-index: 100020; }

#wp_editimgbtn,
#wp_delimgbtn,
#wp_editgallery,
#wp_delgallery {
  border-color: #999;
  background-color: #eee;
  margin: 2px;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; }

#wp_editimgbtn:hover,
#wp_delimgbtn:hover,
#wp_editgallery:hover,
#wp_delgallery:hover {
  border-color: #555;
  background-color: #ccc; }

/* Distraction-Free Writing mode
 * =Overlay Styles
-------------------------------------------------------------- */
.fullscreen-overlay {
  z-index: 100005;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-filter: inherit;
          filter: inherit; }

.wp-fullscreen-active .fullscreen-overlay,
.wp-fullscreen-active #wp-fullscreen-body {
  display: block; }

.fullscreen-fader {
  z-index: 200000; }

.wp-fullscreen-active .fullscreen-fader,
.wp-core-ui.wp-fullscreen-active .postbox-container {
  display: none; }

/* =Overlay Body
-------------------------------------------------------------- */
#wp-fullscreen-body,
.mce-fullscreen {
  z-index: 100010; }

#wp-fullscreen-body {
  display: none; }

.wp-fullscreen-wrap {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  top: 60px;
  z-index: 100015; }

.wp-fullscreen-wrap .wp-editor-container,
.wp-fullscreen-title,
#wp-fullscreen-central-toolbar {
  box-sizing: border-box;
  max-width: 100%; }

.wp-fullscreen-active .wp-editor-tools,
.wp-fullscreen-active .quicktags-toolbar,
.wp-fullscreen-active .mce-toolbar-grp,
.wp-fullscreen-active .mce-statusbar {
  display: none; }

#wp-fullscreen-statusbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  z-index: 100020;
  background: #fff;
  transition: height 0.2s; }

#wp-fullscreen-status {
  margin: 0 auto;
  padding: 0; }

.wp-fullscreen-active .wp-fullscreen-title,
.wp-fullscreen-active .wp-fullscreen-title:focus,
.wp-fullscreen-active .wp-editor-container {
  border-radius: 0;
  border: 1px dashed transparent;
  background: transparent;
  box-shadow: none;
  transition: border-color 0.4s; }

.wp-fullscreen-active .wp-editor-container {
  margin: 0 auto 40px; }

.wp-fullscreen-active .wp-fullscreen-title {
  font-size: 1.7em;
  line-height: 100%;
  outline: medium none;
  padding: 3px 7px;
  margin: 10px auto 30px;
  display: block; }

#wp-fullscreen-tagline {
  color: #82878c;
  font-size: 18px;
  float: right;
  padding: 4px 0 0; }

/* =Top bar
-------------------------------------------------------------- */
#fullscreen-topbar {
  background: #f5f5f5;
  border-bottom: 1px solid #dedede;
  height: 45px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100020;
  transition: opacity 0.4s; }

#wp-fullscreen-toolbar {
  padding: 6px 10px 0;
  clear: both;
  max-width: 1100px;
  margin: 0 auto; }

#wp-fullscreen-mode-bar,
#wp-fullscreen-button-bar,
#wp-fullscreen-close {
  float: left; }

#wp-fullscreen-count,
#wp-fullscreen-tagline {
  display: inline-block; }

#wp-fullscreen-button-bar {
  margin-top: 2px; }

#wp-fullscreen-save {
  float: right;
  padding: 2px 0 0;
  min-width: 95px; }

#wp-fullscreen-count,
#wp-fullscreen-close {
  padding: 5px 0 0; }

#wp-fullscreen-central-toolbar {
  margin: auto;
  padding: 0;
  min-width: 620px; }

#wp-fullscreen-buttons > div {
  float: left; }

#wp-fullscreen-mode-bar {
  padding: 3px 14px 0 0; }

#wp-fullscreen-buttons .hidden {
  display: none; }

#wp-fullscreen-buttons .disabled {
  opacity: 0.5; }

#wp-fullscreen-buttons .mce-btn button {
  margin: 0;
  outline: 0 none;
  border: 0 none;
  white-space: nowrap;
  width: auto;
  background: none;
  color: #32373c;
  cursor: pointer;
  font-size: 18px;
  line-height: 20px;
  overflow: visible;
  text-align: center;
  box-sizing: border-box; }

.wp-html-mode #wp-fullscreen-buttons div {
  display: none; }

.wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
  display: block; }

#wp-fullscreen-save img {
  vertical-align: middle; }

#wp-fullscreen-save span {
  display: none;
  margin: 5px 6px 0;
  float: left; }

/* =Thickbox Adjustments
-------------------------------------------------------------- */
.wp-fullscreen-active #TB_overlay {
  z-index: 100050; }

.wp-fullscreen-active #TB_window {
  z-index: 100051; }

/* Colors */
.fullscreen-overlay {
  background: #fff; }

/* =CSS 3 transitions
-------------------------------------------------------------- */
.wp-fullscreen-active #fullscreen-topbar {
  transition-duration: 0.8s;
  opacity: 0;
  filter: alpha(opacity=0); }

.wp-fullscreen-active #wp-fullscreen-statusbar {
  height: 0; }

.wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
  transition-duration: 0.4s;
  opacity: 1;
  filter: alpha(opacity=100); }

.wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
  height: 29px;
  background: #f8f8f8;
  border-top: 1px solid #eee; }

.wp-fullscreen-active .wp-fullscreen-title,
.wp-fullscreen-active .wp-editor-container {
  transition-duration: 0.8s;
  border-color: transparent; }

.wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
.wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
  transition-duration: 0.4s;
  border-color: #ccc; }

.fade-1000,
.fade-600,
.fade-400,
.fade-300 {
  opacity: 0;
  transition-property: opacity; }

.fade-1000 {
  transition-duration: 1s; }

.fade-600 {
  transition-duration: 0.6s; }

.fade-400 {
  transition-duration: 0.4s; }

.fade-300 {
  transition-duration: 0.3s; }

.fade-trigger {
  opacity: 1; }

/* DFW on touch screen devices */
.wp-dfw-touch #fullscreen-topbar {
  position: absolute;
  opacity: 1; }

.wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
.wp-dfw-touch .wp-fullscreen-title {
  max-width: 700px; }

.wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title,
.wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
  border-color: #ccc; }

.wp-dfw-touch #wp-fullscreen-statusbar {
  height: 30px; }

@media (max-width: 660px) {
  #wp-fullscreen-close,
  #wp-fullscreen-central-toolbar,
  #wp-fullscreen-mode-bar,
  #wp-fullscreen-button-bar,
  #wp-fullscreen-save {
    display: inline-block; }
  #fullscreen-topbar {
    height: 85px; }
  #wp-fullscreen-central-toolbar {
    width: auto !important;
    min-width: 0; }
  #wp-fullscreen-close {
    line-height: 30px;
    vertical-align: top;
    padding: 0 12px; }
  #wp-fullscreen-button-bar {
    position: absolute;
    top: 45px;
    left: 0; }
  .wp-fullscreen-wrap {
    top: 95px; }
  #wp-fullscreen-save {
    position: absolute;
    right: 10px; } }

@media screen and (max-width: 480px) {
  #wp_fs_help {
    display: none; }
  .wp-fullscreen-wrap .wp-editor-container,
  .wp-fullscreen-title {
    width: 480px !important; }
  body.wp-fullscreen-active {
    width: 480px;
    overflow: auto; }
  #fullscreen-topbar,
  .wp-fullscreen-wrap {
    width: 480px; }
  #fullscreen-topbar {
    position: absolute; }
  #wp-fullscreen-status {
    width: auto !important;
    max-width: 100%;
    padding: 0 10px; } }

/*------------------------------------------------------------------------------
	wp-link
------------------------------------------------------------------------------*/
div.wp-link-preview {
  float: left;
  margin: 10px 8px 10px 12px;
  max-width: 694px;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 660px) {
    div.wp-link-preview {
      margin-top: 14px;
      margin-bottom: 14px;
      max-width: 70%;
      max-width: calc( 100% - 104px); } }

div.wp-link-preview a {
  color: #0087be;
  text-decoration: underline;
  transition-property: border, background, color;
  transition-duration: .05s;
  transition-timing-function: ease-in-out;
  cursor: pointer; }
  div.wp-link-preview a:hover, div.wp-link-preview a:focus, div.wp-link-preview a:active {
    color: #33bbe3; }

/* =Localization
-------------------------------------------------------------- */
.rtl .wp-switch-editor,
.rtl .quicktags-toolbar input {
  font-family: Tahoma, sans-serif; }

/*rtl:ignore*/
.mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
  direction: rtl; }

/*rtl:ignore*/
.mce-rtl .mce-listbox i.mce-caret {
  left: 6px; }

html:lang(he-il) .rtl .wp-switch-editor,
html:lang(he-il) .rtl .quicktags-toolbar input {
  font-family: Arial, sans-serif; }

/* HiDPI */
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .wp-media-buttons .add_media span.wp-media-buttons-icon,
  #wp-fullscreen-buttons #wp_fs_image span.mce_image {
    background: none; } }

.seo-settings__page-title-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.seo-settings__page-title-header-image {
  margin: 0 10px 10px 10px; }

.seo-settings__page-title-header-text {
  -ms-flex-preferred-size: 330px;
      flex-basis: 330px;
  margin: 0 10px 10px 10px; }

.title-format-editor {
  margin-bottom: 20px; }
  .title-format-editor.disabled .title-format-editor__editor-wrapper {
    border: 1px solid #c8d7e1;
    background-color: #f3f6f8; }
  .title-format-editor.disabled .title-format-editor__token, .title-format-editor.disabled .title-format-editor__button {
    pointer-events: none; }
  .title-format-editor.disabled .title-format-editor__token {
    background-color: #87a6bc; }

.title-format-editor__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  margin-bottom: 6px; }

.title-format-editor__title {
  font-weight: 600;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: auto; }

.title-format-editor__button {
  border-radius: 3px;
  background-color: white;
  color: #3d596d;
  border: 1px solid #c8d7e1;
  padding: 3px 8px 3px 8px;
  margin-left: 10px;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer; }
  .title-format-editor__button:before {
    content: '+';
    margin-right: 4px;
    font-weight: 600; }
  .title-format-editor__button:hover {
    color: #00aadc; }

.title-format-editor__editor-wrapper {
  border: 1px solid #a8bece;
  padding: 7px 14px;
  line-height: 24px; }

.title-format-editor__token {
  display: inline-block;
  background-color: #4f748e;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease; }
  .title-format-editor__token:hover {
    background-color: #d94f4f; }

.title-format-editor__token-close {
  margin-left: 10px;
  color: #a8bece;
  font-size: 10px; }

.title-format-editor__preview {
  color: #87a6bc;
  font-style: italic;
  margin-top: 5px;
  font-size: 13px; }

.token-field {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  border: 1px solid #c8d7e1;
  color: #2e4453;
  cursor: text;
  transition: all .15s ease-in-out; }
  .token-field:hover {
    border-color: #a8bece; }
  .token-field.is-disabled {
    background: #f3f6f8;
    border-color: #e9eff3; }
  .token-field.is-active {
    border-color: #0087be;
    box-shadow: 0 0 0 2px #78dcfa; }

.token-field__input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 5px 14px 5px 0; }

input[type="text"].token-field__input {
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 2px 0 2px 8px;
  padding: 0 0 0 6px;
  line-height: 24px;
  background: inherit;
  border: 0;
  outline: none;
  font-family: inherit;
  font-size: 14px;
  color: #2e4453; }
  input[type="text"].token-field__input:focus {
    box-shadow: none; }

.token-field__token {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2px 0 2px 8px;
  color: white;
  overflow: hidden; }
  .token-field__token.is-success .token-field__token-text,
  .token-field__token.is-success .token-field__remove-token {
    background: #4ab866; }
  .token-field__token.is-error .token-field__token-text,
  .token-field__token.is-error .token-field__remove-token {
    background: #d94f4f; }
  .token-field__token.is-validating .token-field__token-text,
  .token-field__token.is-validating .token-field__remove-token {
    background: #87a6bc; }
  .token-field__token.is-borderless {
    position: relative;
    padding: 0 16px 0 0; }
    .token-field__token.is-borderless .token-field__token-text {
      background: transparent;
      color: #0087be; }
    .token-field__token.is-borderless .token-field__remove-token {
      background: transparent;
      color: #87a6bc;
      position: absolute;
      top: 1px;
      right: 0; }
    .token-field__token.is-borderless.is-success .token-field__token-text {
      color: #4ab866; }
    .token-field__token.is-borderless.is-error .token-field__token-text {
      color: #d94f4f;
      border-radius: 4px 0 0 4px;
      padding: 0 4px 0 6px; }
    .token-field__token.is-borderless.is-validating .token-field__token-text {
      color: #2e4453; }
  .token-field__token.is-disabled .token-field__remove-token {
    cursor: default; }

.token-field__token-text,
.token-field__remove-token {
  display: inline-block;
  line-height: 24px;
  background: #4f748e;
  transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); }

.token-field__token-text {
  border-radius: 4px 0 0 4px;
  padding: 0 4px 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.token-field__remove-token {
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  padding: 0 6px;
  font-size: 10px;
  color: #c8d7e1; }
  .token-field__remove-token:hover {
    color: white;
    background: #668eaa; }

.token-field__suggestions-list {
  background: white;
  max-height: 0;
  overflow-y: scroll;
  transition: all .15s ease-in-out;
  list-style: none;
  margin: 0; }
  .token-field__suggestions-list.is-expanded {
    background: white;
    border-top: 1px solid #c8d7e1;
    max-height: 9em;
    padding-top: 3px; }

.token-field__suggestion {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  padding: 4px 8px;
  cursor: pointer; }
  .token-field__suggestion.is-selected {
    background: #00aadc;
    color: white; }

.token-field__suggestion-match {
  color: #2e4453; }

.pagination {
  width: 100%; }

.pagination__list {
  background-color: #f3f6f8;
  display: block;
  list-style: none;
  margin: 0;
  padding: 2px 0;
  text-align: center; }
  .pagination__list:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.pagination__list-item {
  display: inline-block; }
  .pagination__list-item .button {
    padding: 0 .5em;
    line-height: 40px;
    text-align: center;
    min-width: 16px; }
    .pagination__list-item .button .gridicon {
      top: 0; }
  .pagination__list-item.pagination__ellipsis span {
    padding: 0 .5em;
    line-height: 40px;
    text-align: center;
    min-width: 16px;
    vertical-align: top; }

.pagination__list-item.pagination__arrow.is-left {
  padding-left: 14px;
  float: left; }

.pagination__list-item.pagination__arrow.is-right {
  padding-right: 14px;
  float: right; }

.pagination__list-item.pagination__arrow .gridicon {
  vertical-align: middle;
  margin-top: -2px; }

.pagination__list-item .button {
  color: #0087be; }

.pagination__list-item .button:not([disabled]):hover,
.pagination__list-item .button:focus {
  color: #33bbe3; }

.pagination__list-item.is-selected .button {
  background-color: white;
  font-weight: bold;
  font-weight: 600;
  color: #2e4453; }

.pagination__list-item.is-selected .button:hover {
  color: #2e4453; }

.pagination__ellipsis,
.pagination__ellipsis:hover {
  color: #87a6bc; }

.post-schedule {
  position: relative; }
  .post-schedule.is-future-date .DayPicker-Day.DayPicker-Day--is-selected > .date-picker__day {
    background-color: #f0821e; }

.post-schedule__header {
  height: 26px;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 11px;
  font-size: 18px;
  font-weight: 300;
  width: 80%;
  margin: 0 10%; }
  .post-schedule__header:first-letter {
    text-transform: uppercase; }
  .post-schedule__header.is-input-chrono-displayed {
    top: 47px; }

.post-schedule .input-chrono__container {
  margin: 0 -16px; }
  .post-schedule .input-chrono__container input.input-chrono {
    padding-left: 16px;
    padding-right: 16px;
    border: 0;
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-webkit-input-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-moz-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container :-ms-input-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-moz-placeholder {
    color: #2e4453;
    opacity: 1; }

.post-schedule__header-month {
  cursor: pointer; }

.post-schedule__header-year {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  margin-left: 10px;
  cursor: pointer; }

.post-schedule__year-control-up,
.post-schedule__year-control-down {
  position: absolute;
  width: 100%;
  left: 0;
  height: 16px;
  cursor: pointer;
  color: #a8bece; }
  .post-schedule__year-control-up:hover,
  .post-schedule__year-control-down:hover {
    color: #87a6bc; }

.post-schedule__year-control-up {
  top: -12px; }

.post-schedule__year-control-down {
  bottom: -12px; }

.post-schedule__clock {
  text-align: center;
  margin: 15px auto 10px;
  font-size: 12px; }

hr.post-schedule__hr {
  height: 1px;
  background: #e9eff3;
  margin: 0 -16px; }

input[type="text"].post-schedule__clock-time {
  height: 28px;
  display: inline-block;
  border: 1px solid #e9eff3;
  width: 42px;
  text-align: center;
  padding: 0;
  font-size: 13px; }

.post-schedule__clock-divisor {
  margin: 0 6px; }

.post-schedule__clock .segmented-control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 6px;
  vertical-align: bottom; }

.post-schedule__clock .segmented-control__item {
  display: inline-table; }

.post-schedule__clock .segmented-control__link {
  display: inline-block; }

.info-popover__tooltip.post-schedule__timezone-info,
.post-schedule__clock-timezone {
  line-height: 20px; }

.post-schedule__clock-timezone {
  text-align: left;
  margin-top: 10px;
  padding: 10px 0 0;
  border-top: 1px solid #d9e3ea; }

.post-schedule__timezone-info {
  display: inline-block;
  vertical-align: middle;
  line-height: 10px;
  margin-left: 5px; }

.info-popover__tooltip.post-schedule__timezone-info {
  margin-left: 0; }
  .info-popover__tooltip.post-schedule__timezone-info .popover__inner {
    font-size: 12px;
    max-width: 250px; }

.phone-input__flag-icon {
  pointer-events: none;
  max-width: 24px;
  max-height: 18px;
  -ms-flex-item-align: center;
      align-self: center;
  box-shadow: 0 0 1px #c8d7e1; }

.phone-input__flag-selector-icon {
  color: #a8bece;
  margin-left: 3px;
  -ms-flex-item-align: center;
      align-self: center; }

.phone-input__flag-container {
  pointer-events: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0 5px; }

.phone-input__select-container {
  position: absolute;
  top: 0;
  width: 60px;
  cursor: pointer; }
  .phone-input__select-container:hover .phone-input__flag-selector-icon {
    color: #87a6bc; }

.phone-input__select-inner-container {
  margin-top: 4px;
  border-right: 1px solid #c8d7e1;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

select.phone-input__country-select {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 58px;
  height: 38px;
  border: 0;
  background-image: none;
  opacity: 0; }
  select.phone-input__country-select:focus {
    box-shadow: none; }

.phone-input__flag-spinner {
  z-index: 0;
  position: absolute;
  -ms-flex-item-align: center;
      align-self: center;
  left: 10px;
  pointer-events: none;
  width: 24px; }

.phone-input {
  position: relative;
  width: 100%; }
  .phone-input input {
    padding-left: 70px; }

.remove-button {
  position: absolute;
  top: 0;
  /*rtl:ignore*/
  right: 0;
  width: 28px;
  height: 28px;
  /*rtl:ignore*/
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  border: 1px solid #a8bece;
  border-radius: 50%;
  background-color: #f3f6f8;
  cursor: pointer; }

.remove-button .remove-button__icon.gridicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  margin: 0;
  color: #a8bece; }

.section-header.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 11px;
  padding-bottom: 11px;
  position: relative;
  line-height: 28px; }
  .section-header.card:after {
    content: ''; }
  .section-header.card.is-empty .section-header__label:after {
    content: '\00a0'; }

.section-header__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  overflow: hidden; }
  .section-header__label:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  .section-header__label .count {
    margin-left: 8px; }

.section-header__actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative; }
  .section-header__actions:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.section-header__label {
  color: #2e4453;
  font-size: 14px; }

.section-header__actions .button {
  float: left;
  margin-right: 8px; }

.section-header__actions > .button:last-child {
  margin-right: 0; }

.seo-preview-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  @media (min-width: 661px) {
    .seo-preview-pane {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.seo-preview-pane__sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white; }
  .seo-preview-pane__sidebar .vertical-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none; }
    .seo-preview-pane__sidebar .vertical-menu .vertical-menu__social-item {
      border: 0;
      padding: 8px; }
    .seo-preview-pane__sidebar .vertical-menu .vertical-menu__items.is-selected {
      border-left: 0;
      border-bottom: 3px solid #0087be; }
    .seo-preview-pane__sidebar .vertical-menu .vertical-menu__items__social-label {
      display: none; }
    @media (min-width: 661px) {
      .seo-preview-pane__sidebar .vertical-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        border-bottom: 1px solid #c8d7e1; }
        .seo-preview-pane__sidebar .vertical-menu .vertical-menu__social-item {
          border-top: 1px solid #c8d7e1;
          padding: 0; }
        .seo-preview-pane__sidebar .vertical-menu .vertical-menu__items.is-selected {
          border-left: 3px solid #0087be;
          border-bottom: 0; }
        .seo-preview-pane__sidebar .vertical-menu .vertical-menu__items__social-label {
          display: block; } }
  @media (min-width: 661px) {
    .seo-preview-pane__sidebar {
      width: 250px;
      min-width: 250px;
      border-right: 1px solid #c8d7e1; } }

.seo-preview-pane__explanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
  .seo-preview-pane__explanation .seo-preview-pane__title {
    font-size: 16px; }
  .seo-preview-pane__explanation .seo-preview-pane__description {
    font-size: 12px;
    color: #87a6bc; }
  @media (min-width: 661px) {
    .seo-preview-pane__explanation {
      margin: 40px 0 40px 20px;
      max-width: 200px; } }

.seo-preview-pane__preview-area {
  margin: 10px auto; }

.seo-preview-pane__preview {
  min-width: 400px;
  height: auto;
  margin: 0 10px;
  background-color: white;
  border: 1px solid #d9e3ea; }
  .seo-preview-pane__preview .reader-post-card {
    padding: 10px; }
    .seo-preview-pane__preview .reader-post-card a {
      text-decoration: none;
      pointer-events: none;
      cursor: default; }
    .seo-preview-pane__preview .reader-post-card .reader-post-card__timestamp-and-tag a {
      color: #87a6bc; }
    .seo-preview-pane__preview .reader-post-card .reader-post-actions__item {
      white-space: nowrap; }
      .seo-preview-pane__preview .reader-post-card .reader-post-actions__item span, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .comment-button, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .like-button, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .ellipsis-menu .button {
        cursor: default;
        pointer-events: none; }
        .seo-preview-pane__preview .reader-post-card .reader-post-actions__item span:hover, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .comment-button:hover, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .like-button:hover, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .ellipsis-menu .button:hover {
          color: #87a6bc; }
    .seo-preview-pane__preview .reader-post-card.card {
      border-bottom: none; }
    @media (max-width: 960px) {
      .seo-preview-pane__preview .reader-post-card .comment-button__label-status,
      .seo-preview-pane__preview .reader-post-card .like-button__label-status,
      .seo-preview-pane__preview .reader-post-card .reader-share__button-label {
        display: none; } }
    @media (min-width: 961px) {
      .seo-preview-pane__preview .reader-post-card {
        min-width: 480px; } }

.seo-preview-pane__message {
  padding: 10px;
  text-align: center; }

.tooltip.popover .popover__arrow {
  border-width: 6px; }

.tooltip.popover.is-bottom-right .popover__arrow, .tooltip.popover.is-bottom-left .popover__arrow, .tooltip.popover.is-bottom .popover__arrow {
  border-bottom-color: #3d596d;
  top: 4px;
  right: 10px; }
  .tooltip.popover.is-bottom-right .popover__arrow::before, .tooltip.popover.is-bottom-left .popover__arrow::before, .tooltip.popover.is-bottom .popover__arrow::before {
    display: none; }

.tooltip.popover.is-bottom-right.is-error .popover__arrow, .tooltip.popover.is-bottom-left.is-error .popover__arrow, .tooltip.popover.is-bottom.is-error .popover__arrow {
  border-bottom-color: #d94f4f; }

.tooltip.popover.is-bottom-right.is-warning .popover__arrow, .tooltip.popover.is-bottom-left.is-warning .popover__arrow, .tooltip.popover.is-bottom.is-warning .popover__arrow {
  border-bottom-color: #f0b849; }

.tooltip.popover.is-bottom-right.is-success .popover__arrow, .tooltip.popover.is-bottom-left.is-success .popover__arrow, .tooltip.popover.is-bottom.is-success .popover__arrow {
  border-bottom-color: #4ab866; }

.tooltip.popover.is-top .popover__arrow, .tooltip.popover.is-top-left .popover__arrow, .tooltip.popover.is-top-right .popover__arrow {
  border-top-color: #3d596d;
  bottom: 4px;
  right: 10px; }
  .tooltip.popover.is-top .popover__arrow::before, .tooltip.popover.is-top-left .popover__arrow::before, .tooltip.popover.is-top-right .popover__arrow::before {
    display: none; }

.tooltip.popover.is-top.is-error .popover__arrow, .tooltip.popover.is-top-left.is-error .popover__arrow, .tooltip.popover.is-top-right.is-error .popover__arrow {
  border-top-color: #d94f4f; }

.tooltip.popover.is-top.is-warning .popover__arrow, .tooltip.popover.is-top-left.is-warning .popover__arrow, .tooltip.popover.is-top-right.is-warning .popover__arrow {
  border-top-color: #f0b849; }

.tooltip.popover.is-top.is-success .popover__arrow, .tooltip.popover.is-top-left.is-success .popover__arrow, .tooltip.popover.is-top-right.is-success .popover__arrow {
  border-top-color: #4ab866; }

.tooltip.popover.is-top .popover__arrow, .tooltip.popover.is-bottom .popover__arrow {
  margin-left: -6px; }

.tooltip.popover.is-left, .tooltip.popover.is-right {
  padding-top: 0; }
  .tooltip.popover.is-left .popover__arrow, .tooltip.popover.is-right .popover__arrow {
    margin-top: -6px; }
    .tooltip.popover.is-left .popover__arrow::before, .tooltip.popover.is-right .popover__arrow::before {
      display: none; }
  .tooltip.popover.is-left.is-error .popover__arrow, .tooltip.popover.is-right.is-error .popover__arrow {
    border-right-color: #d94f4f; }
  .tooltip.popover.is-left.is-warning .popover__arrow, .tooltip.popover.is-right.is-warning .popover__arrow {
    border-right-color: #f0b849; }
  .tooltip.popover.is-left.is-success .popover__arrow, .tooltip.popover.is-right.is-success .popover__arrow {
    border-right-color: #4ab866; }

.tooltip.popover.is-left .popover__arrow {
  margin-right: 4px;
  border-left-color: #3d596d; }

.tooltip.popover.is-right .popover__arrow {
  margin-left: 4px;
  border-right-color: #3d596d; }

.tooltip.popover .popover__inner {
  border: 0px;
  box-shadow: none;
  border-radius: 2px;
  color: white;
  background: #3d596d;
  font-size: 12px;
  padding: 6px 10px;
  text-align: left; }

.tooltip.popover.is-error .popover__inner {
  background: #d94f4f; }

.tooltip.popover.is-warning .popover__inner {
  background: #f0b849; }

.tooltip.popover.is-success .popover__inner {
  background: #4ab866; }

.tooltip.popover ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .tooltip.popover ul li {
    font-size: 11px;
    font-weight: 100;
    border: 0;
    padding: 2px 0; }

.tooltip__hr {
  margin: 8px 0;
  background: #87a6bc; }

/**
 * Updated-confirmation (for post and page changes)
 */
.updated-confirmation {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8); }
  .updated-confirmation .conf-alert {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    width: 10.375em;
    font-size: 1.06667em;
    padding: 0.75em;
    text-align: center;
    background-color: white;
    border-radius: 3px;
    border: solid 1px #4ab866;
    color: #4ab866;
    transition: border-color 0.3s ease, color 0.3s ease; }
    .updated-confirmation .conf-alert .conf-alert_title:after {
      content: '\f418';
      font-size: 1.5em;
      vertical-align: top; }
    .updated-confirmation .conf-alert hr {
      background: #eee;
      margin: 0.625em 0 0; }
    .updated-confirmation .conf-alert .undo {
      display: block;
      font-size: 0.75em;
      color: #87a6bc;
      padding: 0.83333em 0 0; }
      .updated-confirmation .conf-alert .undo:hover {
        cursor: pointer; }
      .pages-list .updated-confirmation .conf-alert .undo {
        display: inline; }
      .updated-confirmation .conf-alert .undo span {
        display: inline-block;
        border-bottom: solid 1px #c8d7e1; }
    .pages-list .updated-confirmation .conf-alert {
      width: auto;
      white-space: nowrap;
      padding: 0.25em 0.75em; }
    .updated-confirmation .conf-alert.conf-alert--trashed, .updated-confirmation .conf-alert.conf-alert--deleted, .updated-confirmation .conf-alert.conf-alert--error {
      border-color: #d94f4f;
      color: #d94f4f; }
    .updated-confirmation .conf-alert.conf-alert--trashing, .updated-confirmation .conf-alert.conf-alert--updating {
      border-color: #0087be;
      color: #0087be; }
      .updated-confirmation .conf-alert.conf-alert--trashing .loading-dot, .updated-confirmation .conf-alert.conf-alert--updating .loading-dot {
        -webkit-animation-name: loading-dot-pulse;
                animation-name: loading-dot-pulse;
        -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
        .updated-confirmation .conf-alert.conf-alert--trashing .loading-dot:nth-child(2), .updated-confirmation .conf-alert.conf-alert--updating .loading-dot:nth-child(2) {
          -webkit-animation-delay: 0.15s;
                  animation-delay: 0.15s; }
        .updated-confirmation .conf-alert.conf-alert--trashing .loading-dot:last-child, .updated-confirmation .conf-alert.conf-alert--updating .loading-dot:last-child {
          -webkit-animation-delay: 0.3s;
                  animation-delay: 0.3s; }
      .updated-confirmation .conf-alert.conf-alert--trashing .conf-alert_title:after, .updated-confirmation .conf-alert.conf-alert--updating .conf-alert_title:after {
        content: ''; }
    .updated-confirmation .conf-alert.conf-alert--trashed .conf-alert_title:after {
      content: '\f407'; }
    .updated-confirmation .conf-alert.conf-alert--deleted .conf-alert_title:after, .updated-confirmation .conf-alert.conf-alert--error .conf-alert_title:after {
      content: ''; }

.updated-trans-enter {
  transition: opacity 0.3s ease;
  opacity: 0; }
  .updated-trans-enter .updated-confirmation {
    pointer-events: none; }
  .updated-trans-enter .conf-alert {
    transition: border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    transition: transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275), border-color 0.3s ease, color 0.3s ease;
    transition: transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275), border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5); }
  .updated-trans-enter.updated-trans-enter-active {
    opacity: 1; }
    .updated-trans-enter.updated-trans-enter-active .updated-confirmation {
      pointer-events: auto; }
    .updated-trans-enter.updated-trans-enter-active .conf-alert {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }

.updated-trans-leave {
  transition: opacity 0.3s ease;
  opacity: 1; }
  .updated-trans-leave .updated-confirmation {
    pointer-events: none; }
  .updated-trans-leave .conf-alert {
    transition: border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    transition: transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275), border-color 0.3s ease, color 0.3s ease;
    transition: transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275), border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  .updated-trans-leave.updated-trans-leave-active {
    opacity: 0; }
    .updated-trans-leave.updated-trans-leave-active .updated-confirmation {
      pointer-events: none; }
    .updated-trans-leave.updated-trans-leave-active .conf-alert {
      -webkit-transform: translate(-50%, -50%) scale(0.5);
              transform: translate(-50%, -50%) scale(0.5); }

.credit-card-number-input input {
  background-image: url("/calypso/images/upgrades/cc-placeholder.svg");
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 32px auto;
  padding-right: 50px; }

.credit-card-number-input .amex input {
  background-image: url("/calypso/images/upgrades/cc-amex.svg"); }

.credit-card-number-input .discover input {
  background-image: url("/calypso/images/upgrades/cc-discover.svg"); }

.credit-card-number-input .mastercard input {
  background-image: url("/calypso/images/upgrades/cc-mastercard.svg"); }

.credit-card-number-input .visa input {
  background-image: url("/calypso/images/upgrades/cc-visa.svg"); }

@media (min-width: 961px) {
  .google-apps-dialog__product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 961px) {
  .google-apps-dialog__product-intro {
    max-width: 350px;
    margin-right: 50px; } }

.google-apps-dialog__product-name {
  color: #888;
  font-size: 25px;
  font-weight: 100;
  margin: 0; }

.google-apps-dialog__product-logo {
  background: url("/calypso/images/upgrades/g-suite-logo.png") no-repeat left;
  background-size: 73px;
  display: inline-block;
  height: 19px;
  text-indent: -999999px;
  vertical-align: text-top;
  width: 73px; }

.google-apps-dialog__header {
  text-align: center; }
  .google-apps-dialog__header .google-apps-dialog__title {
    color: #2e4453;
    font-weight: 600;
    margin: 0; }

.google-apps-dialog__no-setup-required {
  color: #537994; }

.google-apps-dialog__product-features {
  color: #2e4453;
  font-size: 15px;
  line-height: 130%;
  margin: 34px 0 1em; }

.google-apps-dialog__product-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .google-apps-dialog__product-feature img {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-right: 10px;
    width: 24px; }

.google-apps-dialog__price-per-user {
  color: #00aadc;
  font-size: 18px;
  font-weight: 600; }

.google-apps-dialog__billing-period {
  color: #87a6bc;
  font-size: 13px;
  text-transform: uppercase; }

form.google-apps-dialog .notice li {
  list-style: disc; }

.google-apps-dialog__users-enter {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out; }

.google-apps-dialog__users-enter.google-apps-dialog__users-enter-active {
  max-height: 300px; }

.google-apps-dialog__users {
  border-bottom: 1px solid #e3eaef;
  display: block;
  padding: 0 30px; }
  .google-apps-dialog__users h4 {
    color: #7799ae;
    margin-top: 30px;
    margin-bottom: 4px; }
  .google-apps-dialog__users .google-apps-dialog__user-fields {
    -webkit-animation: google-apps-user-show 0.3s ease-in-out;
            animation: google-apps-user-show 0.3s ease-in-out;
    margin-bottom: 20px; }
  @media (min-width: 661px) {
    .google-apps-dialog__users .google-apps-dialog__user-first-name {
      display: inline-block;
      margin: 0 4px 0 0;
      width: calc( 50% - 4px);
      vertical-align: top; } }
  @media (min-width: 661px) {
    .google-apps-dialog__users .google-apps-dialog__user-last-name {
      display: inline-block;
      margin: 0 0 0 5px;
      width: calc( 50% - 5px);
      vertical-align: top; } }
  .google-apps-dialog__users .google-apps-dialog__add-another-user-button {
    border: 2px dashed #c8d7e1;
    color: #87a6bc;
    cursor: pointer;
    margin: 0 0 30px;
    padding: 12px 18px 12px 45px;
    position: relative;
    text-align: left;
    width: 100%; }
    .google-apps-dialog__users .google-apps-dialog__add-another-user-button:before {
      position: absolute;
      left: 10px;
      top: 7px;
      font-size: 30px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none; }

@-webkit-keyframes "google-apps-user-show" {
  0% {
    max-height: 0px; }
  100% {
    max-height: 150px; } }

@keyframes "google-apps-user-show" {
  0% {
    max-height: 0px; }
  100% {
    max-height: 150px; } }

.google-apps-dialog__footer .google-apps-dialog__cancel-link {
  color: #00aadc;
  display: block;
  font-size: 13px;
  text-align: center; }
  @media (min-width: 661px) {
    .google-apps-dialog__footer .google-apps-dialog__cancel-link {
      float: left;
      line-height: 38px; } }

@media (max-width: 660px) {
  .google-apps-dialog__footer .google-apps-dialog__continue-button {
    margin-bottom: 18px;
    width: 100%; } }

@media (min-width: 661px) {
  .google-apps-dialog__footer .google-apps-dialog__continue-button {
    float: right; } }

.google-apps-dialog__footer .button {
  width: 100%;
  margin-top: 10px; }
  @media (min-width: 661px) {
    .google-apps-dialog__footer .button {
      width: auto;
      margin: 0 auto auto 10px; } }
  .google-apps-dialog__footer .button:first-of-type {
    margin-left: 0;
    margin-top: 0; }
    .google-apps-dialog__footer .button:first-of-type.is-primary {
      margin-top: 10px; }
      @media (min-width: 661px) {
        .google-apps-dialog__footer .button:first-of-type.is-primary {
          margin-top: 0; } }

.user.is-placeholder .user__name {
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite;
  background: #c8d7e1;
  display: inline-block;
  height: 14px;
  width: 100px;
  position: relative;
  top: 3px; }

.user .gravatar {
  vertical-align: middle; }

.user__name {
  margin: 0 8px;
  line-height: 26px; }

.version {
  text-transform: uppercase;
  font-size: 11px;
  color: #537994;
  line-height: 18px; }
  .version:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .version .gridicon {
    float: left;
    margin-right: 4px;
    fill: #87a6bc; }

.vertical-nav {
  margin-top: 15px; }

.vertical-nav-item .gridicon {
  box-sizing: border-box;
  color: #a8bece;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 16px; }

.vertical-nav-item.is-placeholder span {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: inline-block; }
  .vertical-nav-item.is-placeholder span:after {
    content: '\00a0'; }
  .vertical-nav-item.is-placeholder span:first-child {
    width: 35%; }
  .vertical-nav-item.is-placeholder span:last-child {
    float: right;
    width: 22px; }

.vertical-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 280px;
  background: white; }

.vertical-menu__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  border-top: 1px solid #c8d7e1;
  border-left: 3px solid transparent;
  color: #537994;
  font-size: 13px;
  font-weight: 200;
  cursor: pointer;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .vertical-menu__items.is-selected {
    border-left: 3px solid #0087be;
    color: #2e4453;
    font-weight: 400; }
    .vertical-menu__items.is-selected .social-logo {
      fill: #2e4453; }
  .vertical-menu__items:last-child {
    border-bottom: 1px solid #c8d7e1; }
  .vertical-menu__items:not(.is-selected):hover {
    color: #00aadc; }
    .vertical-menu__items:not(.is-selected):hover .social-logo {
      fill: #00aadc; }

.vertical-menu__items__social-icon {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: -4px; }

.vertical-menu__items__social-icon .social-logo {
  fill: #87a6bc; }

.web-preview {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  z-index: 100200;
  transition: opacity 0.3s ease-in-out; }
  .web-preview.is-visible {
    opacity: 1;
    bottom: 0;
    visibility: visible; }
    .web-preview.is-visible .web-preview__content {
      opacity: 1;
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1); }
  @media (min-width: 661px) {
    .web-preview.is-with-sidebar {
      left: 273px; } }

.web-preview__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(243, 246, 248, 0.8); }

.web-preview__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  box-shadow: 0 0 0 1px rgba(135, 166, 188, 0.5);
  background: #f3f6f8;
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: translateY(80vh);
          transform: translateY(80vh);
  transition: opacity 0.1s ease-in-out, max-width 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.1s ease-in-out, max-width 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.1s ease-in-out, max-width 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  .is-computer .web-preview__content {
    max-width: 1200px; }
    @media (min-width: 961px) {
      .is-computer .web-preview__content {
        left: 24px;
        right: 24px;
        width: calc( 100% - 46px);
        /* IE11 fix */ } }
  .is-tablet .web-preview__content {
    max-width: 783px; }
  .is-phone .web-preview__content {
    max-width: 460px; }
  .is-seo .web-preview__content {
    max-width: 865px; }

@media (max-width: 960px) {
  .web-preview.is-computer .web-preview__content,
  .web-preview.is-tablet .web-preview__content,
  .web-preview.is-phone .web-preview__content {
    top: 0;
    width: 100%;
    border-radius: 0; } }

.web-preview__toolbar {
  height: 46px;
  background: white;
  border-bottom: 1px solid #c8d7e1;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.web-preview__close.button,
a.web-preview__external.button {
  color: #87a6bc;
  padding: 6px 10px;
  cursor: pointer;
  border-radius: 0; }
  .web-preview__close.button:hover,
  a.web-preview__external.button:hover {
    color: #2e4453; }

.web-preview__close.button {
  border-right: 1px solid #d9e3ea; }
  .web-preview__close.button .gridicon {
    top: 4px; }

a.web-preview__external.button .gridicon {
  top: 6px; }

.web-preview__edit.button {
  color: #87a6bc;
  border: none;
  padding: 6px 12px; }
  .web-preview__edit.button:visited {
    color: #87a6bc; }
  .web-preview__edit.button:hover {
    color: #2e4453; }

.web-preview__toolbar-actions {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (min-width: 961px) {
    .web-preview__toolbar-actions {
      min-width: 212px; } }

.web-preview__device-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 0 0 12px;
  width: 200px; }

.web-preview__url-clipboard-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 6px 10px;
  width: auto; }
  .web-preview__url-clipboard-input .form-text-input {
    color: #537994;
    font-size: 14px;
    height: 35px;
    border-color: transparent;
    text-overflow: ellipsis;
    text-align: center; }
  .web-preview__url-clipboard-input:hover .form-text-input:not(:focus) {
    border-color: #c8d7e1; }
  .web-preview__url-clipboard-input .clipboard-button {
    display: none; }
  .web-preview__url-clipboard-input:hover .clipboard-button {
    display: block; }

.web-preview__device-button {
  border-right: none;
  padding-left: 8px;
  padding-right: 8px; }
  .web-preview__device-button.is-active {
    color: #2e4453; }
  @media (max-width: 660px) {
    .web-preview__device-button {
      display: none; } }

.web-preview__seo-button {
  border-right: none;
  padding: 0 14px;
  height: 100%; }
  .web-preview__seo-button.is-active {
    color: #2e4453; }
  .web-preview__seo-button.is-showing-device-switcher {
    border-left: 1px solid #c8d7e1;
    margin-left: 8px; }

.web-preview__seo-label {
  margin-left: 6px;
  vertical-align: middle; }

.web-preview__back-to-preview-button {
  display: none; }
  @media (max-width: 660px) {
    .web-preview__back-to-preview-button {
      display: block; } }

.web-preview__toolbar-tray .button {
  margin: 4px; }
  @media (max-width: 660px) {
    .web-preview__toolbar-tray .button:not(:last-child) {
      display: none; } }

.web-preview__frame {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  margin: 0 auto;
  pointer-events: none; }
  .is-loaded .web-preview__frame {
    opacity: 1;
    pointer-events: all; }

.web-preview__frame-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }
  .web-preview__frame-wrapper.is-resizable {
    background: #f3f6f8; }
    .is-tablet .web-preview__frame-wrapper.is-resizable .web-preview__frame {
      max-width: 783px; }
    .is-phone .web-preview__frame-wrapper.is-resizable .web-preview__frame {
      max-width: 460px; }

.web-preview__placeholder {
  position: relative;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.web-preview__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }

.web-preview__loading-message-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  text-align: center; }

.web-preview__loading-message {
  color: #537994;
  font-weight: 300;
  font-size: 16px; }

.web-preview__loading-message strong {
  color: #537994;
  display: block;
  font-size: 24px;
  margin-bottom: 5px; }

.web-preview__inner .spinner-line {
  position: absolute;
  top: 22px;
  width: 100%;
  z-index: 1; }

.webpack-build-monitor {
  position: fixed;
  bottom: 20px;
  right: 83px;
  z-index: 99999999;
  font-size: 9px;
  padding: 4px 6px;
  background: #4ab866;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 11px; }
  .webpack-build-monitor.is-warning {
    background: #f0b849; }
  .webpack-build-monitor.is-error {
    background: #d94f4f; }

.webpack-build-monitor__spinner {
  margin-right: 6px; }

.webpack-build-monitor__text {
  margin-left: 6px;
  display: block; }

.webpack-build-monitor .spinner__progress {
  fill: currentColor; }

.webpack-build-monitor .spinner__border {
  fill: #b8e3c3; }

/* Progress Indicator */
.progress-bar,
.progress-bar__progress {
  border-radius: 0; }

.wizard__progress-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #537994;
  font-size: 12px;
  margin-bottom: 8px;
  text-align: center; }
  @media (max-width: 660px) {
    .wizard__progress-indicator {
      padding-top: 8px; } }

/* Navigation */
.wizard__navigation-links {
  text-align: center; }

.wizard__navigation-links .button.is-borderless {
  color: #4f748e; }
  .wizard__navigation-links .button.is-borderless:hover {
    color: #2e4453; }

.wizard__navigation-link {
  cursor: pointer;
  display: inline-block;
  margin: 24px 12px;
  text-align: center; }

.credit-card-form__content {
  margin-bottom: 0; }

.credit-card-form__card-terms {
  color: #537994;
  margin: 5px 0 0 0;
  padding: 0;
  text-align: center; }
  @media (min-width: 661px) {
    .credit-card-form__card-terms {
      padding: 0;
      text-align: left; } }
  .credit-card-form__card-terms p {
    font-size: 12px;
    margin: 0; }
    @media (min-width: 661px) {
      .credit-card-form__card-terms p {
        margin-left: 24px; } }
  .credit-card-form__card-terms .gridicon {
    float: left; }
    @media (max-width: 660px) {
      .credit-card-form__card-terms .gridicon {
        display: none; } }

.credit-card-form__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-color: #f3f6f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .credit-card-form__footer em {
    color: #537994; }
  .credit-card-form__footer button {
    margin-left: auto; }
  @media (max-width: 660px) {
    .credit-card-form__footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      .credit-card-form__footer em {
        margin-top: 10px; }
      .credit-card-form__footer button {
        width: 100%; } }

.docs-example__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.docs-example__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.docs-example__title,
.docs-example__toggle {
  margin: 0 !important; }

.docs-example__main {
  margin-top: 16px; }

.docs-example__footer {
  margin: 0; }

.docs-example__stats {
  border-bottom: 1px solid rgba(200, 215, 225, 0.5);
  font-size: 14px;
  padding-bottom: 16px; }

.docs-example__stats-item {
  margin: 0; }

.docs-example__stats-item + .docs-example__stats-item {
  margin-top: 1.5em; }

.docs-example__wrapper {
  color: #2e4453;
  padding: 10px; }
  .docs-example__wrapper.docs-example__wrapper.is-unique {
    border: 0; }

.docs-example__wrapper-header {
  margin: 0;
  line-height: 50px;
  height: 50px;
  margin-bottom: 20px;
  position: relative; }
  .docs-example__wrapper-header span,
  .docs-example__wrapper-header a {
    color: #2e4453;
    font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
    font-size: 34px;
    font-weight: bold; }
    .docs-example__wrapper-header span.docs-example__wrapper-header-title,
    .docs-example__wrapper-header a.docs-example__wrapper-header-title {
      line-height: 50px;
      height: 50px; }
  .docs-example__wrapper-header .gridicons-link {
    margin-left: 6px;
    top: 3px;
    position: relative; }

@media (min-width: 961px) {
  .devdocs.docs-selectors {
    padding-right: 0;
    padding-left: 0; } }

.docs-selectors__results {
  list-style-type: none;
  margin: 0; }

.docs-selectors__result {
  color: #668eaa; }

.docs-selectors__result-name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.8; }
  .docs-selectors__result-name,
  .docs-selectors__result-name a {
    color: #2e4453; }

.docs-selectors__result p {
  font-size: 13px;
  margin: 0; }

.docs-selectors__result-description {
  line-height: 1.4; }

.docs-selectors__result-io:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 28px -25px -17px;
  position: relative; }
  @media (max-width: 960px) {
    .docs-selectors__result-io:not(:empty) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 480px) {
    .docs-selectors__result-io:not(:empty) {
      margin-right: -17px;
      margin-left: -17px; } }

.docs-selectors__result-label {
  background: #f3f6f8;
  border: 1px solid #a8bece;
  text-transform: uppercase;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.8;
  color: #2e4453;
  padding: 2px 8px;
  position: absolute;
  top: -12px; }

.docs-selectors__result-arguments,
.docs-selectors__result-return {
  position: relative; }

.docs-selectors__result-arguments {
  display: none;
  padding: 24px;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  background: #f3f6f8;
  border: 1px solid #a8bece;
  font-size: 14px; }
  .docs-selectors__result.is-expanded .docs-selectors__result-arguments {
    display: block; }

.docs-selectors__result-arguments-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  margin: 0; }
  .docs-selectors__result-arguments-content + .docs-selectors__result-arguments-content {
    margin-top: 16px; }

.docs-selectors__result-return {
  background: #f3f6f8;
  border: 1px solid #a8bece;
  border-top-width: 0;
  padding: 24px;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2; }
  @media (min-width: 961px) {
    .docs-selectors__result-return {
      border-left-width: 0;
      border-top-width: 1px; } }

.docs-selectors__param-type,
.docs-selectors__result-arguments-name {
  color: #2e4453; }

.docs-selectors__param-type,
.docs-selectors__param-type code {
  font-size: 16px;
  font-family: "Courier 10 Pitch", Courier, monospace; }

.docs-selectors__param-type span {
  padding-left: 4px; }

.docs-selectors__result-arguments-name {
  width: 30%;
  padding-right: 24px;
  text-align: right;
  font-family: "Courier 10 Pitch", Courier, monospace; }

.docs-selectors__result-return {
  display: none; }
  .docs-selectors__result.is-expanded .docs-selectors__result-return {
    display: block; }

.devdocs,
.design,
.wizard-component {
  font-size: 18px;
  line-height: 1.618;
  color: #2e4453;
  margin: 0 auto;
  max-width: 960px;
  padding: 1.777em 8.184em; }
  @media (max-width: 960px) {
    .devdocs,
    .design,
    .wizard-component {
      padding: 24px;
      max-width: 100%; } }

.is-section-devdocs-start .layout__primary {
  margin-left: 0; }

.devdocs__title {
  color: #4f748e;
  font-weight: 300;
  font-size: 24px;
  padding: 24px; }

.devdocs__result.card {
  padding: 16px 0; }

.devdocs__result-header {
  overflow: hidden;
  padding: 0 18px; }

.devdocs__result-title {
  clear: none;
  float: left; }

.devdocs__result-link {
  font-size: 18px; }

.devdocs__result-path {
  font-size: 0.8em;
  clear: none;
  color: #87a6bc;
  float: right;
  margin: 8px 0 0; }

.devdocs__result-snippet {
  margin: 0;
  margin-top: 10px;
  border-top: 1px solid #c8d7e1;
  padding: 9px 18px;
  font-size: 0.69333em;
  background-color: white; }
  .devdocs__result-snippet p {
    margin-bottom: 0; }

.devdocs__doc h1, .devdocs__doc h2, .devdocs__doc h3, .devdocs__doc h4, .devdocs__doc h5, .devdocs__doc h6 {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.6em; }

.devdocs__doc h1 {
  color: #0087be;
  font-size: 47px;
  line-height: 1.333; }

.devdocs__doc h2 {
  font-size: 1.777em; }

.devdocs__doc pre {
  padding: 0.8em;
  background: white;
  background-color: white; }

.devdocs__doc code {
  font-size: 0.86667em;
  background-color: white;
  padding: 0.2em;
  border-radius: 3px; }

.devdocs__doc pre > code {
  background-color: rgba(255, 255, 255, 0); }

.devdocs__doc .emoji {
  height: 18px; }

.devdocs__doc .label {
  font-weight: bold;
  font-size: 12px;
  padding: 1px 5px 2px 5px;
  border-radius: 2px; }
  .devdocs__doc .label.status-awaiting-fixes {
    background: #ea652d;
    color: white; }
  .devdocs__doc .label.status-needs-review {
    background: #fbc92f; }
  .devdocs__doc .label.status-ready-to-merge {
    background: #d6fa82; }
  .devdocs__doc .label.status-in-progress {
    background: #2880e2;
    color: white; }

.devdocs__doc video {
  max-width: 100%;
  margin-bottom: 1em; }

.devdocs__doc-header {
  font-size: 13px; }
  .devdocs__doc-header a {
    float: right; }

.devdocs__doc-content {
  margin-top: 48px; }

.devdocs__welcome {
  color: #2e4453; }

.devdocs__welcome-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px; }

.devdocs__welcome-illustration {
  float: right;
  margin-top: -120px; }

.docs__popover-hover-example__bullet {
  list-style: none;
  float: left;
  cursor: pointer;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 10px;
  background-color: #e0ffe0; }
  .docs__popover-hover-example__bullet:hover {
    background-color: #87a6bc;
    color: white; }
  .docs__popover-hover-example__bullet:nth-child(4n) {
    background-color: #e0ffff; }
    .docs__popover-hover-example__bullet:nth-child(4n):hover {
      background-color: #87a6bc;
      color: white; }
  .docs__popover-hover-example__bullet:nth-child(4n + 1) {
    background-color: #e0e0ff; }
    .docs__popover-hover-example__bullet:nth-child(4n + 1):hover {
      background-color: #87a6bc;
      color: white; }
  .docs__popover-hover-example__bullet:nth-child(4n + 2) {
    background-color: #ffffe0; }
    .docs__popover-hover-example__bullet:nth-child(4n + 2):hover {
      background-color: #87a6bc;
      color: white; }

.jetpack-connect__main {
  max-width: 400px; }
  .jetpack-connect__main .logged-out-form__links {
    max-width: 100%; }
    .jetpack-connect__main .logged-out-form__links .logged-out-form__link-item .gridicon {
      position: relative;
      top: 4px; }
  .jetpack-connect__main .formatted-header {
    margin-bottom: 16px; }

.jetpack-connect__main.is-wide {
  max-width: 100%;
  text-align: center;
  margin-bottom: 24px; }
  .jetpack-connect__main.is-wide .button.is-primary {
    width: 320px; }
  .jetpack-connect__main.is-wide .jetpack-connect__happychat-button {
    text-align: center; }

.jetpack-connect__main-error .logged-out-form__links {
  margin-top: 15px;
  text-align: center; }
  .jetpack-connect__main-error .logged-out-form__links .logged-out-form__link-item .gridicon {
    position: relative;
    top: 4px; }
  .jetpack-connect__main-error .logged-out-form__links .jetpack-connect__happychat-button {
    text-align: center; }

.jetpack-connect__site-url-entry-container {
  max-width: 400px; }

.jetpack-connect__wp-admin-dialog.dialog.card {
  max-width: 400px; }
  .jetpack-connect__wp-admin-dialog.dialog.card .jetpack-connect__install-wp-admin {
    width: 400px;
    height: 294px; }

.jetpack-connect__site-url-input-container .jetpack-connect__site-address-container,
.jetpack-connect__site-url-input-container .example-components__site-address-container,
.example-components__site-url-input-container .jetpack-connect__site-address-container,
.example-components__site-url-input-container .example-components__site-address-container {
  position: relative; }
  .jetpack-connect__site-url-input-container .jetpack-connect__site-address-container .gridicon,
  .jetpack-connect__site-url-input-container .example-components__site-address-container .gridicon,
  .example-components__site-url-input-container .jetpack-connect__site-address-container .gridicon,
  .example-components__site-url-input-container .example-components__site-address-container .gridicon {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #c8d7e1; }
  .jetpack-connect__site-url-input-container .jetpack-connect__site-address-container .form-text-input,
  .jetpack-connect__site-url-input-container .example-components__site-address-container .form-text-input,
  .example-components__site-url-input-container .jetpack-connect__site-address-container .form-text-input,
  .example-components__site-url-input-container .example-components__site-address-container .form-text-input {
    padding-left: 40px; }
  .jetpack-connect__site-url-input-container .jetpack-connect__site-address-container .spinner,
  .jetpack-connect__site-url-input-container .example-components__site-address-container .spinner,
  .example-components__site-url-input-container .jetpack-connect__site-address-container .spinner,
  .example-components__site-url-input-container .example-components__site-address-container .spinner {
    position: absolute;
    right: 8px;
    top: 10px; }

.jetpack-connect__site-url-input-container .button,
.example-components__site-url-input-container .button {
  width: 100%;
  margin-top: 16px;
  word-wrap: nowrap; }

.jetpack-connect__authorize-form .jetpack-connect__authorize-form-header {
  text-align: center; }

.jetpack-connect__logged-in-form .jetpack-connect__logged-in-form-user-text {
  text-align: center; }

.jetpack-connect__logged-in-form .gravatar {
  display: block;
  margin: 0 auto 8px auto; }

.jetpack-connect__logged-in-form .button {
  width: 100%; }

.jetpack-connect__logged-in-form .logged-out-form__links .gridicon {
  top: 2px; }

.jetpack-connect__back-button {
  margin-top: 16px; }

.jetpack-connect__install-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 661px) {
    .jetpack-connect__install-steps {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.jetpack-connect__install-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 320px;
  text-align: left; }
  @media (min-width: 481px) {
    .jetpack-connect__install-step {
      max-width: 360px; } }
  @media (min-width: 661px) {
    .jetpack-connect__install-step {
      margin: 0 8px 16px 8px; } }

.jetpack-connect__install-step-title {
  font-size: 21px;
  font-weight: 300; }

.jetpack-connect__install-step-text {
  color: #87a6bc;
  font-size: 12px;
  margin: 8px 0 16px 0;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }

.example-components__main {
  cursor: pointer;
  width: 100%; }
  .example-components__main:hover > div {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }

.example-components__browser-chrome {
  padding: 8px;
  background-color: #e9eff3;
  border-radius: 8px 8px 0 0; }

.example-components__browser-chrome-dots {
  line-height: 0;
  margin-bottom: 8px; }

.example-components__browser-chrome-dot {
  display: inline-block;
  margin-right: 8px;
  background-color: #a8bece;
  width: 8px;
  height: 8px;
  border-radius: 50%; }

.example-components__content {
  position: relative;
  margin: 0;
  line-height: 0;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.example-components__install-plugin-header {
  width: 100%;
  padding-bottom: 12%;
  background-color: #8CC258; }

.example-components__install-plugin-body {
  width: 100%;
  padding-bottom: 38%; }

.example-components__install-plugin-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 9px 16px;
  text-align: right;
  background-color: #F3F3F3; }

.example-components__install-plugin-footer-button {
  display: inline-block;
  font-size: 12px;
  padding: 7px 14px;
  line-height: 1;
  color: white;
  background-color: #008EC2;
  border: 1px solid #006799;
  border-radius: 3px; }

.example-components__activate-jetpack {
  background-color: #F1F1F1; }

.example-components__connect-jetpack {
  background-color: #F1F1F1; }

.example-components__content-wp-admin-masterbar {
  width: 100%;
  padding-bottom: 6%;
  background-color: #23282D; }

.example-components__content-wp-admin-sidebar {
  display: inline-block;
  width: 15%;
  padding-bottom: 44%;
  line-height: 0;
  background-color: #23282D; }

.example-components__content-wp-admin-main {
  display: inline-block;
  vertical-align: top;
  width: 85%;
  line-height: 1.5; }

.example-components__connect-jetpack .example-components__content-wp-admin-plugin-name {
  font-size: 14px;
  margin-bottom: 8px; }

.example-components__connect-jetpack .example-components__content-wp-admin-connect-banner {
  margin: 10px;
  padding: 10px 10px 12px 10px;
  background-color: white;
  border-left: 4px solid #46b450; }

.example-components__connect-jetpack .example-components__content-wp-admin-connect-button {
  display: inline-block;
  font-size: 12px;
  padding: 7px 14px;
  line-height: 1;
  color: white;
  background-color: #008EC2;
  border: 1px solid #006799;
  border-radius: 3px; }

.example-components__connect-jetpack.is-legacy .example-components__content-wp-admin-connect-banner {
  margin: 10px;
  padding: 12px 10px 16px 10px;
  text-align: right;
  background-color: #81A844;
  border-left: 0; }

.example-components__connect-jetpack.is-legacy .example-components__content-wp-admin-connect-button {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 11px 10px;
  color: white;
  background-color: #518D2A;
  border-color: #518D2A;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 0 0 #3E6C20; }

.example-components__content-wp-admin-plugin-card {
  margin: 10px;
  padding: 12px 10px;
  background-color: white; }

.example-components__content-wp-admin-plugin-name {
  font-size: 12px; }

.example-components__content-wp-admin-plugin-activate-link {
  font-size: 12px;
  color: #0073AA; }

.example-components__content-wp-admin-activate-view {
  margin: 10px; }

.example-components__content-wp-admin-activate-link {
  font-size: 12px;
  color: #0073AA;
  text-decoration: underline; }

.example-components__site-url-input-container .example-components__site-address-container .example-components__browser-chrome-url {
  height: 40px;
  font-size: 12px;
  color: #87a6bc; }

.jetpack-connect__sso-user-profile {
  margin-bottom: 16px; }

.jetpack-connect__sso-user-profile .gravatar {
  display: block;
  margin: 0 auto 16px; }

.jetpack-connect__sso-log-in-as {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 21px;
  font-weight: 300;
  text-align: center; }

.jetpack-connect__sso-display-name {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif; }

.jetpack-connect__sso-user-email {
  color: #a8bece;
  font-weight: 400;
  text-align: center; }

.jetpack-connect__sso-actions .button {
  display: block;
  text-align: center;
  width: 100%; }

.jetpack-connect__logged-in-form-loading {
  text-align: center; }
  .jetpack-connect__logged-in-form-loading span {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    display: block; }
  .jetpack-connect__logged-in-form-loading .spinner {
    display: inline-block;
    margin-top: 8px; }

.jetpack-connect__tos-link {
  font-size: 11px;
  margin: 0 0 16px 0;
  text-align: center; }

.jetpack-connect__tos-link-text {
  white-space: nowrap; }

.jetpack-connect__connect-button-card {
  background: #f6f9fa;
  border-top: 1px solid #e9eff3;
  box-shadow: none;
  margin: 16px -16px -16px -16px;
  padding: 16px; }
  @media (min-width: 481px) {
    .jetpack-connect__connect-button-card {
      margin: 24px -24px -24px -24px;
      padding: 24px; } }
  .jetpack-connect__connect-button-card .button.is-primary {
    margin: 0; }

.jetpack-connect__site.card {
  padding: 0; }

.jetpack-connect__sso-terms-dialog {
  max-height: 70vh;
  overflow-y: auto; }

.jetpack-connect__sso-shared-details-table {
  border-collapse: separate; }

.jetpack-connect__sso-shared-detail-row {
  margin-bottom: 16px; }
  .jetpack-connect__sso-shared-detail-row:last-child {
    margin-bottom: 0; }

.jetpack-connect__sso-shared-detail-label {
  font-weight: bold; }

.jetpack-connect__sso-shared-detail-value {
  padding-left: 16px; }

.jetpack-connect__sso-shared-detail-label,
.jetpack-connect__sso-shared-detail-value {
  padding-bottom: 8px; }

@media (max-width: 480px) {
  .jetpack-connect__sso-shared-detail-label,
  .jetpack-connect__sso-shared-detail-value {
    display: block; }
  .jetpack-connect__sso-shared-detail-label {
    padding-bottom: 0; }
  .jetpack-connect__sso-shared-detail-value {
    padding-left: 0; } }

.jetpack-connect__sso-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  background-color: transparent; }
  .jetpack-connect__sso-placeholder:after {
    content: '\00a0'; }

.jetpack-connect__sso-placeholder a {
  color: transparent; }

.jetpack-connect__sso .email-verification-gate .notice {
  margin-bottom: 0; }

.jetpack-connect__sso .email-verification-gate .notice__text {
  word-wrap: break-word;
  word-break: break-word; }

.jetpack-connect__help-button .gridicon {
  width: 18px;
  height: 18px; }

.jetpack-connect__error-details {
  margin-bottom: 16px; }

.jetpack-connect__plans-nav-buttons {
  text-align: center;
  margin-bottom: 17px; }
  .jetpack-connect__plans-nav-buttons .button .gridicon {
    padding-left: 4px;
    margin-right: -5px; }

.jetpack-connect__happychat-button {
  background: none;
  border: none;
  color: #4f748e;
  font-weight: normal;
  padding: 16px 24px;
  text-align: left;
  width: 100%; }
  .jetpack-connect__happychat-button:hover {
    color: #00aadc; }

.jetpack-connect__plans .plan-features__header-figure {
  height: 32px;
  width: 32px; }

.jetpack-connect__plans .plan-features__header-timeframe {
  height: 20px;
  margin-top: 11px; }

.jetpack-connect__plans .plan-price.is-original {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 16px;
  margin-top: 6px; }

.jetpack-connect__plans .plan-price.is-original .plan-price__currency-symbol,
.jetpack-connect__plans .plan-price.is-original .plan-price__fraction {
  font-size: 8px; }

.jetpack-connect__plans .plan-price.is-discounted {
  margin-right: 0; }

.jetpack-connect__plans .formatted-header,
.jetpack-connect__plans .formatted-header.is-without-subhead {
  margin-bottom: 8px; }

.jetpack-connect__plans .logged-out-form__links,
.jetpack-connect__plans .jetpack-connect__happychat-button {
  text-align: center; }

.jetpack-connect__plans .logged-out-form__link-item .gridicon {
  position: relative;
  top: 4px; }

.jetpack-connect__auth-form-header-image {
  text-align: center; }

.jetpack-new-site {
  max-width: 960px;
  margin: 35px auto 0;
  text-align: center; }

.jetpack-new-site__header {
  margin-bottom: 3em; }
  @media (max-width: 660px) {
    .jetpack-new-site__header {
      margin: 0 2em 2em; } }

.jetpack-new-site__header-title {
  margin-bottom: .35em;
  font-size: 34px;
  font-weight: 300;
  color: #2e4453; }

.jetpack-new-site__header-text {
  font-size: 16px;
  color: #87a6bc; }

.jetpack-new-site__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 2em; }

.jetpack-new-site__wpcom-site,
.jetpack-new-site__jetpack-site {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 360px;
  margin: 0px;
  transition: box-shadow .35s ease, z-index .15s ease, -webkit-transform .25s ease;
  transition: transform .25s ease, box-shadow .35s ease, z-index .15s ease;
  transition: transform .25s ease, box-shadow .35s ease, z-index .15s ease, -webkit-transform .25s ease; }
  .jetpack-new-site__wpcom-site:hover,
  .jetpack-new-site__jetpack-site:hover {
    z-index: 3;
    -webkit-transform: scale(1.075);
            transform: scale(1.075);
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3, 0 7px 18px rgba(184, 202, 215, 0.5);
    transition: box-shadow .35s ease, z-index .175s ease, -webkit-transform .25s ease;
    transition: transform .25s ease, box-shadow .35s ease, z-index .175s ease;
    transition: transform .25s ease, box-shadow .35s ease, z-index .175s ease, -webkit-transform .25s ease; }
  @media (max-width: 660px) {
    .jetpack-new-site__wpcom-site,
    .jetpack-new-site__jetpack-site {
      display: none; } }

.jetpack-new-site__wpcom-site .wordpress-logo,
.jetpack-new-site__jetpack-site .jetpack-logo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 72px;
  max-height: 72px;
  margin: 1.5em auto;
  transition: .25s transform ease; }

.jetpack-new-site__wpcom-site .wordpress-logo {
  fill: #0087be; }

.jetpack-new-site__jetpack-site .jetpack-logo {
  fill: #8cc258; }

.jetpack-new-site__card-title {
  margin-bottom: .75em;
  font-size: 24px;
  line-height: 1.25em; }

.jetpack-new-site__card-description {
  margin-bottom: 1em;
  color: #5c86a4; }

.jetpack-new-site__button-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%; }

.jetpack-new-site__wpcom-site .button {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
  margin-top: 16px; }

.jetpack-new-site__jetpack-site .jetpack-connect__connect-button-card,
.jetpack-new-site__mobile-jetpack-site .jetpack-connect__connect-button-card {
  background: transparent; }

.jetpack-new-site__jetpack-site .jetpack-connect__site-address-container,
.jetpack-new-site__mobile-jetpack-site .jetpack-connect__site-address-container {
  position: relative; }
  .jetpack-new-site__jetpack-site .jetpack-connect__site-address-container .gridicon,
  .jetpack-new-site__mobile-jetpack-site .jetpack-connect__site-address-container .gridicon {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #c8d7e1; }
  .jetpack-new-site__jetpack-site .jetpack-connect__site-address-container .form-text-input,
  .jetpack-new-site__mobile-jetpack-site .jetpack-connect__site-address-container .form-text-input {
    padding-left: 40px; }
  .jetpack-new-site__jetpack-site .jetpack-connect__site-address-container .spinner,
  .jetpack-new-site__mobile-jetpack-site .jetpack-connect__site-address-container .spinner {
    position: absolute;
    right: 8px;
    top: 10px; }

.jetpack-new-site__jetpack-site label,
.jetpack-new-site__mobile-jetpack-site label {
  display: none; }

.jetpack-new-site__jetpack-site input[type=text]:focus,
.jetpack-new-site__mobile-jetpack-site input[type=text]:focus {
  border-color: #8cc258;
  box-shadow: 0 0 0 2px #cce4b5; }

.jetpack-new-site__jetpack-site .button,
.jetpack-new-site__mobile-jetpack-site .button {
  width: 100%;
  margin-top: 16px;
  background: #8cc258;
  border-color: #669737; }
  .jetpack-new-site__jetpack-site .button:hover, .jetpack-new-site__jetpack-site .button:focus,
  .jetpack-new-site__mobile-jetpack-site .button:hover,
  .jetpack-new-site__mobile-jetpack-site .button:focus {
    border-color: #405e23; }
  .jetpack-new-site__jetpack-site .button:focus,
  .jetpack-new-site__mobile-jetpack-site .button:focus {
    box-shadow: 0 0 0 2px #cce4b5; }
  .jetpack-new-site__jetpack-site .button[disabled], .jetpack-new-site__jetpack-site .button:disabled,
  .jetpack-new-site__mobile-jetpack-site .button[disabled],
  .jetpack-new-site__mobile-jetpack-site .button:disabled {
    background: #c6e1ac;
    border-color: #b4d792;
    color: white; }

.jetpack-new-site__mobile {
  display: none;
  width: 100%;
  padding: 36px; }
  @media (max-width: 660px) {
    .jetpack-new-site__mobile {
      display: block; } }

.jetpack-new-site__mobile-wpcom-site .button {
  width: 100%; }

.jetpack-new-site__mobile-jetpack-site .jetpack-connect__connect-button-card {
  margin: 16px 0 0;
  padding: 0;
  border: none; }

.jetpack-new-site__divider {
  display: none;
  position: relative;
  margin: 32px 0; }
  .jetpack-new-site__divider:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: rgba(200, 215, 225, 0.5); }
  .jetpack-new-site__divider span {
    position: relative;
    z-index: 2;
    padding: 8px;
    color: #87a6bc;
    background: white; }
  @media (max-width: 660px) {
    .jetpack-new-site__divider {
      display: block; } }

.card.guided-tours__step {
  position: fixed;
  width: calc( 100% - 10px);
  max-width: 410px;
  z-index: 201000;
  background: #151e25;
  box-shadow: 0 2px 24px 0 rgba(21, 30, 37, 0.5);
  border-radius: 4px;
  padding-top: 19px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-name: guided-tours__step-fadein;
          animation-name: guided-tours__step-fadein;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }
  .card.guided-tours__step p {
    color: #e9eff3;
    margin-bottom: 16px; }
    .card.guided-tours__step p strong {
      color: white; }
    .card.guided-tours__step p:last-child {
      margin-bottom: 0; }
  .card.guided-tours__step .gridicon {
    vertical-align: middle;
    margin-top: -4px; }
  .card.guided-tours__step .gridicon[height="16"] {
    position: relative;
    top: 2px; }
  .card.guided-tours__step .gridicon[height="18"] {
    position: relative;
    top: 3px; }

.card.guided-tours__step-first {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-name: guided-tours__step-slidein;
          animation-name: guided-tours__step-slidein;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.card.guided-tours__step-finish {
  top: 20%; }

@-webkit-keyframes guided-tours__step-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.98);
            transform: translateY(20px) scale(0.98); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes guided-tours__step-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.98);
            transform: translateY(20px) scale(0.98); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@-webkit-keyframes guided-tours__step-slidein {
  0% {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  80% {
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px); }
  100% {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes guided-tours__step-slidein {
  0% {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  80% {
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px); }
  100% {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.guided-tours__choice-button-row .button {
  width: 48%; }

.guided-tours__choice-button-row .guided-tours__button-link {
  text-align: center; }

.guided-tours__choice-button-row .button:nth-child(1) {
  margin-right: 4%; }

.guided-tours__choice-button-row .button:nth-child(2) {
  color: #cccccc;
  background: none;
  border: none; }

.guided-tours__single-button-row .button {
  width: 100%; }

.guided-tours__single-button-row .guided-tours__subtle-button {
  color: #cccccc;
  background: none;
  border: none; }

.guided-tours__external-link,
.guided-tours__actionstep-instructions {
  color: #a8bece;
  margin-bottom: 0;
  font-style: italic;
  line-height: 24px;
  min-height: 24px; }
  .guided-tours__external-link .external-link,
  .guided-tours__actionstep-instructions .external-link {
    font-style: normal;
    border-top: 1px solid #2e4453;
    display: block;
    padding-top: 12px;
    margin-top: 16px; }

.guided-tours__actionstep-text {
  position: relative;
  top: 3px;
  font-style: normal;
  font-size: 190%;
  line-height: 0; }

.guided-tours__step-pointing:before {
  position: absolute;
  border: #151e25;
  content: " ";
  pointer-events: none;
  background: #151e25;
  width: 12px;
  height: 12px; }

.guided-tours__step-pointing.guided-tours__step-pointing-none:before {
  display: none; }

.guided-tours__step-pointing.guided-tours__step-pointing-top-left:before {
  top: -5.5px;
  left: 12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-top-center:before {
  top: -5.5px;
  left: 49%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-top-right:before {
  top: -5.5px;
  right: 12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-right-top:before {
  top: 15px;
  right: -5.5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-right-middle:before {
  top: 42%;
  right: -5.5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-right-bottom:before {
  bottom: 12px;
  right: -5.5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-bottom-right:before {
  bottom: -5.5px;
  right: 12px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-bottom-center:before {
  bottom: -5.5px;
  left: 49%;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-bottom-left:before {
  bottom: -5.5px;
  left: 12px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-left-bottom:before {
  bottom: 12px;
  left: -5.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-left-middle:before {
  top: 42%;
  left: -5.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-left-top:before {
  top: 12px;
  left: -5.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

/**
 * Live Chat
 */
.happychat__active-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  .happychat__active-toolbar > :first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 12px; }
  .happychat__active-toolbar > div {
    padding: 11px;
    cursor: pointer; }
  .happychat__active-toolbar > div:hover {
    background: #00bef6; }
  .happychat__active-toolbar svg {
    display: block; }

/**
 * Base styles
 */
.happychat__container {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 12px;
  font-size: 14px;
  display: none;
  /* disabled */
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .happychat__container .happychat__title {
    cursor: default;
    padding: 0;
    background: #00aadc;
    border-bottom: 1px solid #0096c3;
    color: white;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 32px; }
  .happychat__container .happychat__active-toolbar > div {
    padding: 4px 11px; }
  .happychat__container.is-open {
    display: block;
    background: #e9eff3;
    bottom: 0;
    z-index: 9999; }

.happychat__conversation {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding-bottom: 6px; }
  .happychat__conversation::before {
    content: '';
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }

.happychat__notice {
  padding: 12px;
  border-top: 1px solid #c8d7e1;
  color: white;
  background-color: #537994;
  margin: 0; }

.happychat__welcome {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  padding: 16px;
  color: #2e4453;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .happychat__welcome p {
    margin: 0;
    padding: 0; }

.happychat ::-webkit-scrollbar, .happychat__page ::-webkit-scrollbar {
  width: 12px;
  height: 12px; }

.happychat ::-webkit-scrollbar-thumb, .happychat__page ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a8bece;
  border: 3px solid transparent;
  background-clip: padding-box; }
  .happychat ::-webkit-scrollbar-thumb:hover, .happychat__page ::-webkit-scrollbar-thumb:hover {
    background-color: #87a6bc; }

/**
 * Minimize animation
 */
.layout .happychat .happychat__container.is-open.is-minimizing {
  box-shadow: none;
  border-top: 1px solid #c8d7e1;
  border-left: 1px solid #c8d7e1;
  border-right: 1px solid #c8d7e1;
  background: #e9eff3;
  -webkit-animation: happychat-minimize .5s 1 forwards;
          animation: happychat-minimize .5s 1 forwards; }
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__composer,
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__welcome,
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__conversation,
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__title .happychat__active-toolbar * {
    visibility: hidden; }
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__title {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    position: relative;
    -webkit-animation: happychat-disappear .1s 1 forwards;
            animation: happychat-disappear .1s 1 forwards; }

.layout.is-group-editor .happychat .happychat__container.is-open.is-minimizing {
  -webkit-animation: happychat-minimize-right .5s 1 forwards;
          animation: happychat-minimize-right .5s 1 forwards; }

@-webkit-keyframes happychat-disappear {
  0% {
    top: 0px; }
  50% {
    top: 4px; }
  100% {
    top: -47px; } }

@keyframes happychat-disappear {
  0% {
    top: 0px; }
  50% {
    top: 4px; }
  100% {
    top: -47px; } }

@-webkit-keyframes happychat-minimize {
  0% {
    max-height: 220px;
    bottom: 0px; }
  99%, 100% {
    right: calc( 100% - 229px);
    width: 34px;
    max-height: 34px;
    bottom: 0px; }
  100% {
    max-height: 0;
    bottom: -34px; } }

@keyframes happychat-minimize {
  0% {
    max-height: 220px;
    bottom: 0px; }
  99%, 100% {
    right: calc( 100% - 229px);
    width: 34px;
    max-height: 34px;
    bottom: 0px; }
  100% {
    max-height: 0;
    bottom: -34px; } }

@-webkit-keyframes happychat-minimize-right {
  0% {
    max-height: 220px;
    bottom: 0px; }
  99%, 100% {
    right: 0px;
    width: 34px;
    max-height: 34px;
    bottom: 0px; }
  100% {
    max-height: 0;
    bottom: -34px; } }

@keyframes happychat-minimize-right {
  0% {
    max-height: 220px;
    bottom: 0px; }
  99%, 100% {
    right: 0px;
    width: 34px;
    max-height: 34px;
    bottom: 0px; }
  100% {
    max-height: 0;
    bottom: -34px; } }

@media (min-width: 961px) {
  @-webkit-keyframes happychat-minimize {
    0% {
      max-height: 100%;
      bottom: 0px; }
    99%, 100% {
      right: calc( 100% - 273px);
      width: 34px;
      max-height: 34px;
      bottom: 0px; }
    100% {
      max-height: 0;
      bottom: -34px; } }
  @keyframes happychat-minimize {
    0% {
      max-height: 100%;
      bottom: 0px; }
    99%, 100% {
      right: calc( 100% - 273px);
      width: 34px;
      max-height: 34px;
      bottom: 0px; }
    100% {
      max-height: 0;
      bottom: -34px; } } }

/**
 * Chat composer
 */
.happychat__composer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: white;
  border-top: 1px solid #d9e3ea;
  position: relative; }
  .happychat__composer.is-disabled {
    background: #fcefd6; }

.happychat__message {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 4px;
  border: 0; }
  .happychat__message > textarea {
    padding: 12px;
    border: none;
    background: transparent;
    font-size: 14px;
    min-height: initial;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    resize: none;
    height: 100%; }
    .happychat__message > textarea:focus, .happychat__message > textarea:active {
      outline: none;
      box-shadow: none; }

.happychat__submit {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 8px;
  background: #00aadc;
  color: white;
  padding: 4px 8px;
  margin: 8px 12px 0 0;
  cursor: pointer; }
  .happychat__submit > svg {
    fill: currentColor;
    display: block; }
  .happychat__submit:hover {
    background: #10c9ff; }
  .happychat__submit:disabled {
    display: none; }

.happychat__message-text {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 12px;
  border-radius: 8px 8px 8px 0;
  color: #2e4453;
  background: white;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: pre-wrap; }
  .happychat__message-text p {
    margin: 8px 0; }
    .happychat__message-text p:first-child {
      margin-top: 0; }
    .happychat__message-text p:last-child {
      margin-bottom: 0; }
  .happychat__message-text:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid white;
    border-left: 8px solid transparent; }
  .is-user-message .happychat__message-text {
    color: white;
    background: #00aadc;
    border-radius: 8px 8px 0 8px; }
    .is-user-message .happychat__message-text:after {
      left: auto;
      right: -8px;
      width: 0;
      height: 0;
      border-bottom: 8px solid #00aadc;
      border-left: none;
      border-right: 8px solid transparent; }

.happychat__timeline-message {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 0 10px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: auto;
  margin-left: 0; }
  .happychat__timeline-message a {
    color: #00aadc;
    text-decoration: underline; }
  .happychat__timeline-message a:hover {
    text-decoration: none; }
  .happychat__timeline-message.is-user-message {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: auto;
    margin-right: 0; }
    .happychat__timeline-message.is-user-message a {
      color: #a9e9fc; }

/**
 * Panel mode
 */
@media (min-width: 481px) {
  .layout:not(.is-section-happychat) .happychat__container.is-open {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(0, 0, 0, 0.1);
    width: 280px; }
  .layout:not(.is-section-happychat) .happychat__message {
    height: auto; }
  .layout:not(.is-section-happychat) .happychat__message > textarea {
    padding: 12px; }
  .layout:not(.is-section-happychat) .happychat__conversation,
  .layout:not(.is-section-happychat) .happychat__welcome {
    min-height: 160px;
    max-height: 220px; } }

@media (max-width: 480px) {
  .layout:not(.is-section-happychat) .happychat__container.is-open {
    right: 0; }
  .layout:not(.is-section-happychat) .happychat__conversation,
  .layout:not(.is-section-happychat) .happychat__welcome {
    min-height: 160px;
    max-height: 220px; } }

/**
 * Sidebar mode
 */
@media (min-width: 1041px) {
  .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open {
    position: fixed;
    z-index: 0;
    height: calc( 100% - 47px);
    bottom: 0;
    right: 0;
    width: 272px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    box-sizing: border-box;
    box-shadow: none; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__conversation,
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__composer,
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__welcome {
      border-left: 1px solid #d9e3ea; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__active-toolbar {
      border-left: 1px solid #00a2d2; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__title {
      line-height: 46px; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__active-toolbar > div {
      padding: 11px; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__message {
      height: auto; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__message > textarea {
      padding: 12px 12px 32px 12px; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__conversation,
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__welcome {
      min-height: 160px;
      max-height: none; }
  .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .layout__content {
    padding: 79px 304px 32px; }
  .has-chat.is-section-stats .post-trends__scroll-left,
  .has-chat.is-section-stats .post-trends__scroll-right {
    display: block; }
  .has-chat .main.customize.is-iframe {
    right: 272px; } }

/**
 * Agent W.
 */
.chat__agent-w {
  display: inline-block; }

.chat__agent-w:hover {
  -webkit-animation: jiggle .5s linear;
          animation: jiggle .5s linear; }

.chat__agent-w svg .ears .electric {
  display: none; }

.chat__agent-w svg .mouth .cool,
.chat__agent-w svg .mouth .sad,
.chat__agent-w svg .mouth .asleep {
  display: none; }

.chat__agent-w svg .eyes .asleep,
.chat__agent-w svg .eyes .dreamy,
.chat__agent-w svg .eyes .dealwithit,
.chat__agent-w svg .eyes .somber,
.chat__agent-w svg .eyes .blush,
.chat__agent-w svg .eyes .sad,
.chat__agent-w svg .eyes .wink {
  display: none; }

/**
 * Electric ears
 */
.chat__agent-w .electric .ears .electric {
  display: block; }

.chat__agent-w .electric .ears .default {
  display: none; }

/**
 * Cool
 */
.chat__agent-w .cool .mouth .cool {
  display: block; }

.chat__agent-w .cool .mouth .default {
  display: none; }

.chat__agent-w .cool .eyes .dealwithit {
  -webkit-animation: dealwithit .5s linear;
          animation: dealwithit .5s linear;
  display: block; }

.chat__agent-w .cool .eyes .default {
  /*display: none; */ }

/**
 * Sad
 */
.chat__agent-w .sad .mouth .sad {
  display: block; }

.chat__agent-w .sad .mouth .default {
  display: none; }

.chat__agent-w .sad .eyes .sad {
  display: block; }

.chat__agent-w .sad .eyes .default {
  display: none; }

/**
 * Asleep
 */
.chat__agent-w .asleep .eyes .asleep {
  display: block; }

.chat__agent-w .asleep .eyes .default {
  display: none; }

.chat__agent-w .asleep .mouth .asleep {
  display: block; }

.chat__agent-w .asleep .mouth .default {
  display: none; }

/**
 * Dreamy
 */
.chat__agent-w .dreamy .eyes .dreamy {
  display: block; }

.chat__agent-w .dreamy .eyes .default {
  display: none; }

/**
 * Somber
 */
.chat__agent-w .somber .eyes .somber {
  display: block; }

.chat__agent-w .somber .eyes .default {
  display: none; }

/**
 * Blush
 */
.chat__agent-w .blush .eyes .blush {
  display: block; }

.chat__agent-w .blush .eyes .default {
  display: none; }

/**
 * Wink
 */
.chat__agent-w .wink .eyes .wink {
  display: block; }

.chat__agent-w .wink .eyes .default {
  display: none; }

/**
 * Animations
 */
@-webkit-keyframes dealwithit {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes dealwithit {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@-webkit-keyframes jiggle {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  40%, 80% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  60% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); } }

@keyframes jiggle {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  40%, 80% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  60% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); } }

.community-translator {
  position: fixed;
  bottom: 50px;
  right: 16px;
  border-radius: 27px;
  background: #0087be;
  cursor: pointer;
  padding: 4px;
  font-size: 13px;
  z-index: 99; }
  .community-translator.is-active {
    background: #f0821e; }

.community-translator__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  text-decoration: none;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .community-translator__button:hover {
    color: white; }
    .community-translator__button:hover .community-translator__text {
      transition: all 0.15s ease-in-out;
      width: auto;
      margin-right: 6px;
      padding: 0 2px; }

.community-translator__text {
  width: 0;
  overflow: hidden;
  white-space: nowrap; }

body .webui-popover {
  border-radius: 2px;
  padding: 0;
  text-align: inherit;
  border-color: #c8d7e1;
  z-index: 100300; }
  body .webui-popover .webui-popover-title {
    background-color: #c8d7e1;
    border-color: #e9eff3;
    border-radius: 1px 1px 0 0; }
  body .webui-popover.top .arrow, body .webui-popover.top-right .arrow, body .webui-popover.top-left .arrow {
    border-top-color: #c8d7e1; }
  body .webui-popover.right .arrow, body .webui-popover.right-top .arrow, body .webui-popover.right-bottom .arrow {
    border-right-color: #c8d7e1; }
  body .webui-popover.left .arrow, body .webui-popover.left-top .arrow, body .webui-popover.left-bottom .arrow {
    border-left-color: #c8d7e1; }
  body .webui-popover.bottom .arrow, body .webui-popover.bottom-right .arrow, body .webui-popover.bottom-left .arrow {
    border-bottom-color: #c8d7e1; }
    body .webui-popover.bottom .arrow:after, body .webui-popover.bottom-right .arrow:after, body .webui-popover.bottom-left .arrow:after {
      border-bottom-color: #c8d7e1; }

.community-translator__modal {
  max-width: 400px; }

.community-translator__translator-invitation {
  background: none;
  position: relative;
  padding: 24px 18px 0;
  margin-bottom: 66px;
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px; }
  .community-translator__translator-invitation:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 35px;
    z-index: -1;
    background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%); }
  .community-translator__translator-invitation .close-button {
    padding: 6px; }
  .community-translator__translator-invitation .community-translator__translator-invitation__decoration {
    background-color: #f3f6f8;
    color: #87a6bc;
    height: 22px;
    margin-left: -11px;
    margin-top: 24px;
    position: absolute;
    top: 100%;
    left: 50%;
    speak: none;
    padding: 0 8px;
    visibility: visible; }

.community-translator__translator-invitation__title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  color: #2e4453;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 12px; }

.community-translator__translator-invitation__primary-content {
  font-size: 16px;
  line-height: 24px; }
  .community-translator__translator-invitation__primary-content .button {
    display: block;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 8px;
    text-align: center; }

.community-translator__translator-invitation__secondary-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.community-translator__translator-invitation__intro {
  -webkit-box-flex: 100%;
      -ms-flex-positive: 100%;
          flex-grow: 100%;
  margin-bottom: 20px; }

.community-translator__translator-invitation__link {
  color: #00aadc;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: linear-gradient(to bottom, transparent 50%, #00aadc 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 85%; }

.community-translator__translator-invitation__actions {
  -webkit-box-flex: 100%;
      -ms-flex-positive: 100%;
          flex-grow: 100%; }
  .community-translator__translator-invitation__actions > :last-child {
    margin-right: 0; }

@media (min-width: 661px) {
  .community-translator__translator-invitation {
    padding: 12px 0 0; }
  .community-translator__translator-invitation__title {
    clear: none; }
  .community-translator__translator-invitation__primary-content {
    margin-bottom: 0; }
    .community-translator__translator-invitation__primary-content .button {
      display: inline-block;
      width: auto;
      margin-bottom: 0px;
      padding: 7px 24px;
      margin-right: 12px; }
  .community-translator__translator-invitation__intro {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-bottom: 0px; }
  .community-translator__translator-invitation__actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 2%; }
  .community-translator__translator-invitation__secondary-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; } }

.masterbar {
  background: #0087be;
  background: var(--masterbar-background-color);
  border-bottom: 1px solid #0079aa;
  border-bottom: 1px solid var(--masterbar-border-color);
  color: white;
  color: var(--masterbar-color);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  margin: 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 180;
  -webkit-font-smoothing: subpixel-antialiased;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  .is-support-user .masterbar {
    background: #f0821e;
    border-bottom: 1px solid #ea7810; }
  .is-section-theme .masterbar,
  .is-section-themes.has-no-sidebar .masterbar {
    border: none; }
  @media (min-width: 661px) {
    .masterbar {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; } }

.pride .masterbar {
  background: linear-gradient(to bottom, #e24c3e 0%, #e24c3e 16.66667%, #f47d3b 16.66667%, #f47d3b 33.33333%, #fdb813 33.33333%, #fdb813 50%, #74bb5d 50%, #74bb5d 66.66667%, #38a6d7 66.66667%, #38a6d7 83.33333%, #8c7ab8 83.33333%, #8c7ab8 100%); }
  .pride .masterbar > .masterbar__item:not(.masterbar__item-title):not(.is-active),
  .pride .masterbar > .masterbar__notifications:not(.is-active),
  .pride .masterbar > .masterbar__login-links a:not(.is-active) {
    background: rgba(0, 135, 190, 0.85); }
  .pride .masterbar > .masterbar__item:not(.masterbar__item-title):hover, .pride .masterbar > .masterbar__item:not(.masterbar__item-title):focus,
  .pride .masterbar > .masterbar__notifications:hover,
  .pride .masterbar > .masterbar__notifications:focus,
  .pride .masterbar > .masterbar__login-links a:hover,
  .pride .masterbar > .masterbar__login-links a:focus {
    background: #0099d8; }

.masterbar__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: white;
  color: var(--masterbar-color);
  font-size: 14px;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
  text-decoration: none;
  cursor: default;
  transition: all 150ms ease-in; }
  .masterbar__item:visited {
    color: white;
    color: var(--masterbar-color); }
  .masterbar__item[href] {
    cursor: pointer; }
  .masterbar__item .masterbar__item-content {
    color: white;
    color: var(--masterbar-color); }
  .masterbar__item .gridicon + .masterbar__item-content {
    padding: 0 0 0 6px; }
  .masterbar__item:hover, .masterbar__item:focus {
    background: #0099d8;
    background: var(--masterbar-item-hover-background);
    color: white;
    color: var(--masterbar-color);
    outline: 0; }
  .masterbar__item.is-active {
    background: #004967;
    background: var(--masterbar-item-active-background); }
  .is-support-user .masterbar__item.is-active {
    background: #cd690e; }
  @media (max-width: 480px) {
    .masterbar__item {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      .masterbar__item .gridicon {
        margin: 0 auto; }
      .masterbar__item .masterbar__item-content {
        display: none; } }

.masterbar__item-logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 0 0 8px; }
  .masterbar__item-logo .masterbar__wpcom-logo {
    height: 24px;
    width: 164px;
    position: relative;
    top: 6px;
    left: -4px; }
  @media (max-width: 480px) {
    .masterbar__item-logo {
      padding-right: 14px; }
    .masterbar__item-logo .masterbar__item-content {
      display: block;
      margin: 0 auto;
      width: 30px;
      overflow: hidden; } }
  .masterbar__item-logo:hover, .masterbar__item-logo:focus {
    background: transparent; }

.masterbar__item-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 0;
  text-transform: uppercase; }
  .masterbar__item-title .masterbar__item-content {
    display: block; }
  .masterbar__item-title:hover, .masterbar__item-title:focus {
    background: transparent; }

.masterbar__item-new {
  background: white;
  border-radius: 3px;
  color: #0087be;
  color: var(--masterbar-item-new-color);
  height: 36px;
  margin: 5px 8px;
  transition: all 0.2s ease-out; }
  .masterbar__item-new:visited {
    color: #0087be;
    color: var(--masterbar-item-new-color); }
  .masterbar__item-new.is-active {
    color: white; }
  .masterbar__item-new:hover, .masterbar__item-new:focus {
    background: #f3f6f8;
    color: #0087be;
    color: var(--masterbar-item-new-color); }
  .masterbar__item-new .masterbar__item-content {
    color: #0087be;
    color: var(--masterbar-item-new-color);
    display: none; }
    @media (min-width: 961px) {
      .masterbar__item-new .masterbar__item-content {
        display: block;
        margin-right: 4px; } }
  .is-support-user .masterbar__item-new,
  .is-support-user .masterbar__item-new:focus,
  .is-support-user .masterbar__item-new:hover,
  .is-support-user .masterbar__item-new:visited {
    color: #f0821e; }
  .is-support-user .masterbar__item-new.is-active {
    color: white; }
  .is-group-editor .masterbar__item-new {
    background: #004967;
    color: white; }
  .is-group-editor .masterbar__item-new:visited,
  .is-group-editor .masterbar__item-new .masterbar__item-content {
    color: white; }
  .is-group-editor .masterbar__item-new:hover {
    background: #00587c; }

.masterbar__item-me .gravatar {
  position: absolute;
  left: 16px;
  top: 12px;
  width: 18px;
  height: 18px;
  border: 2px solid white; }

.masterbar__item-me .gridicon + .masterbar__item-content {
  padding: 0; }

.masterbar__item-me .masterbar__item-me-label {
  display: none; }

.masterbar__item-notifications {
  margin-right: 12px; }
  @media (max-width: 480px) {
    .masterbar__item-notifications {
      margin-right: 0; } }
  .masterbar__item-notifications .gridicon + .masterbar__item-content {
    padding: 0; }
    @media (max-width: 480px) {
      .masterbar__item-notifications .gridicon + .masterbar__item-content {
        display: block; } }
  .masterbar__item-notifications .masterbar__item-notifications-label {
    display: none; }
  .masterbar__item-notifications .masterbar__notifications-bubble {
    border: solid 2px #0087be;
    border-radius: 50%;
    display: none;
    font-size: 8px;
    height: 8px;
    letter-spacing: 0;
    line-height: 12px;
    margin: 0 0 0 -12px;
    padding: 0;
    position: absolute;
    top: 9px;
    left: 50%;
    width: 8px;
    z-index: 99999;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-animation: bubble-unread-indication .5s linear both;
            animation: bubble-unread-indication .5s linear both;
    transition: all 150ms ease-in; }
  .masterbar__item-notifications:hover .masterbar__notifications-bubble {
    border-color: #0099d8; }
  .masterbar__item-notifications.is-active .masterbar__notifications-bubble {
    border-color: #00638b; }
  .masterbar__item-notifications.has-unread .masterbar__notifications-bubble {
    display: block;
    background: #f0821e; }
  .masterbar__item-notifications.is-initial-load .masterbar__notifications-bubble {
    -webkit-animation: none;
            animation: none; }

@-webkit-keyframes bubble-unread-indication {
  30% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  60% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes bubble-unread-indication {
  30% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  60% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

.masterbar__login-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto; }
  .masterbar__login-links .masterbar__item-content {
    display: block;
    padding-left: 0; }
  .masterbar__login-links .masterbar__item:last-child {
    padding-right: 20px; }

@media (min-width: 481px) {
  .masterbar__reader {
    margin-right: auto; } }

.masterbar__recent-drafts.popover {
  width: 280px; }
  .masterbar__recent-drafts.popover .popover__inner {
    overflow-y: auto;
    text-align: left;
    max-height: 70vh; }
    .masterbar__recent-drafts.popover .popover__inner .async-load {
      margin: 16px;
      width: auto; }

.masterbar__publish {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .masterbar__publish .async-load {
    display: none; }

.masterbar__toggle-drafts.button.is-borderless {
  background: #dce5ec;
  border-left: 1px solid #a8bece;
  color: #537994;
  height: 36px;
  margin: 5px 8px 5px -10px;
  padding: 0 8px;
  border-radius: 0 3px 3px 0;
  position: relative;
  transition: all 0.2s ease-out; }
  .masterbar__toggle-drafts.button.is-borderless .count {
    border: none;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: #2e4453;
    padding: 0 4px;
    line-height: 30px; }
  .masterbar__toggle-drafts.button.is-borderless:hover {
    background: white; }
    .masterbar__toggle-drafts.button.is-borderless:hover .count {
      color: #0087be; }
  .is-group-editor .masterbar__toggle-drafts.button.is-borderless {
    background: #005c81;
    border-left: 1px solid #0075a5; }
    .is-group-editor .masterbar__toggle-drafts.button.is-borderless .count {
      color: #f3f6f8; }
  .is-group-editor .masterbar__toggle-drafts.button.is-borderless:hover {
    background: #004967; }
    .is-group-editor .masterbar__toggle-drafts.button.is-borderless:hover .count {
      color: white; }

.masterbar__see-all-drafts {
  display: block;
  text-align: center;
  margin: 4px 0; }
  .masterbar__see-all-drafts .count {
    margin-left: 8px; }

.masterbar__recent-drafts .draft__actions {
  display: none; }

.masterbar__notifications {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  @media (min-width: 481px) {
    .masterbar__notifications {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; } }

.masterbar__oauth-client {
  background-color: #0087be; }
  .masterbar__oauth-client nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
  .masterbar__oauth-client ul {
    margin: 0; }
    .masterbar__oauth-client ul li {
      list-style-type: none; }
  .masterbar__oauth-client a {
    text-decoration: none; }
  .masterbar__oauth-client img {
    display: block; }

.masterbar__oauth-client-main-nav {
  width: 100%; }

.masterbar__oauth-client-current {
  float: left; }

.masterbar__oauth-client-logo img {
  max-height: 47px; }

.masterbar__oauth-client-wpcc-sign-in {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  color: #fff;
  display: block;
  float: right;
  line-height: 100%;
  margin-right: 4px;
  position: relative;
  top: 4px; }
  .masterbar__oauth-client-wpcc-sign-in:hover {
    background: rgba(255, 255, 255, 0.2); }
  .masterbar__oauth-client-wpcc-sign-in:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden; }

.masterbar__oauth-client-wpcom {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  float: left;
  line-height: 32px;
  padding: 3px 10px; }
  .masterbar__oauth-client-wpcom:hover {
    color: #fff; }
  .masterbar__oauth-client-wpcom:visited {
    color: rgba(255, 255, 255, 0.8); }
  .masterbar__oauth-client-wpcom .gridicon {
    margin-bottom: 5px;
    margin-right: 5px;
    vertical-align: middle; }

.dops .locale-suggestions {
  margin-top: 0; }

.woo {
  background: #e6e6e6; }
  .woo .layout__content {
    padding-top: 150px; }
  .woo .masterbar__oauth-client {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    height: 85px;
    line-height: 83px;
    margin: 0 auto;
    z-index: 100; }
    .woo .masterbar__oauth-client nav {
      box-sizing: border-box;
      max-width: 1500px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 55px;
      padding-right: 13px; }
  .woo .masterbar__oauth-client-logo {
    padding-top: 23px;
    transition: 0.05 all ease-in-out; }
    .woo .masterbar__oauth-client-logo img {
      max-height: 37px; }
  .woo .masterbar__oauth-client-close {
    float: right; }
    .woo .masterbar__oauth-client-close a {
      color: #999;
      font-size: 0.9em;
      font-weight: bold;
      padding: 32px;
      text-decoration: none;
      text-transform: uppercase; }
  .woo .button.is-primary {
    background-color: #a46497;
    border-radius: 100px;
    border: none;
    color: #fff;
    font-size: 1.1em;
    padding: 15px 50px;
    text-decoration: none;
    text-transform: capitalize; }
    .woo .button.is-primary:hover, .woo .button.is-primary:focus {
      background: #696969; }
    .woo .button.is-primary:disabled {
      background-color: #DDDDDD; }
  .woo .login__form .button,
  .woo .login__form-social .button,
  .woo .logged-out-form .button {
    max-width: 300px; }
  .woo .login__form .button {
    float: none;
    margin: 0; }
  .woo input[type='text'],
  .woo input[type='email'],
  .woo input[type='password'],
  .woo textarea {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    font-size: 1.25em;
    line-height: 1.563;
    padding: 0.7em;
    transition: all ease-in-out 0.2s;
    width: 100%; }
    .woo input[type='text']:focus, .woo input[type='text'].is-error:hover,
    .woo input[type='email']:focus,
    .woo input[type='email'].is-error:hover,
    .woo input[type='password']:focus,
    .woo input[type='password'].is-error:hover,
    .woo textarea:focus,
    .woo textarea.is-error:hover {
      border: 1px solid #e6e6e6;
      box-shadow: 0 0 5px 0 rgba(113, 176, 47, 0.8);
      outline: 0; }
  .woo .form-password-input .form-password-input__toggle-visibility {
    top: 18px; }
  .woo .login__form-header-wrapper {
    text-align: center; }
  .woo .login__form-action,
  .woo .login__social-buttons {
    text-align: center; }
  .woo .wp-login__main.main {
    max-width: 778px; }
  .woo .card {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0; }
  .woo .wp-login__container,
  .woo .step-wrapper {
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 20px 16px;
    width: 100%; }
    @media (min-width: 481px) {
      .woo .wp-login__container,
      .woo .step-wrapper {
        padding: 20px 24px; } }
    @media (min-width: 661px) {
      .woo .wp-login__container,
      .woo .step-wrapper {
        padding: 20px 100px; } }
  .woo .step-wrapper {
    margin-bottom: 50px;
    width: 778px; }
  .woo .logged-out-form {
    max-width: 100%; }
  .woo .logged-out-form label,
  .woo .login__form-userdata label {
    font-size: 16px;
    font-weight: normal; }
  .woo .login__form-signup-link {
    font-size: 15px; }
  .woo .login__form-social {
    border-top: 1px solid #e6e6e6;
    margin: 10px -16px 0;
    padding-top: 30px;
    width: calc( 100% + ( $woo-form-whitespace * 2 )); }
    @media (min-width: 481px) {
      .woo .login__form-social {
        margin: 10px -24px 0;
        width: calc( 100% + ( $woo-form-whitespace-480 * 2 )); } }
    @media (min-width: 661px) {
      .woo .login__form-social {
        margin: 20px -100px 0;
        width: calc( 100% + ( $woo-form-whitespace-660 * 2 )); } }
  .woo .wp-login__links {
    margin-top: 20px; }
  .woo .wp-login__links a {
    border: none;
    font-size: 16px;
    font-weight: normal;
    line-height: 3em;
    text-align: center; }
  .woo .logged-out-form__footer {
    background: none;
    border: none;
    text-align: center; }
  .woo .logged-out-form__links {
    text-align: center; }
  .woo .signup__step {
    background: linear-gradient(to bottom, #e6e6e6, transparent); }
  .woo .signup-processing__content:after {
    background-image: url("/calypso/images/woo/ninja-joy.svg");
    content: '';
    height: 100px;
    left: 50%;
    position: absolute;
    top: 33px;
    width: 69px; }

.dialog.card.nps-survey-notice {
  max-width: 480px;
  padding: 0; }

.NuxWelcome {
  background: none;
  position: relative;
  padding: 24px 18px 0;
  margin-bottom: 66px;
  box-shadow: none; }
  .NuxWelcome:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 35px;
    z-index: -1;
    background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%); }
  .NuxWelcome:after {
    font-size: 22px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    position: absolute;
    top: 100%;
    left: 50%;
    height: 22px;
    margin-left: -11px;
    margin-top: 24px;
    color: #87a6bc;
    padding: 0 8px;
    background-color: #e9eff3;
    visibility: visible; }
  .NuxWelcome .close-button {
    padding: 6px; }

.NuxWelcomeMessage__title {
  color: #2e4453;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
  padding-right: 24px; }

.NuxWelcomeMessage__primary-content {
  font-size: 16px;
  line-height: 24px; }
  .NuxWelcomeMessage__primary-content p {
    margin-bottom: 20px; }
  .NuxWelcomeMessage__primary-content .button {
    display: block;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 8px;
    text-align: center; }
  .NuxWelcomeMessage__primary-content img {
    display: none; }
    @media only screen and (max-width: 930px) {
      .NuxWelcomeMessage__primary-content img {
        max-height: 106px; } }

.NuxWelcomeMessage__intro a {
  color: #00aadc;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: linear-gradient(to bottom, transparent 50%, #00aadc 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 85%; }

.NuxWelcomeMessage__label {
  color: #2e4453;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 10px; }

.NuxWelcomeMessage__list {
  list-style-position: inside;
  margin-left: 0; }
  .NuxWelcomeMessage__list li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px; }

@media (min-width: 661px) {
  .NuxWelcome {
    padding: 12px 0 0; }
    .NuxWelcome .close-button:before, .NuxWelcome .close-button:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0; }
    .NuxWelcome .close-button:before {
      width: 108px;
      height: 1px;
      background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 100%); }
    .NuxWelcome .close-button:after {
      width: 1px;
      height: 108px;
      background: linear-gradient(to bottom, #c8d7e1 0%, rgba(200, 215, 225, 0) 100%); }
    .notouch .NuxWelcome .close-button:before, .notouch .NuxWelcome .close-button:after {
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
    .notouch .NuxWelcome .close-button:before {
      -webkit-transform-origin: right;
              transform-origin: right; }
    .notouch .NuxWelcome .close-button:after {
      -webkit-transform-origin: top;
              transform-origin: top; }
    .notouch .NuxWelcome .close-button:hover:before {
      -webkit-transform: scaleX(1.4);
              transform: scaleX(1.4); }
    .notouch .NuxWelcome .close-button:hover:after {
      -webkit-transform: scaleY(1.4);
              transform: scaleY(1.4); }
  .NuxWelcomeMessage__title {
    clear: none; }
  .NuxWelcomeMessage__primary-content {
    margin-bottom: 0; }
    .NuxWelcomeMessage__primary-content .button {
      display: inline-block;
      width: auto;
      padding: 7px 24px;
      margin-right: 24px; }
    .NuxWelcomeMessage__primary-content img {
      display: block;
      float: right;
      width: 22.08333%;
      margin: 6px 48px 24px 12px; } }

.offline-status {
  background: #005082;
  color: white;
  border-radius: 24px;
  font-size: 13px;
  height: 20px;
  padding: 6px 16px;
  position: fixed;
  left: 50%;
  top: 8px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 200; }
  .offline-status .gridicon {
    color: white;
    margin: -2px 2px 0 -8px;
    opacity: 0.8;
    vertical-align: middle; }

.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  padding: 0;
  background: #e9eff3;
  position: fixed;
  top: 47px;
  bottom: 0;
  left: 0; }
  @media (max-width: 960px) {
    .sidebar {
      border-right: 1px solid #d9e3ea;
      width: 228px; } }
  @media (min-width: 961px) {
    .sidebar {
      border-right: 1px solid #d9e3ea;
      width: 272px; } }
  @media (max-width: 660px) {
    .sidebar {
      left: -100%;
      width: 100%;
      max-height: calc( 100% - 47px);
      pointer-events: none;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
      .focus-sidebar .sidebar {
        pointer-events: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateX(100%);
                transform: translateX(100%); }
      .focus-sites .sidebar {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); } }
  @media (min-width: 661px) {
    .sidebar.has-regions {
      overflow: hidden; } }

.sidebar {
  margin: 0; }
  .sidebar .current-site,
  .sidebar .sidebar__footer {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .sidebar ul {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    list-style: none;
    margin: 0; }
  .sidebar li {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative; }

.sidebar__heading {
  color: #668eaa;
  font-weight: 600;
  font-size: 12px;
  margin: 16px 8px 6px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.sidebar__menu {
  display: block; }
  @media (max-width: 660px) {
    .sidebar__menu {
      margin-top: 24px; } }
  .sidebar__menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 660px) {
      .sidebar__menu li {
        background-color: #f3f6f8;
        border-bottom: 1px solid rgba(200, 215, 225, 0.5); }
        .sidebar__menu li:first-child {
          border-top: 1px solid #c8d7e1; }
        .sidebar__menu li:last-child {
          border-bottom: 1px solid #c8d7e1; } }
  .sidebar__menu a:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 0; }
    .sidebar__menu a:first-child:after {
      content: '';
      text-align: right;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 15%;
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 50%); }
      @media (max-width: 660px) {
        .sidebar__menu a:first-child:after {
          background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); } }
  .sidebar__menu a {
    font-size: 14px;
    line-height: 1;
    position: relative;
    padding: 11px 16px 11px 18px;
    color: #2e4453;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-tap-highlight-color: rgba(46, 68, 83, 0.2); }
    .sidebar__menu a:focus {
      outline: none; }
    .sidebar__menu a .sidebar__menu-link-secondary-text {
      padding: 3px 8px 4px 8px;
      margin-right: 8px;
      -ms-flex-item-align: center;
          align-self: center;
      font-weight: 600;
      font-size: 12px;
      position: absolute;
      right: 0;
      z-index: 1;
      color: #4f748e; }
  .sidebar__menu .gridicon,
  .sidebar__menu .jetpack-logo {
    fill: #87a6bc;
    height: 24px;
    width: 24px;
    margin-right: 6px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    @media (max-width: 660px) {
      .sidebar__menu .gridicon,
      .sidebar__menu .jetpack-logo {
        top: 15px;
        left: 16px;
        height: 24px;
        width: 24px; } }
    .sidebar__menu .gridicon.gridicons-external,
    .sidebar__menu .jetpack-logo.gridicons-external {
      position: absolute;
      top: 13px;
      right: 8px;
      left: auto;
      z-index: 1;
      height: 18px;
      margin-right: 0; }

a.sidebar__button, form.sidebar__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
  box-sizing: border-box;
  overflow: visible;
  padding: 2px 8px 3px 8px;
  height: 24px;
  margin-right: 8px;
  line-height: 18px;
  background-color: #f3f6f8;
  color: #4f748e;
  font-size: 12px;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #c8d7e1; }
  @media (max-width: 660px) {
    a.sidebar__button, form.sidebar__button {
      font-size: 14px;
      height: 30px;
      line-height: 23px; } }

a.sidebar__button:after,
form.sidebar__button input {
  content: '';
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -10px;
  left: -10px; }

@media (min-width: 661px) {
  .sidebar__menu .selected {
    background-color: #537994; }
    .sidebar__menu .selected a {
      color: white; }
      .sidebar__menu .selected a:first-child:after {
        background: linear-gradient(to right, rgba(83, 121, 148, 0), #537994 50%); }
    .sidebar__menu .selected .sidebar__button {
      color: #2e4453;
      border: 1px solid #415e74; }
      .sidebar__menu .selected .sidebar__button:hover {
        color: #00aadc; }
    .sidebar__menu .selected .gridicon,
    .sidebar__menu .selected .jetpack-logo {
      fill: white; }
    .sidebar__menu .selected.is-action-button-selected a:first-child:after {
      background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); } }

.notouch .sidebar__menu li:hover:not(.selected) {
  background-color: #f3f6f8; }
  .notouch .sidebar__menu li:hover:not(.selected) a:first-child:after,
  .notouch .sidebar__menu li:hover:not(.selected) form:first-child:after {
    background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
  .notouch .sidebar__menu li:hover:not(.selected) a.sidebar__button,
  .notouch .sidebar__menu li:hover:not(.selected) form.sidebar__button {
    background-color: white;
    color: #2e4453; }

@media (max-width: 660px) {
  .notouch .sidebar__menu li:hover {
    background-color: #f3f6f8; }
    .notouch .sidebar__menu li:hover a,
    .notouch .sidebar__menu li:hover form {
      color: #00aadc; }
      .notouch .sidebar__menu li:hover a:first-child:after,
      .notouch .sidebar__menu li:hover form:first-child:after {
        background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
      .notouch .sidebar__menu li:hover a.sidebar__button,
      .notouch .sidebar__menu li:hover form.sidebar__button {
        background-color: white;
        color: #2e4453; }
    .notouch .sidebar__menu li:hover .gridicon {
      fill: #00aadc; } }

.notouch .sidebar__menu li:not(.selected) a.sidebar__button:hover,
.notouch .sidebar__menu li:not(.selected) form.sidebar__button:hover {
  color: #00aadc; }

.notouch .sidebar__menu li:not(.selected) form.sidebar__button:hover {
  border-color: #c8d7e1; }

.notouch .sidebar__menu li:not(.selected) a:hover, .notouch .sidebar__menu li:not(.selected) form:hover {
  color: #00aadc; }
  .notouch .sidebar__menu li:not(.selected) a:hover .sidebar__menu-link-secondary-text, .notouch .sidebar__menu li:not(.selected) form:hover .sidebar__menu-link-secondary-text {
    color: inherit; }
  .notouch .sidebar__menu li:not(.selected) a:hover .gridicon,
  .notouch .sidebar__menu li:not(.selected) a:hover .jetpack-logo, .notouch .sidebar__menu li:not(.selected) form:hover .gridicon,
  .notouch .sidebar__menu li:not(.selected) form:hover .jetpack-logo {
    fill: #00aadc; }

.sidebar .sidebar__separator {
  border-bottom: 1px solid #c8d7e1; }

.sidebar .sidebar__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-top: 1px solid #c8d7e1;
  margin: auto 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 10px; }
  @media (max-width: 660px) {
    .sidebar .sidebar__footer {
      margin-top: 16px; } }

.sidebar .sidebar__footer .button {
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 8px;
  color: #668eaa;
  line-height: 2.1;
  margin-right: auto; }
  .sidebar .sidebar__footer .button.sidebar__footer-help, .sidebar .sidebar__footer .button.sidebar__footer-chat {
    border-left: 1px solid #c8d7e1;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40px;
            flex: 0 1 40px;
    margin-right: 0;
    margin-left: 0;
    outline: 0; }
    @media (max-width: 660px) {
      .sidebar .sidebar__footer .button.sidebar__footer-help, .sidebar .sidebar__footer .button.sidebar__footer-chat {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 56px;
                flex: 0 1 56px; } }
  .sidebar .sidebar__footer .button.sidebar__footer-help {
    margin-left: auto;
    border-radius: 0; }
  .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread {
    color: #2e4453;
    position: relative; }
    .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after {
      content: "";
      display: block;
      position: absolute;
      top: 6px;
      left: 3px;
      width: 10px;
      height: 10px;
      border: 2px solid #e9eff3;
      border-radius: 50%;
      background: #f0821e; }
      @media (max-width: 660px) {
        .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after {
          top: 14px;
          left: 11px; } }
  .sidebar .sidebar__footer .button:hover {
    color: #2e4453; }
  @media (max-width: 660px) {
    .sidebar .sidebar__footer .button {
      padding: 16px; } }
  .sidebar .sidebar__footer .button .gridicon {
    display: block;
    float: left;
    margin-right: 6px;
    top: auto;
    margin-top: auto; }

.layout.is-section-help .sidebar .sidebar__footer-help {
  background-color: #537994;
  color: white; }

.sidebar__region {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media (min-width: 661px) {
    .sidebar__region {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      /* workaround for safari scrollbar rendering bug */
      -webkit-overflow-scrolling: touch; } }

.sidebar__menu .is-placeholder {
  cursor: default;
  pointer-events: none; }
  .sidebar__menu .is-placeholder .gridicon, .sidebar__menu .is-placeholder span, .sidebar__menu .is-placeholder .sidebar__button {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d9e3ea;
    color: transparent; }
  .sidebar__menu .is-placeholder .gridicon {
    fill: transparent;
    stroke: transparent; }
  .sidebar__menu .is-placeholder a:after {
    display: none; }

.sidebar__chevron-right {
  padding-top: 10px; }

.accept-dialog {
  padding-bottom: 24px;
  max-width: 500px; }

.directly-rtm:not(.is-minimized) {
  padding: 0 !important;
  max-height: none !important;
  top: 47px;
  height: auto !important;
  box-shadow: -3px 1px 10px rgba(46, 68, 83, 0.1);
  border-left: 1px solid #D9E3EA; }

.directly-rtm.is-minimized {
  height: calc(102px + 30px) !important;
  width: calc(102px + 20px) !important; }

.dialog.keyboard-shortcuts .keyboard-shortcuts__title {
  margin: 0;
  text-align: center;
  line-height: 1em; }

.keyboard-shortcuts__categories {
  list-style: none;
  margin: 0;
  max-width: 620px;
  color: #2e4453; }

.keyboard-shortcuts__category {
  display: inline-block;
  width: 50%;
  margin-bottom: 15px;
  float: left; }

.keyboard-shortcuts__category-disabled {
  color: #87a6bc; }

.keyboard-shortcuts__site-navigation {
  float: right; }

.keyboard-shortcuts__category h3 {
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 88px; }

.keyboard-shortcuts__list {
  list-style: none;
  margin: 0;
  font-size: 12px; }

.keyboard-shortcuts__list li {
  clear: left;
  margin-bottom: 8px; }

.keyboard-shortcuts__keys {
  width: 80px;
  float: left;
  text-align: right; }

.keyboard-shortcuts__key {
  background-color: white;
  border: solid 1px #87a6bc;
  padding: 0 5px;
  min-width: 8px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 1px 1px #87a6bc;
  display: inline-block;
  margin-right: 3px; }

.keyboard-shortcuts__description {
  margin-left: 8px;
  display: inline-block; }

.active-tests {
  display: none; }

.environment-badge .environment.is-tests a.test-helper__variation {
  font-weight: normal;
  cursor: pointer;
  text-transform: initial; }
  .environment-badge .environment.is-tests a.test-helper__variation.test-helper__current-variation {
    text-decoration: underline;
    color: #f0821e; }

.test-helper__test-header {
  text-transform: initial;
  margin-top: 5px;
  font-weight: bolder; }

.environment.is-tests:hover .active-tests.card {
  display: block;
  max-height: 80vh;
  overflow-y: scroll;
  position: absolute;
  bottom: 0;
  right: 100%;
  margin: 0;
  font-size: 11px; }

.test-helper__list {
  margin: 5px 0 8px 20px; }

.mailing-lists {
  max-width: 680px;
  margin: 0 auto; }
  .mailing-lists .mailing-lists__manage-link {
    text-align: center; }

.mailing-lists__header {
  position: relative;
  margin: 40px 24px;
  padding-left: 40px; }
  @media (min-width: 481px) {
    .mailing-lists__header {
      padding-top: 8px;
      padding-left: 80px; } }
  .mailing-lists__header .gridicon {
    position: absolute;
    top: 0;
    left: 0; }
    .mailing-lists__header .gridicon.gridicons-cross {
      top: 32px;
      left: 40px; }
    .mailing-lists__header .gridicon.gridicons-mail {
      fill: #4f748e; }
      @media (max-width: 480px) {
        .mailing-lists__header .gridicon.gridicons-mail {
          height: 24px;
          width: 24px; } }
    .mailing-lists__header .gridicon.gridicons-cross {
      fill: white;
      background: #2e4453;
      border-radius: 100%;
      box-shadow: 0 0 0 3px #f3f6f8; }
      @media (max-width: 480px) {
        .mailing-lists__header .gridicon.gridicons-cross {
          height: 16px;
          width: 16px;
          top: 16px;
          left: 16px; } }
  .mailing-lists__header h1 {
    font-size: 32px;
    line-height: 1.2;
    color: #2e4453; }
    @media (max-width: 480px) {
      .mailing-lists__header h1 {
        font-size: 24px; } }
  .mailing-lists__header p {
    color: #4f748e;
    margin: 0; }

.mailing-lists__details {
  padding: 24px;
  min-height: 88px; }
  @media (min-width: 481px) {
    .mailing-lists__details {
      padding-right: 154px; } }
  .mailing-lists__details h4 {
    font-weight: bold;
    color: #4f748e;
    font-size: 15px; }
  .mailing-lists__details p {
    color: #668eaa;
    margin: 0;
    font-size: 15px; }
  @media (max-width: 480px) {
    .mailing-lists__details .button {
      margin-top: 24px;
      box-sizing: border-box;
      width: 100%; } }
  @media (min-width: 481px) {
    .mailing-lists__details .button {
      position: absolute;
      top: 24px;
      right: 24px; } }

@media (max-width: 480px) {
  .account-password__buttons-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .account-password__buttons-group .form-button {
      float: none;
      margin-top: 8px;
      margin-right: 10px;
      margin-left: 0; } }

/* rtl:ignore */
.account-password .account-password__password-field {
  padding-right: 30px;
  direction: ltr; }

.account .notice {
  margin: 5px 0 0 0; }

.account__username-form-toggle-enter {
  opacity: 0.01;
  transition: opacity .5s ease-in; }

.account__username-form-toggle-enter-active {
  opacity: 1; }

.account__username-form-toggle-leave {
  opacity: 1;
  transition: opacity .01s ease-in; }

.account__username-form-toggle-leave-active {
  opacity: 0.01; }

.account__settings-form select {
  width: 100%; }

.action-remove {
  float: right;
  padding-top: 8px;
  display: inline-block;
  color: #668eaa; }
  .action-remove:hover {
    cursor: pointer; }
  .action-remove:hover, .action-remove:focus, .action-remove:active {
    color: #0087be; }
  .action-remove:after {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }

.application-password-item__password {
  overflow: auto; }

.application-password-item__details {
  float: left; }

.application-password-item__generated {
  color: #668eaa;
  font-size: .9em; }

.application-password-item__revoke {
  float: right; }

.application-passwords__list {
  list-style-type: none;
  margin: 0; }

.application-passwords__add-new {
  margin-bottom: 1em; }

.application-passwords__add-new-card {
  display: none; }
  .application-passwords__add-new-card.is-visible {
    display: block; }

.application-passwords__new-password {
  margin-bottom: 1em; }

.application-passwords__new-password-display {
  background: #e9eff3;
  border: 1px solid #e8f0f5;
  font-size: 200%;
  font-weight: 600;
  width: 70%;
  display: block;
  text-align: center;
  margin: 10px auto;
  padding: 5px;
  letter-spacing: 2px; }

.application-passwords__new-password-message {
  color: #668eaa;
  font-size: .9em; }

.application-passwords__new-password-help {
  text-align: center; }

.billing-history__transactions {
  border-collapse: collapse;
  margin: 0; }

.billing-history__no-results {
  display: table-row; }

.billing-history__no-results-cell {
  color: #87a6bc;
  padding: 24px; }

.billing-history__transactions thead {
  border-bottom: 1px solid #e9eff3; }

.billing-history__transactions thead .header-row {
  vertical-align: top;
  height: 40px; }

.billing-history__transactions thead .header-column {
  vertical-align: top;
  padding-top: 4px; }

.billing-history__search-form {
  text-align: right; }

.billing-history__search_terms {
  display: inline-block;
  font-size: 13px;
  margin-top: 2px;
  margin-right: 12px;
  text-align: left;
  width: 100px;
  padding: 3px 9px;
  background-color: white;
  border-radius: 15px;
  border: 1px solid #e9eff3;
  transition: width 0.25s ease-out;
  outline: 0; }
  .billing-history__search_terms:focus, .billing-history__search_terms:active {
    width: 150px; }

.billing-history__reset-search {
  display: none; }

.billing-history__transaction {
  color: #2e4453;
  font-size: 14px;
  height: 66px;
  border-bottom: 1px solid #e9eff3; }
  .billing-history__transaction:last-child {
    border-bottom: none; }
  .billing-history__transaction.is-placeholder {
    height: auto; }
    .billing-history__transaction.is-placeholder td {
      padding: 24px; }
    .billing-history__transaction.is-placeholder .billing-history__transaction-text {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      background-color: #e9eff3;
      color: transparent; }
      .billing-history__transaction.is-placeholder .billing-history__transaction-text:after {
        content: '\00a0'; }

.billing-history__header-row {
  padding: 8px 0; }

.billing-history__transaction td {
  vertical-align: top;
  padding: 16px 24px; }

.billing-history__transactions tbody .billing-history__date {
  width: 140px;
  padding: 12px; }

.billing-history__transactions tbody .billing-history__trans-app {
  padding-left: 12px;
  padding-right: 12px; }

.billing-history__transactions tbody .billing-history__amount {
  text-align: right;
  width: 110px; }

.billing-history__trans-wrap:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.billing-history__service-name strong {
  font-weight: normal; }

.billing-history__service-name small {
  color: #87a6bc;
  display: block;
  font-size: 12px;
  font-style: italic; }

.billing-history__service-description {
  float: left; }

.billing-history__transaction-links {
  font-size: 12px;
  margin: 4px 0 0 0; }
  .billing-history__transaction-links a {
    padding-right: 8px; }

.filter-popover {
  position: relative;
  display: inline-block;
  padding: 8px;
  vertical-align: top; }

.filter-popover-content {
  display: none;
  position: absolute;
  top: 35px;
  z-index: 23;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2), 0 0 25px 10px rgba(0, 0, 0, 0.1);
  outline: 0; }
  .filter-popover-content.datepicker {
    right: -115px; }
  .filter-popover-content.app {
    right: -147px; }

.filter-popover.is-popped .filter-popover-content {
  display: block; }

.filter-popover-content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: -25px;
  left: 21px;
  color: #0087be;
  content: '\f500';
  font-family: Noticons;
  font-size: 20px; }

.filter-popover-content .overflow {
  overflow-x: auto;
  overflow-y: hidden; }

.filter-popover-content table {
  margin-bottom: 0; }

.filter-popover-content tr:hover td {
  background: rgba(0, 0, 0, 0.02);
  cursor: pointer;
  color: #78dcfa; }

.filter-popover-content tr.selected td {
  background-color: #2e4453;
  color: white; }

.filter-popover-content th {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  background: #0087be;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  white-space: nowrap; }

.filter-popover-content thead:first-of-type th:first-child {
  border-top-left-radius: 4px; }

.filter-popover-content thead:first-of-type th:last-child {
  border-top-right-radius: 4px; }

.filter-popover-content td {
  padding: 8px 10px;
  font-size: 13px;
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  color: #0087be; }

.filter-popover-content td.descriptor {
  font-weight: 400;
  font-size: 13px; }

.filter-popover-content td.transactions-header__count {
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  color: #777;
  color: rgba(0, 0, 0, 0.8); }

.filter-popover-toggle {
  padding: 5px 10px;
  border-radius: 3px;
  color: #87a6bc;
  font-size: 13px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid transparent;
  text-transform: uppercase; }
  .filter-popover-toggle:hover {
    background-color: white;
    border-color: rgba(0, 0, 0, 0.05); }
  .filter-popover-toggle .gridicon {
    margin-left: 4px;
    vertical-align: bottom; }

.filter-popover.is-popped .filter-popover-toggle {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

.billing-history__app-overview {
  min-height: 65px;
  padding: 10px 40px;
  position: relative;
  overflow: auto; }
  @media (max-width: 480px) {
    .billing-history__app-overview {
      padding: 10px 20px; } }
  .billing-history__app-overview img {
    max-width: 65px;
    min-height: 65px;
    float: left; }
    @media (max-width: 480px) {
      .billing-history__app-overview img {
        left: 20px; } }
  .billing-history__app-overview h2 {
    clear: none;
    float: left;
    padding: 10px 20px; }
    @media (max-width: 480px) {
      .billing-history__app-overview h2 {
        padding-top: 0; } }
    .billing-history__app-overview h2 small {
      display: block; }
  .billing-history__app-overview .billing-history__transaction-date {
    color: #87a6bc;
    font-size: 13px;
    font-style: italic;
    padding: 5px 0 0 0; }
    @media (min-width: 481px) {
      .billing-history__app-overview .billing-history__transaction-date {
        position: absolute;
        top: 10px;
        right: 40px; } }

.billing-history__receipt-details {
  background: #f3f6f8;
  list-style: none;
  padding: 20px 40px;
  margin: 20px 0 0 0;
  overflow: auto; }
  @media (max-width: 480px) {
    .billing-history__receipt-details {
      padding: 20px; } }
  .billing-history__receipt-details li {
    color: #2e4453;
    font-size: 13px;
    margin: 0 0 15px 0;
    padding: 0; }
    .billing-history__receipt-details li:last-child {
      margin: 0; }
    .billing-history__receipt-details li strong {
      color: #4f748e;
      display: block;
      font-size: 12px;
      font-weight: 600;
      margin: 0 5px 0 0;
      text-transform: uppercase; }
  .billing-history__receipt-details .billing-history__billing-details div:hover {
    border: 2px black dashed; }

.billing-history__resend {
  padding: 0;
  margin-left: 0; }

.billing-history__receipt {
  padding: 30px 40px; }
  @media (max-width: 480px) {
    .billing-history__receipt {
      padding: 30px 20px; } }
  .billing-history__receipt h4 {
    font-size: 20px; }
  .billing-history__receipt .billing-history__receipt-loading {
    color: #87a6bc; }
  .billing-history__receipt .billing-history__receipt-line-items {
    margin: 0;
    padding: 0;
    width: 100%; }
    .billing-history__receipt .billing-history__receipt-line-items th {
      border-bottom: 2px solid #d9e3ea;
      color: #87a6bc;
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase;
      width: auto; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-desc {
      width: 75%;
      text-align: left; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-amount {
      text-align: right; }
    .billing-history__receipt .billing-history__receipt-line-items td,
    .billing-history__receipt .billing-history__receipt-line-items th {
      padding: 10px 0; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-amount {
      color: #87a6bc;
      text-align: right;
      vertical-align: middle; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-item-name small {
      color: #87a6bc;
      font-size: 13px;
      margin-left: 5px;
      text-transform: lowercase; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-item-name em {
      color: #87a6bc;
      display: block;
      font-size: 13px; }
    .billing-history__receipt .billing-history__receipt-line-items tbody tr td {
      border-bottom: 1px solid #e9eff3; }
    .billing-history__receipt .billing-history__receipt-line-items tbody tr:last-child td {
      border: none; }
    .billing-history__receipt .billing-history__receipt-line-items tfoot {
      font-weight: 400;
      text-align: right;
      vertical-align: bottom; }
      .billing-history__receipt .billing-history__receipt-line-items tfoot td {
        border-top: 2px solid #d9e3ea;
        padding-bottom: 0; }

.billing-history__receipt-links .button {
  margin: 16px 0; }
  @media (min-width: 481px) {
    .billing-history__receipt-links .button {
      float: right;
      margin: 0 1%; } }

.billing-history__receipt-card.card.is-compact {
  padding: 16px 0; }

.billing-history__receipts.card,
.billing-history__upcoming-charges.card {
  padding: 0; }

.billing-history .search-card.card {
  margin: 0; }

.billing-history__receipt-card.is-placeholder .billing-history__app-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px; }
  .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-image,
  .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-title {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    height: 65px; }
    .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-image:after,
    .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-title:after {
      content: '\00a0'; }
  .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 65px;
    margin-right: 26px; }
  .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-title {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 100%; }

.billing-history__receipt-card.is-placeholder .billing-history__receipt-links {
  padding: 0 40px 10px; }
  .billing-history__receipt-card.is-placeholder .billing-history__receipt-links .billing-history__placeholder-link {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    margin-bottom: 12px; }
    .billing-history__receipt-card.is-placeholder .billing-history__receipt-links .billing-history__placeholder-link:after {
      content: '\00a0'; }
    .billing-history__receipt-card.is-placeholder .billing-history__receipt-links .billing-history__placeholder-link:last-child {
      margin-bottom: 0; }

@media print {
  .is-section-billing #secondary,
  .is-section-billing .masterbar,
  .is-section-billing .billing-history__receipt-links,
  .is-section-billing .header-cake.card {
    display: none; } }

.connected-application-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .connected-application-item__header h3 {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    display: block;
    overflow: hidden;
    margin-top: 8px; }
  .connected-application-item__header .connected-application-icon {
    width: 48px; }

.connected-application-item.is-placeholder h3 {
  color: transparent;
  width: 36%;
  line-height: 24px;
  margin-top: 8px;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }
  .connected-application-item.is-placeholder h3:before {
    content: ' '; }

.connected-application-item h2 {
  font-weight: bold; }

.connected-application-item__meta {
  font-size: 12px;
  display: inline-block;
  padding: 4px 8px;
  margin-left: 8px;
  border-radius: 4px;
  background: #87a6bc;
  color: white;
  font-weight: normal; }

.connected-application-item__connection-detail-descriptions {
  margin-left: 1.5em;
  margin-top: 4px; }
  .connected-application-item__connection-detail-descriptions li {
    padding: 0; }

.connected-applications .empty-content__illustration {
  width: 400px;
  height: 250px; }

.connected-applications__ul {
  list-style-type: none;
  margin: 0; }

.connected-application-icon.plugin-icon.is-placeholder:before,
.connected-application-icon.plugin-icon[style*='undefined']:before {
  content: ''; }

.connected-application-icon.plugin-icon {
  height: 40px !important;
  width: 40px !important;
  margin-left: 0px;
  margin-right: 12px; }
  @media (min-width: 481px) {
    .connected-application-icon.plugin-icon {
      margin-left: 0px; } }

.get-apps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.get-apps > div {
  width: 100%; }

.get-apps__card-title {
  font-size: 15px;
  margin-bottom: 4px; }
  @media (min-width: 481px) {
    .get-apps__card-title {
      font-size: 18px; } }

.get-apps__desktop,
.get-apps__mobile {
  margin-bottom: 0; }
  @media (min-width: 481px) {
    .get-apps__desktop,
    .get-apps__mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.get-apps__description {
  font-size: 13px;
  margin-bottom: 4px; }
  @media (min-width: 481px) {
    .get-apps__description {
      font-size: 15px; } }

.get-apps__also-available,
.get-apps__description:last-child {
  margin-bottom: 12px; }
  @media (min-width: 481px) {
    .get-apps__also-available,
    .get-apps__description:last-child {
      margin-bottom: 0; } }

@media (min-width: 481px) {
  .get-apps__mobile {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

.get-apps__illustration {
  background-color: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  box-sizing: border-box;
  color: #005082;
  max-width: 980px;
  overflow: hidden;
  padding: 16px;
  text-align: center; }
  @media (min-width: 481px) {
    .get-apps__illustration {
      padding: 24px; } }

.get-apps__illustration-heading {
  font-size: 16px;
  font-weight: 600;
  padding: 0 24px; }
  @media (min-width: 481px) {
    .get-apps__illustration-heading {
      font-size: 24px; } }

.get-apps__illustration-tagline {
  font-size: 11px;
  margin-bottom: 0;
  padding: 0 24px; }
  @media (min-width: 481px) {
    .get-apps__illustration-tagline {
      font-size: 14px; } }

@media (min-width: 481px) {
  .get-apps__card-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; } }

.get-apps__also-available {
  color: #537994;
  font-size: 13px;
  font-style: italic; }

@media (min-width: 481px) {
  .get-apps__desktop-button {
    margin-left: 24px; } }

.get-apps__badges img {
  height: 40px;
  margin: 0 12px 0 0;
  width: auto; }
  @media (min-width: 481px) {
    .get-apps__badges img {
      margin: 0 0 0 12px; } }

/**
 * Mobile fullscreen mode
 * Includes code to make the Me > Chat section nice on larger breakoints as well,
 * even though we'll be hiding that for the time being.
 */
.happychat__page {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  box-sizing: border-box;
  top: 0;
  margin-top: 47px;
  left: 272px;
  right: 0;
  bottom: 0; }

@media (min-width: 1041px) {
  .happychat__page .happychat__timeline-message {
    max-width: 80%; } }

@media (max-width: 960px) {
  .happychat__page {
    left: 229px; } }

@media (max-width: 660px) {
  .happychat__page {
    left: 0; } }

.help-contact-confirmation {
  text-align: center;
  display: table;
  width: 100%;
  min-height: calc( 100vh - 150px); }
  .help-contact-confirmation .gridicon.gridicons-checkmark-circle {
    color: #4ab866; }
  .help-contact-confirmation .gridicon.gridicons-notice {
    color: #d94f4f; }
  .help-contact-confirmation .form-section-heading {
    margin: 13px 0px 7px 0px; }
    @media (max-width: 660px) {
      .help-contact-confirmation .form-section-heading {
        margin: 7px 0px 3px 0px;
        font-size: 24px;
        line-height: 32px; } }
  @media (min-width: 661px) {
    .help-contact-confirmation {
      min-height: auto;
      height: 556px; } }

.help-contact-confirmation__contents {
  display: table-cell;
  vertical-align: middle; }
  @media (min-width: 661px) {
    .help-contact-confirmation__contents {
      display: block;
      margin-top: 100px; } }

.help-contact-confirmation__large-gridicon {
  display: none; }

@media (min-width: 661px) {
  .help-contact-confirmation__large-gridicon {
    display: block; }
  .help-contact-confirmation__small-gridicon {
    display: none; } }

.help-contact-confirmation__message {
  font: 14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  color: #87a6bc;
  max-width: 340px;
  display: inline-block;
  margin-bottom: 0px; }

.help-contact__placeholder {
  color: transparent; }
  .help-contact__placeholder .help-contact__header {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    background-color: #e9eff3;
    height: 18px;
    margin-bottom: 2px;
    width: 150px; }
    .help-contact__placeholder .help-contact__header:after {
      content: '\00a0'; }
  .help-contact__placeholder .help-contact__textarea {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    background-color: #e9eff3;
    height: 50px;
    margin-bottom: 32px; }
    .help-contact__placeholder .help-contact__textarea:after {
      content: '\00a0'; }

.help-contact__chat-form {
  padding: 0px; }
  .help-contact__chat-form #habla_conversation_div {
    height: calc( 100vh - 220px) !important;
    min-height: 167px; }
    @media (min-width: 661px) {
      .help-contact__chat-form #habla_conversation_div {
        max-height: 625px; } }
  .help-contact__chat-form #habla_window_div #habla_expanded_div {
    border: none; }
  .help-contact__chat-form #habla_window_div #habla_chatform_form {
    margin-top: 0px;
    padding-left: 0px; }
  .help-contact__chat-form #habla_window_div #habla_input_div {
    /* Stretch the text area to the sides of the contact form */
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: -6px; }
  .help-contact__chat-form #habla_window_div #habla_wcsend_input {
    border: none;
    resize: none !important; }
  .help-contact__chat-form #habla_window_div #habla_middle_div {
    padding-bottom: 0px; }
  .help-contact__chat-form #habla_window_div #habla_conversation_div .habla_conversation_p_item {
    margin-left: 14px;
    margin-right: 10px;
    margin-top: 8px; }

.help-contact__form {
  margin-bottom: 70px; }

.help-contact-closed {
  color: #2e4453;
  font-size: 14px; }

.help-contact-closed__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0; }

.help-contact-closed__detail-icon {
  border-radius: 50%;
  margin-right: 16px;
  background-color: white;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.help-contact-closed__detail-text {
  padding-right: 15px; }

.help-contact-form .form-textarea {
  resize: vertical; }

.help-contact-form .form-button {
  margin-top: 11px; }

.help-contact-form__subject,
.help-contact-form__site-selection,
.help-contact-form__selection {
  margin-bottom: 24px; }
  @media (min-width: 961px) {
    .help-contact-form__subject,
    .help-contact-form__site-selection,
    .help-contact-form__selection {
      margin-bottom: 32px; } }

.help-contact-form__selection .select-dropdown__container {
  width: 100%; }

.help-contact-form__selection .segmented-control {
  display: none; }

@media (min-width: 961px) {
  .help-contact-form__selection .segmented-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .help-contact-form__selection .segmented-control__text {
    font-size: 14px;
    line-height: 18px; }
  .help-contact-form__selection .select-dropdown {
    display: none; } }

.help-contact-form__selection-subtext {
  display: block;
  font-size: 11px;
  line-height: 16px; }

.help-courses__course-list.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  height: 300px; }
  .help-courses__course-list.is-placeholder:after {
    content: '\00a0'; }

.help-courses__course {
  margin-top: 16px; }
  .help-courses__course.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .help-courses__course.is-placeholder:after {
      content: '\00a0'; }
  .help-courses__course .help__help-teaser-button-icon {
    color: #f0b849 !important; }
  .help-courses__course .help__help-teaser-button .card {
    border-color: #f0b849 !important; }

.help-courses__course-videos-label,
.help-courses__header-cake .header-cake__title,
.help-courses__course-label {
  color: #87a6bc; }

.help-courses__course-video-title,
.help-courses__course-title {
  color: #2e4453;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 8px;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  @media (min-width: 481px) {
    .help-courses__course-video-title,
    .help-courses__course-title {
      font-size: 24px;
      line-height: 1.416; } }

.help-courses__course-video-description,
.help-courses__course-description {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0px; }
  @media (min-width: 481px) {
    .help-courses__course-video-description,
    .help-courses__course-description {
      font-size: 16px;
      line-height: 1.618; } }

.help-courses__course-schedule-item {
  color: #87a6bc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.help-courses__course-schedule-item-date {
  font-size: 13px;
  display: inline-block;
  margin: 0px 10px 0px 0px;
  white-space: normal; }
  @media (min-width: 481px) {
    .help-courses__course-schedule-item-date {
      font-size: 15px; } }

.help-courses__course-video-date-icon,
.help-courses__course-schedule-item-icon {
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 5px;
  margin-bottom: -3px; }

.help-courses__course-schedule-item-buttons {
  margin-left: auto; }

.help-courses__course-schedule-item-businessplan-button {
  background-color: #2e4453;
  border-radius: 3px;
  color: #f3f6f8;
  padding: 5px 12px;
  cursor: default;
  font-size: 14px;
  white-space: nowrap; }

.help-courses__course-videos {
  margin-top: 16px; }

.help-courses__course-video-date {
  color: #87a6bc;
  font-size: 13px; }

.help-courses__course-video-embed {
  /*Maintain a 16:9 aspect ratio*/
  position: relative; }
  .help-courses__course-video-embed:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
    background-color: #000; }

.help-courses__course-video-embed-iframe {
  border: none;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0; }

.help-unverified-warning {
  margin-top: 16px; }

.help-happiness-engineers {
  margin: 12px 0px 64px 0px;
  padding: 0 24px; }
  @media (min-width: 661px) {
    .help-happiness-engineers {
      margin: 24px 0px 64px 0px; } }

@media (max-width: 660px) {
  .help-happiness-engineers .form-section-heading {
    font: 300 16px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } }

.help-happiness-engineers__description {
  margin: -16px 0px 12px 0px;
  font: 14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  color: #668eaa; }
  @media (min-width: 661px) {
    .help-happiness-engineers__description {
      margin: -16px 0px 20px 0px; } }

.help-happiness-engineers__tray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 10px);
  height: 42px;
  overflow: hidden; }

.help-happiness-engineers__tray .gravatar {
  margin-right: 10px;
  height: 42px; }

.help-results {
  margin-bottom: 16px; }
  .help-results.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    height: 380px;
    margin-bottom: 15px; }
    .help-results.is-placeholder:after {
      content: '\00a0'; }

.help-results__header.card.is-compact,
.help-results__footer.card.is-compact {
  padding: 8px 16px; }

.help-results__footer {
  font: 14px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.help-result:hover .help-result__title {
  color: #00aadc; }

.help-result__icon {
  position: absolute;
  margin: -2px 16px 0px -8px;
  fill: #87a6bc; }

.help-result__title {
  margin: -2px 0px 0px 32px;
  color: #0087be;
  font: 16px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.help-result__description {
  color: #4f748e;
  font: 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  margin: 2px 0px 0px 32px; }

.help-search {
  margin-bottom: 16px; }
  .help-search.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    height: 50px;
    margin-bottom: 15px; }
    .help-search.is-placeholder:after {
      content: '\00a0'; }

.help-search .no-results {
  margin-left: 35px; }
  @media (max-width: 660px) {
    .help-search .no-results {
      margin-left: 25px; } }

.help-results__placeholder .section-header__label,
.help-results__placeholder .help-result__icon,
.help-results__placeholder .help-result__title,
.help-results__placeholder .help-result__description {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .help-results__placeholder .section-header__label:after,
  .help-results__placeholder .help-result__icon:after,
  .help-results__placeholder .help-result__title:after,
  .help-results__placeholder .help-result__description:after {
    content: '\00a0'; }

.help-results__placeholder .help-results__footer {
  display: none; }

.help__support-links.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  height: 250px;
  margin-bottom: 15px; }
  .help__support-links.is-placeholder:after {
    content: '\00a0'; }

.help__support-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.help__support-link .help__support-link-section {
  padding-right: 32px; }

.help__support-link .help__support-link-title:hover {
  color: #00aadc; }

.help__support-link-contact.is-card-link {
  padding-right: 24px; }

.help__support-link-contact .help__support-link-section {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.help__support-link-contact .gridicon {
  display: none; }

.help__support-link-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: center;
      align-self: center; }

.help__support-link.is-compact.is-card-link {
  padding-right: 16px; }

.help__support-link-title {
  font-size: 16px;
  color: #0087be; }
  @media (min-width: 661px) {
    .help__support-link-title {
      font-size: 21px; } }

.help__support-link-content {
  margin-bottom: 0;
  font-size: 14px;
  color: #2e4453; }

.help__help-teaser-button.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  height: 64px;
  margin-bottom: 15px; }
  .help__help-teaser-button.is-placeholder:after {
    content: '\00a0'; }

.help__help-teaser-button .card {
  border-left: 3px solid #0087be;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
  padding: 12px 12px; }
  .help__help-teaser-button .card .button {
    margin-left: auto; }
  .help__help-teaser-button .card.is-no-margin {
    margin: 0; }

.help__help-teaser-text {
  padding-right: 10px; }

.help__help-teaser-button-icon {
  color: #0087be;
  border-radius: 50%;
  margin-right: 16px;
  background-color: white;
  -ms-flex-item-align: center;
      align-self: center; }

.help__help-teaser-button-title {
  color: #2e4453;
  font-size: 14px;
  font-weight: 500;
  padding-right: 15px; }

.help__help-teaser-button-description {
  color: #87a6bc;
  font-size: 12px;
  display: block;
  padding-right: 15px; }

.has-no-sidebar .next-steps {
  max-width: 640px; }

.next-steps__title {
  color: #2e4453;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
  padding-right: 24px; }

.next-steps__outro {
  clear: both; }

.next-steps-box {
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 20px 0; }
  @media (min-width: 481px) {
    .next-steps-box {
      float: left;
      width: 48%; }
      .next-steps-box:nth-child(2n) {
        margin-right: 4%; }
      .next-steps-box.is-primary {
        width: 100%; } }
  .next-steps-box .next-steps-box__step-header {
    background: #2e4453 url(/calypso/images/me/pattern-dark.png) 0 0 no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 20px 16px; }
    @media (min-width: 481px) {
      .next-steps-box .next-steps-box__step-header {
        min-height: 60px; } }
    .next-steps-box .next-steps-box__step-header h2 {
      color: white;
      font-size: 1.25em;
      font-weight: 300; }
  .next-steps-box .next-steps-box__step-body {
    padding: 16px 16px 58px 16px;
    position: relative; }
    @media (min-width: 481px) {
      .next-steps-box .next-steps-box__step-body {
        min-height: 150px; } }
    .next-steps-box .next-steps-box__step-body.is-primary {
      min-height: 0; }
    .next-steps-box .next-steps-box__step-body p {
      font-size: .9em; }
    .next-steps-box .next-steps-box__step-body .gridicon {
      vertical-align: middle; }
    .next-steps-box .next-steps-box__step-body .next-steps-box__step-action {
      position: absolute;
      bottom: 16px;
      left: 16px;
      right: 16px; }
      .next-steps-box .next-steps-box__step-body .next-steps-box__step-action .button {
        text-align: center;
        width: 100%; }

.blogs-settings__header-legend, .blogs-settings__header-expand, .notification-settings-blog-settings-placeholder__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.notification-settings-blog-settings.is-expanded,
.notification-settings-blog-settings-placeholder.is-expanded {
  margin-top: 16px; }

.notification-settings-blog-settings.card,
.notification-settings-blog-settings-placeholder.card {
  padding-top: 0;
  padding-bottom: 0; }

.blogs-settings__header,
.notification-settings-blog-settings-placeholder__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #87a6bc; }
  @media (min-width: 481px) {
    .blogs-settings__header,
    .notification-settings-blog-settings-placeholder__header {
      cursor: pointer; } }
  .blogs-settings__header .site__content,
  .notification-settings-blog-settings-placeholder__header .site__content {
    padding-left: 0; }

.blogs-settings__header-legend {
  margin-right: 10px; }

.blogs-settings__header-expand {
  display: none;
  color: #e9eff3; }
  @media (min-width: 481px) {
    .blogs-settings__header-expand {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.notification-settings-blog-settings-placeholder__blog {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }

.notification-settings-blog-settings-placeholder__blog__content {
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 16px 16px 16px 0;
  position: relative;
  width: 100%; }

.notification-settings-blog-settings-placeholder__blog__content__icon {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  position: relative;
  background: #c8d7e1;
  border: 1px solid white;
  height: 32px;
  width: 32px;
  line-height: 32px;
  overflow: hidden;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 12px; }

.notification-settings-blog-settings-placeholder__blog__content__icon__noticon {
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  width: 32px; }

.notification-settings-blog-settings-placeholder__blog__info {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.notification-settings-blog-settings-placeholder__blog__info__title {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  width: 150px;
  display: block;
  font-weight: 400;
  line-height: 1.4; }

.notification-settings-blog-settings-placeholder__blog__info__domain {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  display: block;
  width: 250px;
  font-size: 0.8em;
  font-style: italic;
  margin-top: 1px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.notification-settings-blog-settings-placeholder__legend em {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  width: 160px;
  height: 22px; }

.notification-settings-comment-settings__placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }

.notification-settings-push-notification-settings__instruction {
  margin: 24px 0 0 0; }

.notification-settings-push-notification-settings__instruction-dialog {
  position: relative; }

.notification-settings-push-notification-settings__instruction-image svg {
  width: 180px;
  height: 180px; }

.notification-settings-push-notification-settings__instruction-dismiss {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0;
  cursor: pointer;
  color: #87a6bc; }
  .notification-settings-push-notification-settings__instruction-dismiss:hover, .notification-settings-push-notification-settings__instruction-dismiss:focus {
    color: #2e4453; }

.notification-settings-push-notification-settings__instruction-content {
  max-width: 500px;
  text-align: center; }
  @media (max-width: 660px) {
    .notification-settings-push-notification-settings__instruction-content {
      text-align: left; } }

.notification-settings-push-notification-settings__instruction-title {
  font-weight: 500;
  display: block;
  margin-bottom: 24px; }

.notification-settings-push-notification-settings__instruction-step {
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 24px; }
  .notification-settings-push-notification-settings__instruction-step p {
    margin: 16px 0 0 0; }
  @media (max-width: 660px) {
    .notification-settings-push-notification-settings__instruction-step {
      width: 100%;
      min-height: 80px;
      position: relative;
      text-align: left;
      padding: 11px 16px 0 82px; }
      .notification-settings-push-notification-settings__instruction-step img {
        position: absolute;
        top: 8px;
        left: 8px;
        max-width: 60px; } }

.card.notification-settings-push-notification-settings__settings {
  padding-left: 48px;
  position: relative; }

.notification-settings-push-notification-settings__settings-heading {
  font-weight: 600;
  position: relative;
  margin-bottom: 8px; }

.notification-settings-push-notification-settings__settings-icon {
  position: absolute;
  top: 0;
  left: -32px; }

.push-notification-settings__instruction-refresh-notice {
  text-align: left;
  margin-top: 32px;
  margin-bottom: 0;
  color: #2e4453; }

.notification-settings-push-notification-settings__settings-state {
  font-size: 13px;
  font-weight: 500;
  margin-left: 8px;
  text-transform: uppercase;
  color: #a8bece; }
  .notification-settings-push-notification-settings__settings-state.is-enabled {
    color: #4ab866; }

.notification-settings-push-notification-settings__settings-description {
  margin-bottom: 0; }
  @media (min-width: 661px) {
    .notification-settings-push-notification-settings__settings-description {
      margin-right: 130px; } }

.notification-settings-push-notification-settings__settings-button {
  margin-top: 8px; }
  @media (min-width: 661px) {
    .notification-settings-push-notification-settings__settings-button {
      margin-top: 0;
      position: absolute;
      bottom: 24px;
      right: 24px; } }
  .notification-settings-push-notification-settings__settings-button.is-enable {
    background: #00aadc;
    border-color: #0087be;
    color: white; }
    .notification-settings-push-notification-settings__settings-button.is-enable:hover, .notification-settings-push-notification-settings__settings-button.is-enable:focus {
      border-color: #005082;
      color: white; }
    .notification-settings-push-notification-settings__settings-button.is-enable[disabled], .notification-settings-push-notification-settings__settings-button.is-enable:disabled {
      background: #bceefd;
      border-color: #8cc9e2;
      color: white; }

.notification-settings-form__streams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.notification-settings-form-stream-selector .form-select {
  width: 100%;
  margin: 0; }

@media (min-width: 481px) {
  .notification-settings-form-stream-selector {
    display: none; } }

.notification-settings-form-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .notification-settings-form-labels .notification-settings-form-header__title {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

.notification-settings-form-label-list {
  list-style: none;
  margin: 15px 10px 0 10px; }

.notification-settings-form-label-list__item {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.notification-settings-form-header {
  display: none; }
  @media (min-width: 481px) {
    .notification-settings-form-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-top: solid 1px #f3f6f8;
      border-bottom: solid 1px #f3f6f8;
      height: 50px; } }

.notification-settings-form-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #87a6bc;
  font-size: 11px;
  padding: 10px; }
  .notification-settings-form-header__title .form-select {
    max-width: 125px; }
  .notification-settings-form-header__title .noticon {
    margin-right: 5px; }

.notification-settings-form-stream {
  display: none; }
  .notification-settings-form-stream.selected-stream {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  @media (min-width: 481px) {
    .notification-settings-form-stream {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .notification-settings-form-stream.selected-stream {
        display: none; } }

.notification-settings-form-stream-options {
  color: #87a6bc;
  margin: 20px 0 10px;
  display: block; }

.notification-settings-form-stream-options__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .notification-settings-form-stream-options__item .form-toggle__switch {
    width: 32px;
    height: 16px; }
    .notification-settings-form-stream-options__item .form-toggle__switch:after {
      width: 12px;
      height: 12px; }

.notification-settings-form-actions {
  display: block;
  border-top: solid 1px #f3f6f8;
  padding: 15px 0 15px 0;
  text-align: right; }
  .notification-settings-form-actions .form-fieldset {
    margin-bottom: 10px; }
    @media (min-width: 481px) {
      .notification-settings-form-actions .form-fieldset {
        margin: 10px 0 0 0;
        float: left; } }
  .notification-settings-form-actions .form-label {
    text-align: left; }
  .notification-settings-form-actions .form-button {
    float: none; }
  @media (min-width: 481px) {
    .notification-settings-form-actions {
      height: 55px;
      padding: 15px 0 0 0; } }

.notification-settings-form-actions__save-to-all {
  background: transparent;
  color: #4f748e; }

.notification-settings-wpcom-settings__placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }

.me-profile-settings .edit-gravatar {
  text-align: center; }
  @media (min-width: 961px) {
    .me-profile-settings .edit-gravatar {
      float: left;
      margin-right: 40px;
      margin-bottom: 20px; } }

@media (min-width: 961px) {
  .me-profile-settings .form-fieldset:nth-child(1),
  .me-profile-settings .form-fieldset:nth-child(2) {
    clear: right; } }

.profile-gravatar .gravatar {
  display: block;
  margin: 0 auto; }

.profile-gravatar__user-secondary-info {
  margin-bottom: 30px;
  text-align: center;
  color: #4f748e;
  font-size: 14px; }

.profile-gravatar__user-display-name {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 16px 0 0;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word; }

.profile-link {
  margin-bottom: 15px;
  position: relative;
  padding-left: 62px;
  height: 50px; }
  .profile-link.is-placeholder .profile-link__image-link,
  .profile-link.is-placeholder .profile-link__title,
  .profile-link.is-placeholder .profile-link__url,
  .profile-link.is-placeholder .profile-link__remove {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .profile-link.is-placeholder .profile-link__title {
    height: 18px;
    margin-bottom: 2px; }
  .profile-link.is-placeholder .profile-link__url {
    height: 12px; }
  .profile-link .profile-link__remove {
    float: none;
    position: absolute;
    top: 0;
    right: 0; }

.profile-link__image-link {
  display: block;
  height: 32px;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #e9eff3; }

.profile-link__link {
  text-decoration: none; }

.profile-link__title {
  color: #2e4453;
  float: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none; }
  .profile-link__title:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 45%;
    height: auto; }

.profile-link__url {
  font-size: 11px;
  line-height: 1.4;
  color: #87a6bc;
  float: left;
  clear: left; }

input.profile-links-add-other__value {
  margin: 0 0 10px 0; }

input.profile-links-add-other__title {
  margin: 0 0 10px 0; }

.profile-links-add-other .notice {
  margin-bottom: 1.5em; }

.profile-links-add-other__add {
  margin-left: 10px; }

.profile-links-add-wordpress__list {
  list-style: none;
  margin: 0; }

.profile-links-add-wordpress__item {
  margin-bottom: 10px; }

.profile-links-add-wordpress__domain {
  color: #87a6bc;
  font-size: 12px;
  margin-left: 24px; }

input[type=checkbox].profile-links-add-wordpress__checkbox {
  margin-top: 16px; }

.profile-links-add-wordpress .site__content {
  padding: 6px 18px; }

.profile-links-add-wordpress .notice {
  margin-bottom: 1.5em; }

.profile-links__list {
  margin: 0;
  list-style: none; }

.profile-links__no-links {
  display: block;
  font-style: italic;
  color: #87a6bc; }

.profile-links .notice {
  margin-bottom: 1.5em; }

.button.add-buttons__add-wp-site {
  margin-left: 8px; }

.cancel-privacy-protection .notice {
  margin-bottom: 10px; }
  @media (min-width: 661px) {
    .cancel-privacy-protection .notice {
      margin-bottom: 15px; } }

.cancel-privacy-protection__card {
  color: #2e4453; }
  .cancel-privacy-protection__card.is-placeholder .cancel-privacy-protection__text span {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    display: block;
    margin-bottom: 3px; }
    .cancel-privacy-protection__card.is-placeholder .cancel-privacy-protection__text span:after {
      content: '\00a0'; }

.cancel-privacy-protection__cancel-button {
  margin-top: 10px; }
  .cancel-privacy-protection__cancel-button[disabled] {
    color: #87a6bc; }

.cancel-purchase__card h2 {
  color: #2e4453;
  font-size: 21px;
  font-weight: 200;
  margin-bottom: 20px; }

.cancel-purchase__card p {
  color: #668eaa;
  font-size: 14px; }

.cancel-purchase__card hr {
  background: #f3f6f8; }

.cancel-purchase__content {
  margin: 0;
  padding: 0 0 10px 0; }
  @media (min-width: 661px) {
    .cancel-purchase__content {
      width: 55%; } }
  .cancel-purchase__content p {
    color: #779ab3;
    display: block;
    font-size: 13px;
    line-height: 150%;
    margin-top: 5px; }
  .cancel-purchase__content hr {
    margin: 18px 0; }

.cancel-purchase__product-information .product-link {
  font-size: 14px; }

.cancel-purchase__purchase-name {
  font-size: 16px;
  font-weight: 600; }

.cancel-purchase__refund-information,
.cancel-purchase__support-information {
  font-size: 14px; }

.cancel-purchase__site-title {
  font-size: 12px;
  text-transform: uppercase; }

.cancel-purchase__section {
  color: #4f748e;
  margin: 0; }

.cancel-purchase__section-header {
  display: block;
  font-size: 16px;
  font-weight: 400; }

.cancel-purchase__footer {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .cancel-purchase__footer:after {
    display: none; }

.cancel-purchase__refund-amount {
  color: #4ab866;
  font-size: 14px;
  margin: 0;
  padding: 0 10px 5px 0; }

@media (max-width: 660px) {
  .cancel-purchase__button {
    width: 100%; } }

.cancel-purchase-loading-placeholder__cancel-button {
  width: 30%; }

.cancel-purchase-loading-placeholder__header {
  height: 36px;
  margin-bottom: 15px;
  width: 70%; }

.cancel-purchase-loading-placeholder__reason {
  height: 12px;
  margin-bottom: 5px;
  width: 60%; }

.cancel-purchase-loading-placeholder__subheader {
  height: 24px;
  margin-bottom: 10px;
  width: 50%; }

.cancel-purchase__button-warning-dialog {
  max-width: 472px; }

.loading-placeholder button, .loading-placeholder input, .loading-placeholder select {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  cursor: default;
  pointer-events: none; }
  .loading-placeholder button:after, .loading-placeholder input:after, .loading-placeholder select:after {
    content: '\00a0'; }

.loading-placeholder__content {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .loading-placeholder__content:after {
    content: '\00a0'; }

.confirm-cancel-domain {
  margin-bottom: 300px; }
  .confirm-cancel-domain h3:first-of-type, .confirm-cancel-domain h4:first-of-type {
    margin-top: 10px; }

.confirm-cancel-domain__help-message,
.confirm-cancel-domain__confirm-container {
  margin-top: 20px; }

.confirm-cancel-domain__reason-details {
  height: 136px; }

.credit-card-delete {
  position: relative; }
  .credit-card-delete .credit-card-delete__button {
    position: absolute;
    right: 15px;
    top: 15px; }
  .credit-card-delete .stored-card {
    padding-right: 120px; }

.credit-cards__no-results {
  display: block;
  color: #87a6bc; }
  @media (max-width: 480px) {
    .credit-cards__no-results {
      padding: 8px; } }

.credit-cards__single-card {
  border: 1px solid #e9eff3;
  border-top: none; }
  .credit-cards__single-card:first-child {
    border-top: 1px solid #e9eff3; }

.purchase-item.card.is-expired .purchase-item__plan-icon,
.purchase-item.card.is-expired .purchase-item__title,
.purchase-item.card.is-expired .purchase-item__purchase-type {
  opacity: 0.7; }

.purchase-item.card .purchase-item__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.purchase-item.card .purchase-item__details,
.purchase-item.card .purchase-item__plan-icon {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.purchase-item.is-placeholder {
  padding: 16px 24px; }
  .purchase-item.is-placeholder .purchase-item__plan-icon,
  .purchase-item.is-placeholder .purchase-item__title,
  .purchase-item.is-placeholder .purchase-item__purchase-date,
  .purchase-item.is-placeholder .purchase-item__purchase-type {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .purchase-item.is-placeholder .purchase-item__plan-icon:after,
    .purchase-item.is-placeholder .purchase-item__title:after,
    .purchase-item.is-placeholder .purchase-item__purchase-date:after,
    .purchase-item.is-placeholder .purchase-item__purchase-type:after {
      content: '\00a0'; }
  .purchase-item.is-placeholder .purchase-item__plan-icon {
    height: 32px;
    border-radius: 50%; }
  .purchase-item.is-placeholder .purchase-item__purchase-date {
    width: 40%; }
  .purchase-item.is-placeholder .purchase-item__purchase-type {
    width: 30%; }
  .purchase-item.is-placeholder .purchase-item__title {
    width: 60%; }

.purchase-item__plan-icon {
  margin: 0 8px 0 0;
  max-width: 32px;
  width: 32px; }
  .purchase-item__plan-icon .gridicon {
    padding: 4px;
    background: #00aadc;
    fill: white; }
  .purchase-item__plan-icon .gridicons-domains {
    border-radius: 50%; }
  .purchase-item__plan-icon .gridicons-themes {
    border-radius: 4px; }

.purchase-item__purchase-date,
.purchase-item__purchase-type {
  line-height: 14px;
  margin-top: 2px; }

.purchase-item__title {
  color: #0087be;
  display: block;
  font-size: 14px;
  line-height: 1.2em;
  margin: 4px 20px 4px 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap; }
  .purchase-item__title:after:not(.is-placeholder) {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  @media (min-width: 481px) {
    .purchase-item__title {
      font-size: 18px;
      max-width: none; } }

.purchase-item__purchase-type {
  color: #537994;
  font-size: 12px;
  margin: 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis; }

.purchase-item__purchase-date {
  color: #2e4453;
  font-size: 12px; }

.purchases-site {
  margin-bottom: 15px; }
  .purchases-site .site-icon {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle; }

.purchases-site__slug {
  color: #58819e;
  font-size: 12px; }

.purchases-site__slug {
  white-space: nowrap; }
  @media (max-width: 660px) {
    .purchases-site__slug {
      line-height: 15px; } }

.purchases-site__header.card.is-compact {
  padding: 0; }

.purchases-site__header .site.is-loading .site-icon,
.purchases-site__header .site.is-loading .site__title,
.purchases-site__header .site.is-loading .site__domain {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .purchases-site__header .site.is-loading .site-icon:after,
  .purchases-site__header .site.is-loading .site__title:after,
  .purchases-site__header .site.is-loading .site__domain:after {
    content: '\00a0'; }

.purchases-site__header .site.is-disconnected .site-icon {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px; }

.purchases-site__header .site .site__content {
  padding: 11px 24px; }

.manage-purchase__info {
  font-size: 13px;
  padding: 0; }
  @media (min-width: 661px) {
    .manage-purchase__info {
      font-size: 14px;
      padding: 0; } }
  .manage-purchase__info.is-expired {
    background: #f3f6f8; }
    .manage-purchase__info.is-expired .manage-purchase__header,
    .manage-purchase__info.is-expired .manage-purchase__content,
    .manage-purchase__info.is-expired .manage-purchase__detail-label,
    .manage-purchase__info.is-expired .manage-purchase__detail,
    .manage-purchase__info.is-expired .manage-purchase__detail .user {
      opacity: .7; }
  .manage-purchase__info.is-expired + .notice {
    margin-top: -10px; }
    @media (min-width: 481px) {
      .manage-purchase__info.is-expired + .notice {
        margin-top: -16px; } }
  .manage-purchase__info.is-placeholder .manage-purchase__plan-icon,
  .manage-purchase__info.is-placeholder .manage-purchase__title,
  .manage-purchase__info.is-placeholder .manage-purchase__subtitle,
  .manage-purchase__info.is-placeholder .manage-purchase__description,
  .manage-purchase__info.is-placeholder .manage-purchase__settings-link,
  .manage-purchase__info.is-placeholder .manage-purchase__detail-label,
  .manage-purchase__info.is-placeholder .manage-purchase__detail {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    display: block; }
    .manage-purchase__info.is-placeholder .manage-purchase__plan-icon:after,
    .manage-purchase__info.is-placeholder .manage-purchase__title:after,
    .manage-purchase__info.is-placeholder .manage-purchase__subtitle:after,
    .manage-purchase__info.is-placeholder .manage-purchase__description:after,
    .manage-purchase__info.is-placeholder .manage-purchase__settings-link:after,
    .manage-purchase__info.is-placeholder .manage-purchase__detail-label:after,
    .manage-purchase__info.is-placeholder .manage-purchase__detail:after {
      content: '\00a0'; }
  .manage-purchase__info.is-placeholder .manage-purchase__plan-icon {
    height: 56px;
    border-radius: 50%; }
  .manage-purchase__info.is-placeholder .manage-purchase__header {
    border-bottom: 2px solid #f3f6f8; }
  .manage-purchase__info.is-placeholder .manage-purchase__subtitle,
  .manage-purchase__info.is-placeholder .manage-purchase__title {
    margin-bottom: 3px;
    margin-left: 64px; }
  .manage-purchase__info.is-placeholder .manage-purchase__detail-label {
    margin-bottom: 3px; }
  .manage-purchase__info.is-placeholder .manage-purchase__settings-link {
    width: 30%; }
  .manage-purchase__info.is-placeholder .manage-purchase__subtitle {
    width: 40%; }
  .manage-purchase__info.is-placeholder .manage-purchase__title {
    width: 60%; }
  @media (min-width: 661px) {
    .manage-purchase__info.is-placeholder .manage-purchase__description,
    .manage-purchase__info.is-placeholder .manage-purchase__detail,
    .manage-purchase__info.is-placeholder .manage-purchase__detail-label {
      height: 40px; } }
  @media (max-width: 660px) {
    .manage-purchase__info.is-placeholder .manage-purchase__detail {
      width: 25%; }
    .manage-purchase__info.is-placeholder .manage-purchase__detail-label {
      width: 70%; } }

.manage-purchase__header,
.manage-purchase__content {
  padding: 16px 24px; }
  @media (max-width: 660px) {
    .manage-purchase__header,
    .manage-purchase__content {
      padding: 16px; } }

.manage-purchase__header {
  overflow: auto;
  border-bottom: 2px solid #00aadc; }
  .is-personal .manage-purchase__header {
    border-bottom: 2px solid #f0b849; }
  .is-premium .manage-purchase__header {
    border-bottom: 2px solid #4ab866; }
  .is-business .manage-purchase__header {
    border-bottom: 2px solid #855DA6; }

.manage-purchase__plan-icon {
  margin: 0 12px 0 0;
  max-width: 56px;
  width: 56px;
  float: left; }
  .manage-purchase__plan-icon .gridicon {
    box-sizing: border-box;
    padding: 4px;
    border-radius: 50%;
    background: #00aadc;
    fill: white; }
  .manage-purchase__plan-icon .gridicons-themes {
    border-radius: 8px; }

.manage-purchase__title {
  color: #0087be;
  display: block;
  font-size: 18px;
  font-weight: 400;
  clear: none; }
  @media (min-width: 661px) {
    .manage-purchase__title {
      font-size: 22px;
      padding-right: 100px; } }

.manage-purchase__price .plan-price {
  clear: none; }

.manage-purchase__description {
  color: #537994;
  display: block; }

.manage-purchase__settings-link {
  display: block;
  margin-top: 16px; }

.manage-purchase__meta,
.manage-purchase__contact-support {
  padding: 0 24px;
  border-top: 1px solid #e9eff3; }
  @media (max-width: 660px) {
    .manage-purchase__meta,
    .manage-purchase__contact-support {
      padding: 0 16px; } }

.manage-purchase__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  list-style: none;
  overflow: auto; }
  @media (max-width: 660px) {
    .manage-purchase__meta {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-bottom: 16px; } }
  .manage-purchase__meta li {
    color: #3d596d;
    font-size: 13px; }
    @media (max-width: 660px) {
      .manage-purchase__meta li {
        clear: both;
        overflow: auto;
        margin-top: 15px; } }
    @media (min-width: 661px) {
      .manage-purchase__meta li {
        box-sizing: border-box;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        font-size: 14px;
        text-align: center;
        padding: 15px 8px 12px; }
        .manage-purchase__meta li:first-child {
          padding-left: 0; }
        .manage-purchase__meta li:last-child {
          padding-right: 0; } }
    @media (min-width: 661px) {
      .manage-purchase__meta li + li {
        border-left: 1px solid #e9eff3; } }
    .manage-purchase__meta li > a {
      color: #3d596d;
      display: block;
      text-decoration: none; }

.manage-purchase__detail-label {
  font-style: normal;
  font-weight: 600; }
  @media (max-width: 660px) {
    .manage-purchase__detail-label {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      float: left; } }
  @media (min-width: 661px) {
    .manage-purchase__detail-label {
      color: #537994;
      display: block;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
      font-size: 12px;
      font-weight: 400;
      margin: 0 0 12px 0; } }

@media (max-width: 660px) {
  .manage-purchase__detail {
    display: block;
    float: right;
    text-align: right; } }

.manage-purchase__detail .payment-logo {
  margin-right: 5px; }

.manage-purchase__detail a {
  display: block;
  cursor: pointer; }

.manage-purchase__detail .user__name {
  margin-right: 0; }

.manage-purchase__expiring-credit-card-notice.notice,
.manage-purchase__purchase-expiring-notice.notice {
  margin-bottom: 10px; }
  @media (min-width: 661px) {
    .manage-purchase__expiring-credit-card-notice.notice,
    .manage-purchase__purchase-expiring-notice.notice {
      margin-bottom: 16px; } }

@media (max-width: 660px) {
  .manage-purchase__renew-button {
    margin-top: 16px;
    width: 100%; } }

@media (min-width: 661px) {
  .manage-purchase__renew-button {
    position: absolute;
    right: 24px;
    top: 16px; } }

.manage-purchase__contact-support {
  border-top: solid 1px #e9eff3;
  color: #87a6bc;
  margin-top: 15px;
  padding-top: 10px; }

.plan-details .form-setting-explanation .button {
  margin-left: 12px;
  vertical-align: middle; }

.plan-details__wrapper.is-placeholder .section-header__label-text,
.plan-details__wrapper.is-placeholder .plan-details__plugin-key {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: block; }
  .plan-details__wrapper.is-placeholder .section-header__label-text:after,
  .plan-details__wrapper.is-placeholder .plan-details__plugin-key:after {
    content: '\00a0'; }

.plan-details__wrapper.is-placeholder .section-header__label-text {
  width: 30%; }

.plan-details__wrapper.is-placeholder .plan-details__plugin-key {
  height: 40px; }
  .plan-details__wrapper.is-placeholder .plan-details__plugin-key + .plan-details__plugin-key {
    margin-top: 20px; }

.remove-purchase__dialog {
  max-width: 500px; }

.remove-purchase__card {
  cursor: pointer; }
  .remove-purchase__card .gridicon {
    margin-top: -2px;
    margin-right: 4px;
    vertical-align: middle; }

.remove-purchase__chat-button {
  display: block; }
  @media (min-width: 481px) {
    .remove-purchase__chat-button {
      float: left; } }

.reauth-required__send-sms-throttled {
  margin-bottom: 1em; }

.reauth-required__dialog {
  max-width: 400px; }

.reauth-required__sign-out {
  cursor: pointer; }

.security .select-dropdown__container {
  max-width: 400px; }

.security-2fa-backup-codes-list:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.security-2fa-backup-codes-list__print-agreement {
  display: inline-block;
  float: left;
  min-width: 50%;
  position: relative;
  top: 8px; }
  .security-2fa-backup-codes-list__print-agreement .form-label {
    font-weight: normal;
    margin-left: 8px;
    display: inline-block; }
  @media (max-width: 660px) {
    .security-2fa-backup-codes-list__print-agreement {
      margin-bottom: 24px; } }

@media (max-width: 480px) {
  .security-2fa-backup-codes-list__btn-group .button {
    display: inline-block; } }

.security-2fa-backup-codes-list__btn-group {
  float: right; }

.security-2fa-backup-codes-list__generate {
  margin-top: 20px; }

button.security-2fa-backups-codes-list__generate-button {
  margin-left: 0; }

.security-2fa-backup-codes-list__codes {
  background: #f3f6f8;
  list-style-type: none;
  padding: 20px;
  margin-left: 0;
  overflow: hidden; }

.security-2fa-backup-codes-list__codes li {
  color: #2e4453;
  float: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  width: 50%; }
  .security-2fa-backup-codes-list__codes li.is-placeholder span {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
    .security-2fa-backup-codes-list__codes li.is-placeholder span:before {
      content: ' ';
      display: inline-block;
      width: 5em; }
  .security-2fa-backup-codes-list__codes li:before {
    color: #c8d7e1;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    text-align: right;
    width: 25px; }
  .security-2fa-backup-codes-list__codes li:first-child:before {
    content: '1.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(2):before {
    content: '6.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(3):before {
    content: '2.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(4):before {
    content: '7.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(5):before {
    content: '3.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(6):before {
    content: '8.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(7):before {
    content: '4.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(8):before {
    content: '9.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(9):before {
    content: '5.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(10):before {
    content: '10.'; }

.security-2fa-backup-codes-list__warning {
  font-size: 75%; }
  .security-2fa-backup-codes-list__warning .gridicon {
    fill: #d94f4f;
    margin-right: 8px;
    vertical-align: middle; }
    .security-2fa-backup-codes-list__warning .gridicon:before {
      position: relative;
      top: 1px; }

.security-2fa-backup-codes-prompt:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.security-2fa-backup-codes-prompt .security-2fa-backup-codes-prompt__print {
  float: left;
  margin-left: 0; }

.security-2fa-backup-codes .security-2fa-backup-codes-prompt {
  margin-top: 16px; }

.security-2fa-code-prompt .form-fieldset {
  margin-bottom: 12px; }

.security-2fa-code-prompt .button {
  margin-top: 8px; }

.security-2fa-code-prompt__verify-code {
  margin-left: 10px; }

.security-2fa-code-prompt .security-2fa-code-prompt__send-code {
  float: left;
  margin-left: 0; }

.security-2fa-code-prompt__code-just-sent-message {
  font-style: italic; }

.security-2fa-code-prompt .notice {
  margin: 5px 0 0 0; }

.security-2fa-disable__prompt {
  padding: 10px;
  background: #f3f6f8; }

.security-2fa-enable .security-2fa-enable__cancel {
  float: left;
  margin-left: 0; }

.security-2fa-enable__code-block {
  margin-bottom: 16px; }

.security-2fa-enable__qr-code {
  height: 150px;
  width: 150px;
  margin: 0 auto; }
  .security-2fa-enable__qr-code.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .security-2fa-enable__qr-code.is-placeholder:after {
      content: '\00a0'; }

.security-2fa-enable__app-options {
  font-color: #f3f6f8;
  font-size: 13px;
  font-style: italic;
  margin-top: 10px; }

.security-2fa-enable__time-code {
  font-weight: bold;
  font-size: 16px; }

.security-2fa-enable__toggle {
  cursor: pointer;
  display: block; }

.security-2fa-enable .notice {
  margin: 5px 0 0 0; }

.security-2fa-enable__buttons-bar {
  margin-top: 16px; }

.security-2fa-progress__container {
  margin: 0 -16px 16px; }
  @media (min-width: 481px) {
    .security-2fa-progress__container {
      margin: 0 -24px 24px; } }
  .security-2fa-progress__container .security-2fa-progress__inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .security-2fa-progress__container .security-2fa-progress__inner-container:before {
      background-color: #c8d7e1;
      content: " ";
      display: block;
      height: 1px;
      position: absolute;
      top: 26px;
      width: 100%; }
    .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative;
      text-align: center; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-highlighted:before {
        background-color: #0087be;
        content: " ";
        display: block;
        height: 2px;
        position: absolute;
        top: 24px;
        width: 50%; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-highlighted .noticon {
        background: #0087be;
        color: white;
        border-color: #0087be; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-highlighted label {
        color: #0087be;
        font-weight: 600; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-completed:before {
        background-color: #0087be;
        content: " ";
        display: block;
        height: 2px;
        position: absolute;
        top: 24px;
        width: 100%; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-completed .noticon {
        background: #c8d7e1;
        color: #87a6bc; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-completed label {
        color: #87a6bc; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item .noticon {
        background: white;
        border: 1px #c8d7e1 solid;
        border-radius: 50%;
        color: #c8d7e1;
        display: block;
        height: 48px;
        margin: 0 auto;
        position: relative;
        width: 48px; }
        .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item .noticon:before {
          font-size: 32px;
          position: relative;
          top: 8px; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item label {
        color: #c8d7e1;
        display: inline-block;
        font-size: 14px;
        line-height: 1;
        margin-top: 8px;
        max-width: 112px;
        text-align: center; }

.security-2fa-sms-settings .notice {
  margin: 5px 0 0 0; }

.security-2fa-sms-settings__fieldset-container .form-phone-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .security-2fa-sms-settings__fieldset-container .form-phone-input {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.security-2fa-sms-settings__fieldset-container .form-fieldset__country {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 0; }
  @media (min-width: 481px) {
    .security-2fa-sms-settings__fieldset-container .form-fieldset__country {
      padding-right: 20px;
      margin-bottom: 5px; } }

.security-2fa-sms-settings__fieldset-container .form-country-select {
  width: 100%;
  overflow: ellipsis; }

.security-2fa-sms-settings__fieldset-container .form-fieldset__phone-number {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-bottom: 5px; }

.security-2fa-sms-settings__cancel-button.form-button {
  float: left;
  margin-left: 0; }

.security-2fa-sms-settings__buttons {
  margin-top: 10px; }

.security-2fa-status__heading {
  font-weight: bold; }

.security-2fa-status__off {
  text-transform: uppercase;
  color: #d94f4f;
  font-weight: bold; }

.security-2fa-status__on {
  text-transform: uppercase;
  color: #4ab866;
  font-weight: bold; }

.security-account-recovery__text {
  margin-bottom: 0; }

.security-account-recovery-contact__detail .form-phone-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-phone-input {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.security-account-recovery-contact__detail .form-fieldset__country {
  padding-right: 0; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-fieldset__country {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-right: 20px;
      margin-bottom: 0; } }

.security-account-recovery-contact__detail .form-country-select {
  width: 100%; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-country-select {
      min-width: 0;
      width: 100%;
      max-width: 200px; } }

.security-account-recovery-contact__detail .form-fieldset__phone-number {
  margin-bottom: 0; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-fieldset__phone-number {
      -webkit-box-flex: 2;
          -ms-flex: 2 0px;
              flex: 2 0px; } }

.security-account-recovery-contact .notice {
  margin-top: 8px; }

.security-account-recovery-contact__placeholder-heading,
.security-account-recovery-contact__placeholder-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }

.security-account-recovery-contact__placeholder-heading {
  line-height: 2.4;
  margin-bottom: 1em; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__placeholder-heading {
      width: 45%; } }

.security-account-recovery-contact__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.security-account-recovery-contact__header-info {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.security-account-recovery-contact__header-title {
  font-size: 1em;
  line-height: 1em; }

.security-account-recovery-contact__header-subtitle {
  display: block;
  font-size: 1em;
  font-style: italic;
  color: #87a6bc; }

.security-account-recovery-contact__detail {
  margin-top: 8px; }

.security-account-recovery-contact__remove {
  color: #87a6bc;
  float: left;
  cursor: pointer;
  padding: 9px 0; }
  .security-account-recovery-contact__remove:hover {
    color: #4f748e; }
  .security-account-recovery-contact__remove .gridicon {
    vertical-align: bottom;
    margin-right: 2px; }
    @media (min-width: 481px) {
      .security-account-recovery-contact__remove .gridicon {
        width: 16px;
        height: 16px; } }
  .security-account-recovery-contact__remove span {
    display: none; }
    @media (min-width: 481px) {
      .security-account-recovery-contact__remove span {
        display: inline; } }

.security-account-recovery__validation-notice {
  margin-top: 4px;
  margin-bottom: 12px; }

.security-account-recovery__recovery-phone-validation-buttons {
  margin-top: 12px; }

.security-account-recovery__recovery-phone-validation-label {
  margin-top: 12px; }

.current-section .gravatar {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border: 1px solid white; }

.current-section__me-title {
  font-size: 9px;
  margin: 3px 0 -4px; }

.is-group-me .sidebar {
  padding-top: 16px; }

.me-sidebar__signout {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.me-sidebar__signout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 16px; }

.sidebar .profile-gravatar {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.is-group-me .sidebar__menu-happychat {
  display: none; }

.social-login__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  box-sizing: border-box; }

.social-login__header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 2;
      -ms-flex: 2 1;
          flex: 2 1;
  margin-right: 5px; }
  .social-login__header-info h3 {
    text-transform: capitalize; }

.social-login__header-icon {
  height: 30px;
  width: 30px;
  margin-left: 0;
  margin-right: 12px; }

.social-login__header-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.social-login__header-action__error .popover__inner {
  padding: 10px;
  max-width: 200px; }

.two-step__placeholder-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }
  .two-step__placeholder-text :last-child {
    margin-bottom: 0; }

.earnings_breakdown .module-content, .earnings_history .module-content {
  display: block; }

.earnings_breakdown {
  padding: 0; }
  .earnings_breakdown ul.module-header-actions .toggle-info {
    display: inline-block; }
  .earnings_breakdown.is-showing-info ul.module-header-actions .toggle-info::after,
  .earnings_breakdown.is-showing-info .module-content-text-info {
    display: inline-block; }

.ads__earnings-breakdown-list {
  margin: 0;
  border-top: 1px solid #e9eff3; }

.ads__earnings-breakdown-item {
  width: 33%;
  float: left;
  padding: 5px 0 10px;
  list-style-type: none;
  text-align: center;
  border-left: 1px solid #e9eff3; }
  @media (max-width: 480px) {
    .ads__earnings-breakdown-item {
      width: auto;
      float: none;
      padding: 10px 24px;
      text-align: left;
      border: 0;
      border-top: 1px solid #e9eff3; } }
  .ads__earnings-breakdown-item:first-child {
    border: 0; }

.ads__earnings-breakdown-label {
  color: #3d596d;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-transform: uppercase; }
  @media (max-width: 480px) {
    .ads__earnings-breakdown-label {
      font-size: 14px;
      line-height: 1.8; } }

.ads__earnings-breakdown-value {
  width: 100%;
  display: block;
  font-size: 25px; }
  @media (max-width: 480px) {
    .ads__earnings-breakdown-value {
      width: auto;
      float: right;
      font-size: 16px; } }

.earnings_history {
  padding: 0; }
  .earnings_history ul.module-header-actions .toggle-info {
    display: inline-block; }
  .earnings_history.is-showing-info ul.module-header-actions .toggle-info::after,
  .earnings_history.is-showing-info .module-content-text-info {
    display: inline-block; }

.module-content-text ul.ads__earnings-history-statuses-list {
  margin: 1em 24px 1em 40px; }

.ads__earnings-history-status {
  padding-bottom: 10px;
  text-align: left; }

.ads__earnings-history-header {
  color: #87a6bc;
  border: 1px solid #f3f6f8;
  border-left: none;
  border-right: none;
  font-size: 11px;
  line-height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  text-align: center; }

.ads__earnings-history-value {
  line-height: 40px;
  text-align: center; }
  @media (max-width: 480px) {
    .ads__earnings-history-value:first-child, .ads__earnings-history-value:last-child {
      font-size: 12px; } }

@media (max-width: 480px) {
  .ads__settings-state {
    max-width: 75%; } }

.ads__activate-header-title {
  font-weight: 600; }

.ads__activate-notice {
  margin: 0; }

.ads__activate-header-toggle, .ads__activate-header-title {
  margin: auto 0 auto 0; }

.ads__activate-wrapper {
  padding: 0; }

.ads__activate-header {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.ads__activate-description {
  border-top: 1px solid #e9eff3;
  padding: 24px; }

.all-sites {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }
  .all-sites .site__content {
    padding: 13px 4px 13px 16px; }
  .all-sites .site__domain {
    display: inline-block;
    margin-right: 8px; }
  .all-sites .site__info {
    line-height: 22px; }

.all-sites .count {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
  padding: 0;
  height: 32px;
  width: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.all-sites-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 8px 5px 0; }
  .all-sites-icon .site-icon:nth-child(6) {
    opacity: 0.9; }
  .all-sites-icon .site-icon:nth-child(7) {
    opacity: 0.7; }
  .all-sites-icon .site-icon:nth-child(8) {
    opacity: 0.5; }
  .all-sites-icon .site-icon:nth-child(9) {
    opacity: 0.3; }
  .all-sites-icon .site-icon:nth-child(10) {
    opacity: 0.1; }

.all-sites-icon .site-icon {
  -ms-flex-item-align: auto;
      align-self: auto;
  margin-right: 1px;
  display: inline-block; }
  .all-sites-icon .site-icon.is-blank {
    background: #87a6bc; }

@media (max-width: 480px) {
  .comment-navigation .section-nav__mobile-header:after {
    padding-left: 8px; }
  .comment-navigation .section-nav__mobile-header-text {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: auto; }
  .comment-navigation .comment-navigation__open-bulk {
    padding-top: 9px;
    position: absolute;
    right: 0;
    top: 0; } }

.comment-navigation.is-bulk-edit {
  padding-right: 0; }
  @media (max-width: 480px) {
    .comment-navigation.is-bulk-edit .section-nav__mobile-header {
      display: none; }
    .comment-navigation.is-bulk-edit .comment-navigation__bulk-count {
      width: calc( 100% - 70px); }
    .comment-navigation.is-bulk-edit .comment-navigation__close-bulk {
      position: absolute;
      right: 0;
      top: 3px;
      width: 55px; } }

.comment-navigation__bulk-count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.comment-navigation__bulk-count .count {
  margin-left: 8px; }

.comment-navigation__tab {
  padding: 16px; }

.comment-navigation__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 16px; }
  .comment-navigation__actions .button-group {
    margin-right: 16px; }

.comment-navigation__open-bulk .button {
  margin-left: 16px; }

.comment-navigation__close-bulk {
  margin-left: auto;
  padding: 0; }
  .comment-navigation__close-bulk a {
    cursor: pointer;
    display: inline-block;
    padding: 10px 16px; }

.comment-list .pagination {
  margin-top: 16px; }

.comment-list__transition-enter {
  display: none; }
  .comment-list__transition-enter.comment-list__transition-enter-active {
    -webkit-animation: comment-list__transition-enter .15s linear;
            animation: comment-list__transition-enter .15s linear; }

.comment-list__transition-leave {
  opacity: 1; }
  .comment-list__transition-leave.comment-list__transition-leave-active {
    opacity: 0.01;
    transition: opacity .15s linear; }

@-webkit-keyframes comment-list__transition-enter {
  0% {
    display: none;
    opacity: 0; }
  50% {
    display: none;
    opacity: 0; }
  51% {
    display: block;
    opacity: 0.01; }
  100% {
    opacity: 1; } }

@keyframes comment-list__transition-enter {
  0% {
    display: none;
    opacity: 0; }
  50% {
    display: none;
    opacity: 0; }
  51% {
    display: block;
    opacity: 0.01; }
  100% {
    opacity: 1; } }

/** @format */
.card.comment {
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
  transition: margin 0.15s linear; }
  .accessible-focus .card.comment:focus {
    box-shadow: 0 0 0 1px #00aadc, 0 0 0 3px #78dcfa;
    z-index: 1; }

.comment__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .comment__header .comment__author {
    padding: 8px; }

.comment__bulk-select {
  -ms-flex-item-align: center;
      align-self: center;
  padding-left: 16px; }
  .comment__bulk-select .form-checkbox {
    margin: 0; }

.button.comment__toggle-expanded {
  border-radius: 0;
  padding-left: 16px;
  padding-right: 16px; }
  .button.comment__toggle-expanded .gridicon {
    fill: #87a6bc;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .button.comment__toggle-expanded:hover .gridicon {
    fill: #00aadc; }

.comment__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 0; }

.comment__author-avatar {
  -ms-flex-item-align: center;
      align-self: center;
  height: 32px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 8px;
  width: 32px; }
  .comment__author-avatar .gridicon {
    background-color: #87a6bc;
    border-radius: 50%;
    fill: white;
    padding: 4px; }

.comment__author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  width: calc(100% - 48px); }

.comment__author-info-element {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .comment__author-info-element a {
    color: #537994; }
  .comment__author-info-element a:hover {
    color: #0087be; }
  .comment__author-info-element .comment__post .gridicon {
    color: #87a6bc;
    margin-bottom: -4px; }
  .comment__author-info-element .comment__date,
  .comment__author-info-element .comment__author-url {
    font-size: 12px; }
  .comment__author-info-element .comment__author-url-separator {
    color: #87a6bc;
    margin: 0 4px; }

.comment__author-more-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #537994;
  cursor: pointer;
  fill: #a8bece;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px 16px 8px 8px; }
  .comment__author-more-info:hover .gridicon,
  .comment__author-more-info:hover label {
    color: #2e4453;
    cursor: pointer;
    fill: #2e4453; }
  .comment__author-more-info .gridicon {
    margin: 4px 4px 0 0; }

.card.comment.is-expanded {
  margin: 16px auto; }
  .card.comment.is-expanded .comment__header {
    border-bottom: 1px solid #e9eff3;
    cursor: default; }
    .card.comment.is-expanded .comment__header .button.comment__toggle-expanded {
      border-left: 1px solid #e9eff3; }
    .card.comment.is-expanded .comment__header .comment__toggle-expanded .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

/**
 * The currently selected site block
 * at the top of the sidebar in My Sites
 */
.current-site.card {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-bottom: 1px solid #d9e3ea; }
  .current-site.card.is-loading .site-icon {
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite; }
  .current-site.card.is-loading .site__title {
    color: #4f748e;
    line-height: 35px; }
  .current-site.card.is-loading .current-site__switch-sites {
    cursor: default; }
    .current-site.card.is-loading .current-site__switch-sites::before {
      visibility: hidden; }

.current-site .site {
  transition: opacity 0.15s ease-in-out; }
  .current-site .site .site__info {
    -webkit-animation: appear .3s ease-in-out;
            animation: appear .3s ease-in-out; }
  .focus-sites .current-site .site {
    opacity: 0.2;
    pointer-events: none; }

.current-site__view-site {
  padding: 11px 16px;
  color: #2e4453;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #d2dee6;
  -webkit-tap-highlight-color: rgba(46, 68, 83, 0.2); }
  .current-site__view-site:focus {
    outline: none; }
  .current-site__view-site .gridicon {
    fill: #87a6bc; }
  .notouch .current-site__view-site:hover:not(.selected) {
    background-color: #f3f6f8; }
    .notouch .current-site__view-site:hover:not(.selected) .current-site__view-site-text {
      color: #00aadc; }
    .notouch .current-site__view-site:hover:not(.selected) .gridicon {
      fill: #00aadc; }
  .current-site__view-site.selected {
    background-color: #537994; }
    .current-site__view-site.selected .current-site__view-site-text {
      color: white; }
    .current-site__view-site.selected .gridicon {
      fill: white; }

.current-site__view-site-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  color: #2e4453;
  font-size: 14px;
  width: 100%; }

.current-site__switch-sites {
  background: #e9eff3;
  border-bottom: 1px solid #d9e3ea;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  position: relative; }
  .current-site__switch-sites .button {
    text-align: left;
    padding: 16px;
    width: 100%;
    height: 46px; }
  @media (max-width: 660px) {
    .current-site__switch-sites {
      background-color: #f3f6f8; } }
  .current-site__switch-sites:hover {
    background-color: #f3f6f8; }
    .current-site__switch-sites:hover .button.is-borderless:hover,
    .current-site__switch-sites:hover .button.is-borderless:focus {
      color: #2e4453; }

.current-site .notice {
  margin: 0 8px 8px; }

.current-site .notice.is-compact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 0 0 4px;
  border-radius: 0; }
  @media (max-width: 660px) {
    .current-site .notice.is-compact {
      padding: 0 24px; } }
  .current-site .notice.is-compact .notice__text {
    width: 100%;
    display: inline;
    line-height: 1.3; }
  .current-site .notice.is-compact .notice__action {
    margin-left: auto; }

.main.customize.is-iframe {
  background-color: #f3f6f8;
  margin: 0;
  overflow-y: scroll;
  padding: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: auto; }
  .main.customize.is-iframe iframe {
    height: 100%;
    position: absolute;
    top: -1000px;
    width: 100%; }
    .main.customize.is-iframe iframe.is-iframe-loaded {
      top: 0; }

.customizer-loading-panel__notice.is-iframe-loaded {
  display: none; }

.customizer-loading-panel__notice-label {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  padding: 20px;
  text-align: center;
  width: 140px; }

.customizer-loading-panel__notice-label .spinner__image {
  margin: 0 auto 20px; }

.customizer-loading-panel__status-message {
  font-style: italic;
  line-height: 1;
  margin-top: 16px;
  text-align: center; }

.customizer-loading-panel__button {
  border: 1px solid #0085be;
  border-radius: 3px;
  line-height: 1;
  padding: 10px;
  position: absolute;
  top: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .customizer-loading-panel__button:active {
    border: 1px solid #C8D6E2; }
  .customizer-loading-panel__button.is-save {
    font-weight: bold;
    right: 3px; }
  .customizer-loading-panel__button.is-close {
    left: 3px; }

.customizer-loading-panel__loading-dot-one {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.0s;
          animation-delay: 0.0s;
  opacity: 0; }

.customizer-loading-panel__loading-dot-two {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  opacity: 0; }

.customizer-loading-panel__loading-dot-three {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  opacity: 0; }

.customizer-loading-panel__placeholder-change-theme {
  background: #F0F4F6;
  border-radius: 3px;
  box-sizing: border-box;
  color: #1298D6;
  height: 48px;
  padding: 8px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  text-align: center;
  width: 100%;
  z-index: 999; }
  .customizer-loading-panel__placeholder-change-theme .customizer-loading-panel__placeholder-change-theme-button {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ccc;
    line-height: 32px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.customizer-loading-panel__site-placeholder {
  background: white;
  background-size: 32px;
  border-radius: 8px;
  box-sizing: border-box;
  display: block;
  font-size: 15px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  padding: 10px;
  text-align: center;
  width: 140px; }

.customizer-loading-panel__placeholder-bar {
  -webkit-animation: customizer-pulse-animation 1.6s ease-in-out infinite;
          animation: customizer-pulse-animation 1.6s ease-in-out infinite;
  background-color: #eee;
  height: 20px;
  margin-bottom: 10px;
  top: 100px; }
  .customizer-loading-panel__placeholder-bar.is-medium {
    height: 40px; }
  .customizer-loading-panel__placeholder-bar.is-large {
    height: 60px; }

.customizer-change-theme__placeholder-circle {
  background-color: #eee;
  border-radius: 25px;
  height: 25px;
  margin: auto;
  width: 25px;
  align: center; }

@-webkit-keyframes customizer-loading-dot {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes customizer-loading-dot {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes customizer-pulse-animation {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

@keyframes customizer-pulse-animation {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

.domain-tip__suggestion {
  color: #0087be; }

.draft.card.is-compact {
  padding: 16px;
  text-align: left; }
  @media (min-width: 661px) {
    .draft.card.is-compact:hover .draft__excerpt {
      display: block; } }

.draft__title {
  display: inline-block;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
  vertical-align: bottom;
  position: relative; }
  .has-all-actions .draft__title {
    width: 85%; }
  .draft__title a {
    color: #2e4453;
    text-decoration: none; }
  .draft__title::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.draft__excerpt {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
  overflow: hidden;
  line-height: 1.3;
  position: absolute;
  left: 0;
  right: 28px;
  top: 0;
  bottom: 0;
  padding: 12px 16px 0;
  background: white;
  z-index: 20;
  border-bottom: 8px solid white; }
  .draft__excerpt a {
    color: #2e4453;
    text-decoration: none; }
  .draft__excerpt::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.draft .site-icon {
  position: absolute;
  right: 16px;
  top: 13px; }

.draft__untitled {
  color: #87a6bc;
  font-style: italic;
  font-weight: 400; }

.draft__featured-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 56px;
  width: 75px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.draft__image {
  max-width: 100%; }

.draft.has-image .draft__title {
  margin-left: 70px;
  max-width: 65%; }

.draft.has-image .draft__excerpt {
  left: 76px; }

.draft.has-image.has-all-actions .draft__title {
  max-width: 56%; }

.draft.has-image .draft__featured-image {
  cursor: zoom-in; }

@media (max-width: 660px) {
  .draft.has-image .draft__actions {
    margin-left: 80px; } }

.draft.has-image.is-image-expanded .draft__title {
  margin-left: 0;
  max-width: 85%; }

.draft.has-image.is-image-expanded:hover .draft__excerpt {
  display: none; }

.draft.has-image.is-image-expanded .draft__featured-image {
  cursor: zoom-out;
  border-top: 1px solid #e9eff3;
  margin-top: 16px;
  padding-top: 16px;
  height: auto;
  width: 100%;
  position: static; }

.draft__actions {
  display: block; }
  @media (min-width: 481px) {
    .draft__actions {
      display: inline-block;
      float: right; } }

.draft__all-actions {
  display: inline-block;
  width: 10%; }

.draft__actions-toggle {
  color: #87a6bc;
  cursor: pointer;
  font-size: 24px;
  margin-left: 10px; }

.draft .post-relative-time-status {
  display: inline-block;
  margin: 0;
  color: #87a6bc; }
  .draft .post-relative-time-status .post-relative-time-status__time {
    line-height: 1;
    font-size: 10px;
    text-transform: uppercase; }
  .draft .post-relative-time-status .is-pending {
    display: none; }

.draft .gridicons-trash {
  cursor: pointer;
  fill: #87a6bc;
  opacity: 0;
  padding: 4px 8px;
  position: absolute;
  right: 4px;
  top: 14px;
  transition: opacity 200ms; }
  .draft .gridicons-trash:hover {
    fill: #d94f4f; }

.draft:hover .gridicons-trash,
.draft.is-touch .gridicons-trash {
  opacity: 1; }

.draft.is-placeholder .draft__title,
.draft.is-placeholder .time-text {
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite; }

.draft.is-placeholder .draft__title {
  background: #c8d7e1;
  color: transparent;
  height: 16px;
  width: 30%; }
  .draft.is-placeholder .draft__title::after {
    display: none; }

.draft.is-placeholder .time-text {
  background: #c8d7e1;
  height: 10px;
  width: 100px; }

.draft .notice {
  margin: -16px -24px 16px; }

.draft__trash-item.popover__menu-item:hover, .draft__trash-item.popover__menu-item:focus {
  background-color: #d94f4f; }

.draft.is-trashed {
  background: #f3f6f8; }
  .draft.is-trashed .draft__title a {
    color: #a8bece; }
  .draft.is-trashed .draft__title {
    width: 100%; }
    .draft.is-trashed .draft__title.has-image {
      width: 85%; }
    .draft.is-trashed .draft__title::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
  .draft.is-trashed .draft__actions-toggle {
    display: none; }
  .draft.is-trashed .draft__all-actions {
    display: none; }
  .draft.is-trashed .gridicons-trash {
    display: none; }
  .draft.is-trashed .draft__restore {
    background: #f3f6f8; }

.draft__restore {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  color: #87a6bc; }
  .draft__restore .gridicon {
    margin-right: 4px;
    vertical-align: bottom; }

.draft.is-restoring {
  background: white;
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite; }
  .draft.is-restoring .draft__restore {
    background: transparent; }
  .draft.is-restoring .draft__title::after {
    display: none; }

.draft.is-selected {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3, inset -4px 0 0 #00aadc; }

.draft__pending-label {
  background: #f0b849;
  border-radius: 2px;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 11px;
  margin-right: 8px;
  padding: 2px 8px;
  text-transform: uppercase; }

.draft .gravatar {
  margin-right: 8px;
  vertical-align: middle; }

.section-export {
  padding-bottom: 100px; }

.export-card__title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  margin-bottom: 16px;
  clear: left; }

.export-card__subtitle {
  font-size: 14px;
  color: #2e4453; }

.export-card__spinner-button {
  float: right;
  padding: 8px; }

.export-card__export-button {
  float: right; }

.export-card__placeholder-select {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.export-card__advanced-settings {
  padding-bottom: 50px; }

.export-card__advanced-settings-title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  margin-bottom: 16px; }

.export-card__advanced-settings-description {
  font-size: 14px; }

@media (min-width: 961px) {
  .export-card__advanced-settings-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.export-card__option-fieldset {
  margin-top: 10px; }
  @media (min-width: 961px) {
    .export-card__option-fieldset {
      margin-top: inherit;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.export-card__option-fieldset-legend .export-card__option-fieldset-legend-text {
  font-weight: bold; }

.export-card__option-fieldset-description {
  font-size: 14px;
  color: #87a6bc;
  padding-left: 24px;
  padding-right: 24px; }

.export-card__option-fieldset-fields {
  padding-left: 24px;
  padding-right: 24px; }
  .export-card__option-fieldset-fields select {
    width: 100%; }

.guided-transfer-card__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px; }

.guided-transfer-card__options-header-title-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.guided-transfer-card__options-header-button-container {
  margin: auto; }

.guided-transfer-card__title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  clear: left; }

.guided-transfer-card__subtitle {
  color: #87a6bc;
  font-style: italic;
  font-size: 14px; }

.guided-transfer-card__price {
  font-style: normal;
  font-size: 18px; }

.guided-transfer-card__details {
  background-color: #fafbfc;
  font-size: 14px; }

.guided-transfer-card__details-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.guided-transfer-card__details-title {
  color: #2e4453;
  font-weight: 600;
  margin-bottom: 12px; }

.guided-transfer-card__details-text {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  color: #87a6bc; }

.guided-transfer-card__feature-list {
  color: #4ab866;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%; }
  .guided-transfer-card__feature-list .guided-transfer-card__feature-list-item {
    list-style-type: none;
    text-indent: -24px;
    margin-bottom: 8px; }
  .guided-transfer-card__feature-list .guided-transfer-card__feature-icon {
    margin-right: 6px;
    margin-top: -4px;
    vertical-align: middle; }

.guided-transfer-card__feature-text {
  color: #87a6bc; }

.guided-transfer-card__in-progress {
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 16px;
  text-align: center; }
  @media (min-width: 661px) {
    .guided-transfer-card__in-progress {
      padding-left: 128px;
      text-align: left; } }

.guided-transfer-card__in-progress-icon {
  margin: 16px auto;
  width: 48px;
  height: 48px;
  padding: 14px;
  border-radius: 50%;
  background-color: #4f748e;
  color: #f3f6f8; }
  @media (min-width: 661px) {
    .guided-transfer-card__in-progress-icon {
      position: absolute;
      margin-left: -96px;
      margin-top: 16px; } }

.guided-transfer-card__in-progress-title {
  font-size: 24px;
  font-weight: 300;
  color: #2e4453; }

.guided-transfer-card__unavailable-notice {
  background-color: #2e4453;
  border-radius: 3px;
  color: #f3f6f8;
  padding: 5px 12px; }

.guided-transfer-card__unavailable-info-icon {
  vertical-align: middle;
  padding-left: 5px; }

.guided-transfer-card__unavailable-info-icon.info-popover .gridicon:hover,
.guided-transfer-card__unavailable-info-icon.info-popover.is_active .gridicon {
  color: #f3f6f8; }

@media (min-width: 661px) {
  .feature-comparison {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.feature-comparison .plan-compare-card {
  margin: 16px; }
  @media (max-width: 660px) {
    .feature-comparison .plan-compare-card {
      width: auto; } }

.guided-transfer__main .guided-transfer__header-nav {
  margin: 0 0 17px 0; }

.guided-transfer__main .host-credentials-page__account-username-fieldset,
.guided-transfer__main .host-credentials-page__account-password-fieldset,
.guided-transfer__main .host-credentials-page__account-email-fieldset,
.guided-transfer__main .host-credentials-page__account-wporg_url-fieldset {
  display: inline-block;
  width: 100%; }

.guided-transfer__main .host-credentials-page__account-wporg_url-fieldset {
  margin-top: 19px; }

.guided-transfer__main .guided-transfer__host-button-image {
  vertical-align: middle;
  height: 50%; }

.guided-transfer__main .guided-transfer__host-button {
  display: inline-block;
  width: 100%;
  height: 80px;
  margin-bottom: 10px; }

@media (min-width: 961px) {
  .guided-transfer__main .host-credentials-page__account-username-fieldset,
  .guided-transfer__main .host-credentials-page__account-password-fieldset,
  .guided-transfer__main .host-credentials-page__account-email-fieldset {
    width: 50%;
    /* Override the default margin bottom provided for FormFieldset */
    margin-bottom: 0px; }
  .guided-transfer__main .host-credentials-page__account-username-fieldset {
    padding-right: 10px; }
  .guided-transfer__main .guided-transfer__host-button {
    width: calc( 50% - 5px);
    margin-right: 5px; }
  .guided-transfer__main .guided-transfer__host-button:nth-child(even) {
    margin-left: 5px;
    margin-right: 0px; } }

.guided-transfer__transfer-unavailable-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.guided-transfer__issue {
  list-style-type: none;
  margin-top: 15px; }

.guided-transfer__issue-title {
  margin-left: -24px;
  font-weight: 500; }

.guided-transfer__issue-icon {
  margin-right: 6px;
  color: red;
  vertical-align: text-bottom; }

.guided-transfer__issue-description {
  font-weight: 300; }

.invite-form-header__title {
  color: #3d596d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 16px; }

.invite-form-header__explanation {
  color: #2e4453;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 16px; }

.invite-header .card.is-compact {
  padding: 0px; }
  .invite-header .card.is-compact.invite-header__site {
    margin-bottom: 24px; }

.invite-header .invite-header__inviter-info {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .invite-header .invite-header__inviter-info .gravatar {
    width: 32px;
    height: 32px;
    margin-right: 12px; }
  .invite-header .invite-header__inviter-info p {
    margin-bottom: 0; }

.invite-header.is-placeholder .invite-header__invited-you-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite; }
  .invite-header.is-placeholder .invite-header__invited-you-text:after {
    content: '\00a0'; }

.invite-accept-logged-in__join-as {
  color: #3d596d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 16px;
  text-align: center; }

.invite-accept-logged-in .card {
  margin-bottom: 0; }

.invite-accept-logged-in__join-as-username {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 600; }

.invite-accept-logged-in__join-as .gravatar {
  display: block;
  margin: 0 auto 8px auto; }

.invite-accept-logged-in__button-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.invite-accept-logged-in__button-bar .button {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px;
  text-align: center; }
  .invite-accept-logged-in__button-bar .button:first-child {
    margin-left: 0; }
  .invite-accept-logged-in__button-bar .button:last-child {
    margin-right: 0; }

.invite-accept .locale-suggestions {
  margin-top: 0; }

.invite-accept__form {
  margin: 0 auto;
  max-width: 400px; }
  .invite-accept__form.is-error {
    max-width: none; }

.invite-accept .notice__text {
  word-wrap: break-word; }

.media-library__content {
  position: relative; }

.media-library__scale-range.range {
  position: absolute;
  top: 16px;
  right: 24px;
  width: 12%;
  margin: 0 28px; }
  @media (max-width: 480px) {
    .media-library__scale-range.range {
      width: 20%; } }

.media-library__scale-range .range__content.is-min {
  left: -28px;
  padding-left: 8px; }

.media-library__scale-range .range__content.is-max {
  right: -28px; }

.media-library__connect-message {
  max-width: 520px;
  padding: 36px;
  margin: 0 auto;
  text-align: center; }

.media-library__list-item {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #668eaa;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .media-library__list-item.is-selected::after {
    content: attr(data-selected-number) "";
    position: absolute;
    right: 8px;
    bottom: 18px;
    z-index: 10;
    width: 28px;
    height: 28px;
    padding: 0;
    transition: color 90ms ease;
    box-shadow: 0 0 8px rgba(46, 68, 83, 0.4);
    background: #00aadc;
    border-radius: 50%;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: white; }

.media-library__list-item-selected-icon {
  display: none; }

.media-library__list-item-selected-icon .gridicon {
  position: absolute;
  bottom: 22px;
  right: 12px;
  z-index: 20;
  fill: white; }

.media-library.is-single .media-library__list-item.is-selected::after {
  content: ''; }

.media-library.is-single .media-library__list-item.is-selected .media-library__list-item-selected-icon {
  display: block; }

.media-library__list-item-figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
  background-color: #c8d7e1; }

.media-library__list-item:hover .media-library__list-item-figure {
  box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }

.media-library__list-item.is-selected .media-library__list-item-figure {
  box-shadow: 0 0 0 2px #00aadc, 0 4px 6px #c8d7e1; }

.media-library__list-item.is-placeholder .media-library__list-item-figure {
  background-color: #c8d7e1;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }
  .media-library__list-item.is-placeholder .media-library__list-item-figure::before {
    font-size: 80px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: white; }

.media-library__list-item.is-transient .media-library__list-item-figure::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 0;
  z-index: 10; }

.media-library__list-item-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20; }

.media-library__list-item-spinner .spinner__border {
  fill: transparent; }

.media-library__list-item-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.media-library__list-item-icon {
  display: block;
  font-size: inherit; }

.media-library__list-item-file-details {
  left: auto /*rtl:ignore*/;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center; }

.media-library__list-item-file-details .media-library__list-item-icon {
  position: relative;
  top: -8px;
  width: 25%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 25%;
  line-height: .5;
  color: #668eaa; }

.media-library__list-item-icon .gridicon {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto; }

.media-library__list-item-file-name {
  position: relative;
  overflow: hidden;
  max-width: 80%;
  margin: 0 auto;
  white-space: nowrap;
  color: #3d596d; }
  .media-library__list-item-file-name::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(200, 215, 225, 0), #c8d7e1 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.media-library__list-item-details-separator {
  width: 20%;
  margin: 3% auto;
  background-color: #c8d7e1; }

.media-library__list-item-file-extension {
  color: #87a6bc; }

.media-library__list-item-video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-size: cover;
  background-position: center; }

.media-library__list-item-video:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: rgba(135, 166, 188, 0.25); }

.media-library__list-item-video .media-library__list-item-icon {
  width: 25%;
  height: 100%;
  color: white; }
  .media-library__list-item-video .media-library__list-item-icon .gridicon {
    width: 100%;
    height: 100%; }

.media-library__upload-button {
  position: relative;
  display: inline-block; }

.media-library__upload-button-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer; }
  .media-library__upload-button-input::-webkit-file-upload-button {
    cursor: pointer;
    /* webkit needs this to change cursor for file type input. */ }

@media (max-width: 480px) {
  .media-library__upload-button {
    margin-left: 0; } }

.media-library__upload-url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.media-library__upload-url .form-text-input {
  display: block;
  width: 100%; }

.media-library__upload-url-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 8px; }

.media-library__upload-url-cancel {
  padding: 0 6px;
  cursor: pointer; }

.media-library__upload-url-cancel .gridicon {
  fill: #87a6bc; }
  .media-library__upload-url-cancel .gridicon:hover {
    fill: #668eaa; }

.media-library__header.card {
  padding-top: 12px;
  padding-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dialog__content .media-library__header.card {
  box-shadow: none; }
  .dialog__content .media-library__header.card .media-library__scale-range.range {
    top: 11px; }

.media-library__header .is-desktop {
  display: none; }
  @media (min-width: 661px) {
    .media-library__header .is-desktop {
      display: inline-block; } }

.media-library__header .button {
  margin-right: 8px; }

.media-library__header .button.media-library__upload-button {
  margin-right: 0; }
  @media (max-width: 660px) {
    .media-library__header .button.media-library__upload-button {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; } }

.media-library__header .button.media-library__upload-more {
  margin-left: 0; }

.media-library__header.media-library__upload-url {
  margin-bottom: 10px; }
  @media (min-width: 481px) {
    .media-library__header.media-library__upload-url {
      margin-bottom: 16px; } }

.media-library__header-popover .popover__menu-item.is-compact {
  text-transform: none;
  font-size: 14px; }

.media-library__filter-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative; }
  @media (max-width: 480px) {
    .media-library__filter-bar {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .media-library__filter-bar .section-nav {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    z-index: 1; }
    @media (max-width: 480px) {
      .media-library__filter-bar .section-nav {
        width: auto; } }
  .media-library__filter-bar .plan-storage {
    display: none;
    margin-bottom: 9px;
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
    background-color: white;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    @media (min-width: 481px) {
      .media-library__filter-bar .plan-storage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media (min-width: 661px) {
      .media-library__filter-bar .plan-storage {
        display: none; } }
    @media (min-width: 961px) {
      .media-library__filter-bar .plan-storage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 17px; } }
  .media-library__filter-bar .media-library__datasource {
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
    background-color: white;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 65px;
    min-height: 50px;
    min-width: 65px;
    margin-bottom: 17px; }
    @media (max-width: 480px) {
      .media-library__filter-bar .media-library__datasource {
        margin-bottom: 9px;
        -webkit-box-align: normal;
            -ms-flex-align: normal;
                    -ms-grid-row-align: normal;
                align-items: normal;
        padding-top: 6px; } }

.editor-media-modal .media-library__datasource {
  margin-bottom: 16px; }
  @media (max-width: 480px) {
    .editor-media-modal .media-library__datasource {
      margin-bottom: 9px; } }

.media-library__source-button.is-borderless {
  padding: 5px;
  padding-left: 12px;
  height: 38px; }
  .media-library__source-button.is-borderless img {
    min-width: 24px;
    min-height: 24px;
    margin-top: 2px; }
  .media-library__source-button.is-borderless .gridicons-chevron-down {
    top: -3px; }
  .media-library__source-button.is-borderless .gridicon {
    top: 4px; }
  .media-library__source-button.is-borderless:after {
    font-size: 20px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    line-height: 16px;
    color: rgba(135, 166, 188, 0.5);
    padding-top: 6px; }
  @media (max-width: 480px) {
    .media-library__source-button.is-borderless .gridicons-chevron-down {
      width: 18px;
      height: 18px;
      color: rgba(135, 166, 188, 0.5); }
    .media-library__source-button.is-borderless .gridicon {
      top: 2px; }
    .media-library__source-button.is-borderless:after {
      padding-top: 3px; } }

.media-library__source-button.is-open.is-borderless:after {
  font-size: 20px;
  content: "";
  vertical-align: top;
  text-align: center;
  display: inline-block;
  font-family: Noticons;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none; }

.media-library__source-button.is-open.is-borderless .gridicon {
  color: #2e4453; }

@media (min-width: 481px) {
  .editor-media-modal .media-library__filter-bar .plan-storage {
    margin-bottom: 16px; } }

.media-library__heading {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  display: inline-block;
  margin: 0;
  line-height: 40px;
  margin-right: 12px; }
  @media (max-width: 480px) {
    .media-library__heading {
      display: none; } }

.media-library__upload-buttons {
  display: inline; }

.media-library__header-popover .popover__menu-item {
  padding-left: 12px; }

.media-library__header-popover .popover__menu img, .media-library__header-popover .popover__menu svg {
  margin-right: 8px;
  vertical-align: middle; }

.media-library__scale-toggle {
  position: absolute;
  right: 16px; }
  .media-library__scale-toggle.segmented-control.is-compact .segmented-control__link {
    padding: 2px 4px; }
  @media (min-width: 481px) {
    .media-library__scale-toggle {
      display: none; } }

.media-library__scale-range {
  display: none; }
  @media (min-width: 481px) {
    .media-library__scale-range {
      display: block; } }

.media-library__scale-toggle .gridicon {
  margin: 2px 4px;
  vertical-align: middle; }

.media-library__content .notice {
  margin-bottom: 0; }

.media-library__list {
  padding: 0 16px; }

.media-library__list-item.is-small .media-library__list-item-file-details .media-library__list-item-icon {
  top: 0; }

.media-library__list-item.is-small .media-library__list-item-details-separator,
.media-library__list-item.is-small .media-library__list-item-file-extension {
  display: none; }

.media-library__videopress-nudge-container {
  display: block;
  overflow-y: auto;
  right: 0;
  left: 0;
  margin: 0; }

.editor-media-modal .media-library__videopress-nudge-container {
  position: absolute;
  top: 50px;
  bottom: 72px; }

.media-library__videopress-nudge-container .upgrade-nudge-expanded {
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: none;
  margin: 0; }
  @media (min-width: 961px) {
    .media-library__videopress-nudge-container .upgrade-nudge-expanded {
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }

.empty-content .media-library__videopress-nudge-regular.card.upgrade-nudge {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 70%;
  text-decoration: none; }

.main.media {
  max-width: 100%; }
  @media (min-width: 661px) {
    .main.media .media-library__list {
      padding: 0; } }

.media__item-dialog .dialog__action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.media__modal-delete-item-button {
  border: 0; }
  .media__modal-delete-item-button .dialog__button-label {
    color: #d94f4f; }
  .media__modal-delete-item-button:hover {
    color: #e27979; }
  .media__modal-delete-item-button:disabled {
    cursor: default;
    cursor: not-allowed;
    color: #f0b8b8; }

.media__main-section .media-library__header.media-library__upload-url {
  padding: 6px 12px;
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.no-results {
  color: #4f748e;
  font-size: 16px;
  line-height: 56px; }

.no-results__img {
  display: block;
  float: left;
  margin-right: 16px;
  width: 56px;
  height: 56px; }

.pages__page-list {
  margin: 0;
  width: 100%; }
  .pages__page-list .placeholder-text {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .pages__page-list .is-placeholder .noticon {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    opacity: 0.3; }

.pages__page-list-header {
  background: #f3f6f8;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  color: #87a6bc;
  font-size: 11px;
  padding: 6px 11px;
  text-transform: uppercase; }
  .pages__page-list-header .gridicons-time {
    color: #87a6bc;
    margin-right: 4px;
    vertical-align: text-top; }

.page {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .page .site-icon {
    display: none; }
    @media (min-width: 661px) {
      .page .site-icon {
        display: block;
        margin-right: 10px;
        min-width: 34px; } }
  .page.is-indented {
    padding-left: 136px; }
    .page.is-indented.is-indented-level-1 {
      padding-left: 40px; }
    .page.is-indented.is-indented-level-2 {
      padding-left: 56px; }
    .page.is-indented.is-indented-level-3 {
      padding-left: 70px; }
    .page.is-indented.is-indented-level-4 {
      padding-left: 88px; }
    .page.is-indented.is-indented-level-5 {
      padding-left: 104px; }
    .page.is-indented.is-indented-level-6 {
      padding-left: 120px; }
    .page.is-indented.is-indented-level-7 {
      padding-left: 136px; }

.page__hierarchy-indent {
  background: #f3f6f8;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .page__hierarchy-indent.is-indented {
    width: 112px; }
    .page__hierarchy-indent.is-indented.is-indented-level-1 {
      width: 16px; }
    .page__hierarchy-indent.is-indented.is-indented-level-2 {
      width: 32px; }
    .page__hierarchy-indent.is-indented.is-indented-level-3 {
      width: 48px; }
    .page__hierarchy-indent.is-indented.is-indented-level-4 {
      width: 64px; }
    .page__hierarchy-indent.is-indented.is-indented-level-5 {
      width: 80px; }
    .page__hierarchy-indent.is-indented.is-indented-level-6 {
      width: 96px; }
    .page__hierarchy-indent.is-indented.is-indented-level-7 {
      width: 112px; }

.page__main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.page__title,
.page__title:visited {
  display: inline;
  color: #2e4453;
  font-weight: bold;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  margin-right: 33px; }
  .page__title .gridicon,
  .page__title:visited .gridicon {
    color: #87a6bc;
    margin: 2px 8px -2px 0; }

.page__actions-toggle {
  color: #537994;
  cursor: pointer;
  font-size: 24px;
  margin-left: 24px;
  min-width: 24px;
  transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .page__actions-toggle.is-active {
    color: #00aadc;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.page__popover-more-info {
  color: #87a6bc;
  padding: 4px 16px 8px;
  font-size: 12px;
  max-width: 150px;
  text-align: left; }

.page__delete-item.popover__menu-item:hover, .page__delete-item.popover__menu-item:focus {
  background-color: #d94f4f;
  border: 0;
  box-shadow: none;
  color: white; }

.page .updated-confirmation .conf-alert {
  width: auto; }
  .page .updated-confirmation .conf-alert .undo {
    display: inline; }

.blog-posts-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px; }
  @media (min-width: 481px) {
    .blog-posts-page {
      padding: 16px 24px; } }

.blog-posts-page__front-page-icon,
.blog-posts-page__not-used-icon {
  margin-right: 6px; }

.blog-posts-page__details {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.blog-posts-page__title {
  display: inline;
  color: #2e4453;
  font-weight: bold;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  margin-right: 33px; }
  .blog-posts-page__title.is-disabled {
    color: #87a6bc; }

.blog-posts-page__info {
  color: #537994;
  font-size: 12px;
  margin: 0 33px 0 0; }
  .blog-posts-page__info.is-disabled {
    color: #a8bece; }

.page-card-info {
  color: #537994;
  font-size: 12px;
  vertical-align: middle; }
  .page-card-info a, .page-card-info.post-actions__relative-time {
    color: #537994; }
    .page-card-info a:hover, .page-card-info.post-actions__relative-time:hover {
      color: #00aadc; }

.page-card-info__item {
  display: inline-block;
  margin-right: 12px; }

.page-card-info__item-icon {
  margin-right: 4px; }

.page-card-info__item-icon,
.page-card-info__item-text {
  vertical-align: middle; }

.page-card-info__item-text {
  line-height: 1; }
  .page-card-info__item-text::first-letter {
    text-transform: capitalize; }

.page-card-info__site-url {
  font-style: italic; }

p.post-relative-time-status {
  margin-bottom: 0px; }
  p.post-relative-time-status .post-relative-time-status__time-text,
  p.post-relative-time-status .post-relative-time-status__status-text {
    vertical-align: middle; }
  p.post-relative-time-status .gridicon {
    margin: 0px 4px 0 0; }

.delete-user__select-placeholder {
  border-bottom: 1px solid #87a6bc; }

.delete-user__explanation {
  color: #87a6bc; }

.delete-user__single-site .author-selector__author-toggle .gravatar {
  margin-left: 6px;
  vertical-align: middle; }

.delete-user__reassign-user-name {
  margin: 0 3px 0 8px; }

.delete-user__remove-user .gridicon {
  margin: -2px 4px 0 0;
  vertical-align: middle; }

.delete-user__remove-user {
  cursor: pointer; }

.edit-team-member-form__form {
  border-top: 1px solid #e9eff3;
  padding-top: 24px;
  margin-top: 24px; }

.edit-team-member-form__user-profile .form-fieldset:last-child {
  margin-bottom: 0; }

.people-list-item.card.is-compact {
  border-bottom: 1px solid #e9eff3;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  position: relative; }
  @media (min-width: 481px) {
    .people-list-item.card.is-compact {
      padding-top: 24px;
      padding-bottom: 24px; } }
  .people-list-item.card.is-compact:nth-of-type(1) {
    margin-top: -16px; }
    @media (min-width: 481px) {
      .people-list-item.card.is-compact:nth-of-type(1) {
        margin-top: -24px; } }
  .people-list-item.card.is-compact:last-of-type {
    border-bottom: none;
    margin-bottom: -16px; }
    @media (min-width: 481px) {
      .people-list-item.card.is-compact:last-of-type {
        margin-bottom: -24px; } }
  .bulk-editing .people-list-item.card.is-compact {
    padding-left: 40px; }

.people-list-item__checkbox[type=checkbox] {
  margin-top: 0;
  position: absolute;
  top: 48px;
  left: 2px; }
  .people-list-item__checkbox[type=checkbox]:after {
    content: '';
    position: absolute;
    top: -20px;
    left: -19px;
    width: 56px;
    height: 55px; }

.people-list-item__label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer; }

.people-list-item__profile-container {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden; }

.people-list-item__actions {
  -ms-flex-item-align: center;
      align-self: center;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.people-list-item__actions .people-list-item__remove-button {
  font-size: 11px;
  text-transform: uppercase;
  color: #d94f4f; }

.people-list-item .card__link-indicator {
  right: 0px;
  z-index: 2; }

.people-profile {
  position: relative; }
  .people-profile:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .people-profile.is-placeholder .people-profile__username,
  .people-profile.is-placeholder .people-profile__login > span,
  .people-profile.is-placeholder .people-profile__role-badge,
  .people-profile.is-placeholder .gravatar.is-placeholder {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .people-profile.is-placeholder .people-profile__role-badge {
    border: none; }
  .people-profile.is-placeholder .people-profile__username {
    width: 36%; }

.people-profile__gravatar {
  float: left; }

.people-profile__gravatar .gravatar {
  width: 56px !important;
  height: 56px !important; }
  @media (min-width: 481px) {
    .people-profile__gravatar .gravatar {
      width: 72px !important;
      height: 72px !important; } }

.people-profile__detail {
  margin-left: 80px; }
  @media (min-width: 481px) {
    .people-profile__detail {
      margin-left: 96px; } }

.people-profile__username {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  color: #2e4453;
  font-size: 16px;
  font-weight: 700;
  white-space: pre;
  text-overflow: clip;
  overflow: hidden; }
  @media (min-width: 481px) {
    .people-profile__username {
      font-size: 21px; } }
  .people-profile__username:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.people-profile__login {
  color: #2e4453;
  font-size: 13px; }
  @media (min-width: 481px) {
    .people-profile__login {
      font-size: 15px;
      margin-top: -3px; } }

.people-profile__badges {
  margin-top: 8px; }
  .people-profile__badges:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.people-profile__subscribed {
  color: #87a6bc;
  font-size: 11px;
  margin-top: 4px;
  text-transform: uppercase; }

.people-profile__role-badge {
  float: left;
  background: white;
  border: 1px solid #87a6bc;
  border-radius: 2px;
  color: #87a6bc;
  display: inline-block;
  font-size: 11px;
  margin-left: 8px;
  padding: 2px 6px 2px 6px;
  white-space: pre; }
  .people-profile__role-badge:first-child {
    margin-left: 0; }
  .people-profile__role-badge.role-super-admin {
    background: #d54e21;
    border: none;
    color: white; }
  .people-profile__role-badge.role-administrator, .people-profile__role-badge.role-admin-owner {
    background: #2e4453;
    border: none;
    color: white; }
  .people-profile__role-badge.role-editor {
    background: #005082;
    border: none;
    color: white; }
  .people-profile__role-badge.role-author, .people-profile__role-badge.role-contributor {
    background: #0087be;
    border: none;
    color: white; }

.people-notices__notice.notice {
  margin-bottom: 0px; }

.invite-people__token-field-wrapper {
  clear: both;
  margin-bottom: 20px; }

.invite-people .feature-example {
  margin-top: 0; }

.invite-people__action-required .notice {
  margin-bottom: 0; }

.plan-compare-card {
  width: 270px;
  position: relative; }

.plan-compare-card__header,
.plan-compare-card__features,
.plan-compare-card__actions {
  margin-bottom: 0; }

.plan-compare-card__features {
  padding: 16px 24px;
  font-size: 14px;
  color: #537994; }

.plan-compare-card__header {
  text-align: center;
  border-radius: 4px 4px 0 0; }

.plan-compare-card__actions {
  border-radius: 0 0 4px 4px; }

.plan-compare-card__title {
  font-size: 16px;
  font-weight: 500;
  color: #415e74; }

.plan-compare-card__line {
  font-size: 12px;
  font-weight: normal;
  color: #537994;
  font-style: italic; }

.plan-compare-card__features-list {
  margin: 0; }

.plan-compare-card__button.is-current {
  width: 100%;
  border-width: 1px;
  border-color: #00aadc;
  color: #00aadc;
  font-weight: 400; }

.plan-compare-card__button.is-current:active {
  border-bottom-width: 1px; }

.plan-compare-card__button.is-primary {
  width: 100%; }

.plan-compare-card-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none; }

.plan-compare-card-item.is-highlight {
  color: #4ab866;
  margin-left: 0px; }

.plan-compare-card-item.is-unavailable {
  text-decoration: line-through;
  margin-left: 24px; }

.plan-compare-card__item-checkmark {
  margin-right: 6px;
  vertical-align: middle;
  line-height: 16px; }

.plan-compare-card__button-checkmark {
  margin-right: 6px; }

/* Breakpoints 1150px, */
.plan-features__content {
  margin: -16px -16px 0 -16px;
  padding-top: 20px; }

.is-section-plans .plan-features__mobile {
  display: block; }
  @media (min-width: 752px) {
    .is-section-plans .plan-features__mobile {
      display: none; } }

.plan-features__notice {
  margin-bottom: 16px; }
  @media (min-width: 1041px) {
    .plan-features__notice {
      margin-bottom: 32px;
      margin-top: -19px; } }

.plan-features__mobile {
  color: #537994;
  margin: 0 16px;
  display: block; }
  @media (min-width: 661px) {
    .plan-features__mobile {
      display: none; } }
  .plan-features__mobile .foldable-card {
    box-shadow: none; }
  .plan-features__mobile .foldable-card.card.is-expanded {
    margin: 0; }
  .plan-features__mobile .foldable-card.is-expanded .foldable-card__content {
    padding: 0; }
  .plan-features__mobile .plan-features__header-banner {
    display: none; }
  .plan-features__mobile .plan-features__item {
    border-bottom: solid 1px #dfe8ed;
    font-size: 14px; }
  .plan-features__mobile .plan-features__item:last-child {
    border-bottom: none; }

.plan-features__mobile .plan-features__header .plan-features__header-figure,
.plan-features__table.has-1-cols .plan-features__header-figure,
.plan-features__table.has-2-cols .plan-features__header-figure {
  display: block;
  width: 50px;
  height: 50px; }

.plan-features__mobile-plan {
  font-size: 14px;
  border: solid 1px #dfe8ed;
  background-color: white;
  margin-bottom: 24px; }

.is-section-plans .plan-features__table {
  display: none; }
  @media (min-width: 752px) {
    .is-section-plans .plan-features__table {
      display: table; } }

.plan-features__table {
  font-size: 14px;
  color: #537994;
  border-spacing: 16px 0;
  margin-top: -16px;
  display: none;
  table-layout: fixed; }
  @media (min-width: 661px) {
    .plan-features__table {
      display: table; } }
  @media (max-width: 1040px) {
    .plan-features__table {
      border-spacing: 0;
      margin: 0 15px;
      width: calc( 100% - 30px); } }

.plan-features__row {
  background: white; }

.plan-features__table-item {
  border-right: solid 1px #dfe8ed;
  border-left: solid 1px #dfe8ed;
  background-color: white;
  position: relative; }
  .plan-features__table-item.is-highlighted {
    border: 1px solid #0087be;
    background-color: rgba(0, 135, 190, 0.1);
    position: relative;
    top: -1px; }
    .plan-features__table-item.is-highlighted .plan-features__item-checkmark {
      fill: #0087be; }
    .plan-features__table-item.is-highlighted.has-partial-border::after {
      display: none; }
  .plan-features__table-item.is-selected {
    display: table-cell; }

.plan-features__table-item.has-partial-border::after {
  content: '';
  display: block;
  height: 1px;
  width: calc( 100% - 48px);
  border-bottom: 1px solid #dfe8ed;
  position: absolute;
  bottom: 0;
  margin: 0 24px; }
  @media (max-width: 1040px) {
    .plan-features__table-item.has-partial-border::after {
      margin: 0 12px;
      width: calc( 100% - 24px); } }

.plan-features__table-item.has-border-bottom {
  border-bottom: solid 1px #dfe8ed; }

.plan-features__table-item.has-border-top {
  border-top: solid 1px #dfe8ed; }

.plan-features__table-item.is-placeholder .spinner-line {
  margin: 0;
  position: absolute;
  top: -3px;
  width: 100%; }

.plan-features__table-item.is-bottom-buttons {
  padding-top: 33px; }

.plan-features__table-item.is-top-buttons {
  padding-top: 8px; }

.plan-features__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 24px 0 15px;
  border-bottom: solid 2px #c8d7e1;
  background-color: white; }
  @media (max-width: 960px) {
    .plan-features__header {
      padding: 12px 12px 0 12px; } }
  .plan-features__header.is-personal-plan {
    border-bottom: solid 2px #f0b849; }
  .plan-features__header.is-premium-plan {
    border-bottom: solid 2px #4ab866; }
  .plan-features__header.is-business-plan {
    border-bottom: solid 2px #855DA6; }

.plan-features__header-figure {
  position: relative;
  width: 56px;
  height: 56px;
  margin-right: 15px;
  border-radius: 50%; }

@media (max-width: 1280px) {
  .is-section-plans .plan-features__header-figure {
    width: 24px;
    height: 24px;
    margin-right: 10px; } }

@media (max-width: 1040px) {
  .plan-features__header-figure,
  .plan-features__table.has-1-cols .plan-features__header-figure,
  .plan-features__table.has-2-cols .plan-features__header-figure {
    display: none; } }

.plan-features__header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 6px 0 0 0; }

.plan-features__header-title {
  font-size: 22px;
  color: #0087be;
  line-height: 0.7; }
  @media (max-width: 960px) {
    .plan-features__header-title {
      font-size: 20px; } }

.plan-features__header-price-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }

.plan-features__header-timeframe {
  margin-bottom: 1.4em;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: #537994;
  line-height: .6;
  white-space: nowrap; }
  .plan-features__header-timeframe.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    width: 140px;
    height: 12px;
    margin-bottom: 15px; }
    .plan-features__header-timeframe.is-placeholder:after {
      content: '\00a0'; }
    @media (max-width: 960px) {
      .plan-features__header-timeframe.is-placeholder {
        margin-bottom: 9px; } }

.info-popover.plan-features__header-tip-info {
  position: relative;
  top: 4px;
  left: 3px;
  margin-top: -10px;
  margin-bottom: -10px;
  display: inline-block; }

.popover.plan-features__header-tip-info .popover__inner {
  white-space: nowrap; }

.plan-features__price.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  width: 45px;
  height: 25px;
  margin-top: 9px;
  margin-bottom: 5px; }
  .plan-features__price.is-placeholder:after {
    content: '\00a0'; }

.plan-features__price-jetpack.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  height: 32px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 140px; }
  .plan-features__price-jetpack.is-placeholder:after {
    content: '\00a0'; }
  @media (max-width: 960px) {
    .plan-features__price-jetpack.is-placeholder {
      height: 26px; } }

.plan-features__interval-type {
  margin-bottom: 1.4em; }
  .plan-features__interval-type.is-placeholder {
    height: 28px; }
    @media (max-width: 660px) {
      .plan-features__interval-type.is-placeholder {
        height: auto; } }

.plan-features__header-banner {
  box-sizing: border-box;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 0;
  -webkit-transform: translateY(-21px);
          transform: translateY(-21px);
  padding: 0 8px;
  background: #2e4453;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.plan-features__description {
  margin: 0;
  padding: 24px 24px 0 24px; }
  @media (max-width: 1040px) {
    .plan-features__description {
      padding: 12px 12px 0 12px; } }
  @media (max-width: 660px) {
    .plan-features__description {
      padding: 20px 20px 0 20px; } }

.plan-features__targeted-description-heading {
  display: block;
  color: #5c86a4; }

.plan-features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 24px;
  padding: 12px 0;
  font-size: 14px;
  color: #2e4453; }
  @media (max-width: 960px) {
    .plan-features__item {
      font-size: 12px; } }
  @media (max-width: 1040px) {
    .plan-features__item {
      margin: 0 12px; } }

.plan-features__item-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0;
          flex: 1 0 0;
  margin-left: 10px;
  width: 100%; }

.plan-features__item-checkmark {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  fill: #0087be; }

.plan-features__item-tip-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: center;
      align-self: center; }

.popover__plan-features .popover__inner {
  width: 200px; }

.plan-features__actions {
  padding: 0 24px 24px 24px; }
  @media (max-width: 1040px) {
    .plan-features__actions {
      padding: 0 12px 12px 12px; } }
  @media (max-width: 660px) {
    .plan-features__actions {
      padding: 0 20px 20px 20px;
      border-bottom: solid 1px #f3f6f8; } }

.plan-features__actions-buttons {
  text-align: center; }

.plan-features__actions-button {
  width: 100%;
  margin-top: 8px; }
  @media (max-width: 660px) {
    .plan-features__actions-button {
      margin-top: 20px; } }

.plan-features__item-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0;
          flex: 1 0 0;
  width: 100%; }

.plan-features__item-title-outlined {
  font-weight: bold;
  display: block; }

.plan-features__item-description {
  display: inline-block;
  margin-left: 10px; }

/*= Plans in Signup 
========================================*/
.price-toggle {
  width: 250px;
  margin: 0 auto 20px; }
  .price-toggle + .plans-features-main__group {
    padding-top: 8px; }

.plans-wrapper {
  margin: 0 auto;
  overflow-y: auto;
  padding: 20px 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px); }

.plan-features--signup {
  margin: 0 auto; }
  .jetpack-connect__plans .plan-features--signup {
    width: 1000px; }
  .signup__steps .plan-features--signup {
    width: 1100px; }
  .plan-features--signup .plan-features__table {
    display: table !important;
    border-spacing: 15px 0 !important;
    width: 100%;
    margin: 0; }
  .plan-features--signup .plan-features__content {
    margin: -16px 0 0 0; }
  .plan-features--signup .plan-features__header {
    padding-bottom: 12px; }
  .plan-features--signup .plan-features__header-title {
    color: #2e4453;
    margin-bottom: 5px; }
  .plan-features--signup .plan-features__table-item {
    text-align: center; }
  .plan-features--signup .plan-features__table-item.has-border-bottom {
    border-bottom: 0; }
  .plan-features--signup .plan-features__graphic {
    width: 100px;
    margin: 20px auto; }
  .plan-features--signup .plan-features__pricing,
  .plan-features--signup .plan-price.is-discounted {
    color: #2e4453; }
  .plan-features--signup .is-placeholder {
    width: 60%;
    margin: 5px auto; }
  .plan-features--signup .plan-features__item {
    margin: 0 15px; }
  .plan-features--signup .plan-features__item-title {
    margin: 0; }
  .plan-features--signup .plan-features__actions {
    padding: 0 15px 15px; }
  .plan-features--signup .plan-features__actions-button {
    margin-top: 8px; }
  .plan-features--signup .plan-price.is-original:before {
    border-color: #4ab866; }
  .plan-features--signup .plan-price,
  .plan-features--signup .plan-price.is-original {
    font-size: 1em; }
  .plan-features--signup .plan-features__header-price-group {
    display: inline; }
  .plan-features--signup .plan-features__item-checkmark,
  .plan-features--signup .plan-features__item-tip-info {
    display: none; }
  .plan-features--signup .plan-features__row:last-of-type .plan-features__table-item {
    border-bottom: solid 1px #dfe8ed; }

.plan-price {
  margin: 0;
  font-size: 28px;
  line-height: 1.5;
  color: #2e4453; }
  .plan-price.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    width: 60px;
    margin: 10px 0;
    height: 21px; }
    .plan-price.is-placeholder:after {
      content: '\00a0'; }
  @media (max-width: 960px) {
    .plan-price {
      font-size: 24px; } }

.plan-price.is-original {
  color: #87a6bc; }

.plan-price.is-discounted {
  color: #4ab866; }

.plan-price.is-discounted,
.plan-price.is-original {
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
              -ms-grid-row-align: stretch;
          align-items: stretch;
  margin-right: 8px; }

.plan-price.is-original:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid #d54e21;
  -webkit-transform: rotate(-16deg);
          transform: rotate(-16deg);
  opacity: .9; }

.plan-price__currency-symbol,
.plan-price__fraction {
  vertical-align: super;
  font-size: 12px; }

.plan-price.is-discounted .plan-price__currency-symbol {
  color: #4ab866; }

.plan-price__currency-symbol {
  color: #87a6bc; }

.plan-price__integer {
  margin: 0 1px;
  font-weight: 400; }

.plan-price__fraction {
  font-weight: 500; }

@media (min-width: 1041px) {
  .plans-features-main__group {
    padding-top: 19px; } }

.plans-features-main__group + .faq {
  margin-top: 20px; }

.plans .show-monthly-plans-link {
  clear: both;
  display: block;
  font-size: 12px;
  margin: 20px 0 20px 0;
  text-align: center; }
  .plans .show-monthly-plans-link .gridicon {
    margin: -2px 3px 0 0;
    vertical-align: middle; }

.current-plan__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.current-plan__header-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 12px; }
  .current-plan__header-item:last-child {
    margin-bottom: 0; }
  @media (min-width: 1041px) {
    .current-plan__header-item {
      width: calc( 50% - 6px);
      margin-bottom: 0; } }

.current-plan__header-item-content {
  background-color: white;
  padding: 32px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  @media (min-width: 661px) {
    .current-plan__header-item-content {
      text-align: left; } }

.current-plan__header-icon {
  margin: 0 auto;
  width: 80px;
  height: 80px; }

.current-plan__header-copy {
  width: 100%; }

.current-plan__header-heading,
.current-plan__header-text {
  clear: none; }

.current-plan__header-heading {
  font-size: 24px;
  font-weight: 400;
  margin: 24px 0 8px 0; }

.current-plan__header-text {
  font-size: 18px;
  font-weight: 300; }

.current-plan__header.is-placeholder .current-plan__header-icon {
  display: none; }

.current-plan__header.is-placeholder .current-plan__header-heading,
.current-plan__header.is-placeholder .current-plan__header-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: block; }
  .current-plan__header.is-placeholder .current-plan__header-heading:after,
  .current-plan__header.is-placeholder .current-plan__header-text:after {
    content: '\00a0'; }
  @media (max-width: 660px) {
    .current-plan__header.is-placeholder .current-plan__header-heading,
    .current-plan__header.is-placeholder .current-plan__header-text {
      margin: 0 auto; } }

.current-plan__header.is-placeholder .current-plan__header-heading {
  width: 50%; }

.current-plan__header.is-placeholder .current-plan__header-text {
  line-height: 2em;
  margin-bottom: 8px;
  margin-top: 15px;
  width: 90%; }
  @media (min-width: 661px) {
    .current-plan__header.is-placeholder .current-plan__header-text {
      margin-bottom: 18px;
      margin-top: 18px; } }

.current-plan__header-purchase-info-wrapper.card.is-compact {
  margin: 24px -32px -32px; }

.current-plan__header-purchase-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .current-plan__header-purchase-info.is-expiring .current-plan__expires-in {
    color: #d94f4f; }
  .current-plan__header-purchase-info .button.is-compact {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.current-plan__header-expires-in {
  color: #537994; }

/**
 * Post Image
 * - representative image displayed at the top of the post card located on post list pages (posts).
 */
.post-image {
  position: relative;
  width: 100%;
  margin-top: 16px;
  background-color: #f3f6f8;
  text-align: center; }
  .post-image:first-child {
    margin-top: 0; }
  .post-image:hover {
    cursor: zoom-out; }
  .post-image.is-collapsed, .post-image.is-placeholder {
    height: 144px; }
    @media (min-width: 481px) {
      .post-image.is-collapsed, .post-image.is-placeholder {
        height: 232px; } }
  .post-image.is-collapsed {
    background-size: cover;
    background-position: center; }
    .post-image.is-collapsed:hover {
      cursor: zoom-in; }
  .post-image.is-placeholder {
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.post-image__image {
  vertical-align: bottom; }

.post-relative-time-status .gridicon {
  display: inline-block;
  margin: -4px 8px 0 0;
  vertical-align: middle; }

.pages__page-list .post-relative-time-status .is-sticky,
.posts__list .post-relative-time-status .is-sticky {
  color: #f0821e; }

.pages__page-list .post-relative-time-status .is-pending,
.posts__list .post-relative-time-status .is-pending {
  color: #f0b849; }

.pages__page-list .post-relative-time-status .is-scheduled,
.posts__list .post-relative-time-status .is-scheduled {
  color: #00aadc; }

.pages__page-list .post-relative-time-status .is-trash,
.posts__list .post-relative-time-status .is-trash {
  color: #d94f4f; }

.post-relative-time-status__time,
.post-relative-time-status__status {
  display: inline-block;
  margin-right: 0.91667em; }

.post-relative-time-status__time-text {
  display: inline-block; }
  .post-relative-time-status__time-text::first-letter {
    text-transform: capitalize; }

.post-relative-time-status__status-text {
  text-transform: capitalize; }

.post-selector {
  position: relative;
  background-color: white;
  border: 1px solid #c8d7e1; }
  .post-selector.is-compact {
    background-color: transparent;
    border: none; }

.post-selector__search {
  position: relative; }

.post-selector__search .gridicon {
  position: absolute;
  left: 0;
  padding: 8px; }

.post-selector__search input[type="search"] {
  right: 0;
  width: 100%;
  height: 35px;
  padding: 4px 8px 4px 30px;
  border-width: 0;
  border-bottom-width: 1px;
  background: white;
  font-size: 14px;
  -webkit-appearance: none; }

input[type=radio].post-selector__input,
input[type=checkbox].post-selector__input {
  margin-top: 4px; }
  input[type=radio].post-selector__input + label,
  input[type=checkbox].post-selector__input + label {
    display: block;
    margin-left: 24px;
    transition: all 200ms ease-out;
    color: #2e4453; }
    input[type=radio].post-selector__input + label:hover,
    input[type=checkbox].post-selector__input + label:hover {
      color: #00aadc; }

input[type=checkbox].post-selector__input {
  margin-right: 8px; }

.post-selector__results {
  height: 300px; }
  .post-selector.is-compact .post-selector__results {
    height: auto; }

.post-selector__nested-list {
  margin-left: 1em; }

.post-selector__list-item {
  position: relative;
  padding: 2px 8px;
  font-size: 13px; }
  .post-selector__list-item.is-empty {
    padding-top: 4px; }
  .post-selector__nested-list .post-selector__list-item {
    padding-left: 0;
    padding-right: 0; }

.post-selector__label {
  position: relative;
  display: block;
  margin-left: 24px;
  margin-top: 2px; }
  .post-selector.is-type-labels-visible .post-selector__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .post-selector.is-compact .post-selector__label {
    font-size: 14px;
    margin-top: 0; }
  .post-selector__list-item.is-placeholder .post-selector__label {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.post-selector__label-type {
  display: none;
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 11px;
  text-transform: uppercase;
  color: #87a6bc; }
  .post-selector.is-type-labels-visible .post-selector__label-type {
    display: block; }

.post-type-filter .section-nav-tab {
  box-sizing: border-box;
  height: 50px; }

.post-type-filter__multi-select-button {
  display: block;
  height: 50px; }
  .post-type-filter__multi-select-button.button.is-borderless {
    color: #0087be;
    padding: 14px 8px 12px;
    border-bottom: 2px solid transparent;
    border-radius: 0; }
    .post-type-filter__multi-select-button.button.is-borderless:hover {
      color: #33bbe3; }
    .post-type-filter__multi-select-button.button.is-borderless.is-enabled {
      border-bottom-color: #2e4453;
      color: #2e4453; }
    .post-type-filter__multi-select-button.button.is-borderless .gridicon {
      top: 2px;
      padding-right: 4px; }
    @media (max-width: 480px) {
      .post-type-filter__multi-select-button.button.is-borderless {
        position: absolute;
        top: 0;
        right: 50px;
        height: 46px;
        padding: 12px 8px 10px; } }
  .post-type-filter__multi-select-button .post-type-filter__multi-select-button-text {
    vertical-align: top;
    line-height: 24px; }

.post-type-list__bulk-edit-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 8px;
  padding-bottom: 8px; }
  .post-type-list__bulk-edit-bar .count {
    display: inline-block;
    margin-right: 8px; }
  .post-type-list__bulk-edit-bar .button {
    width: 90px;
    line-height: 14px;
    margin-left: 8px; }

.post-type-list__post-thumbnail-wrapper {
  display: none;
  position: relative;
  width: 80px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow: hidden;
  margin: 8px 0; }
  .post-item__card.is-mini .post-type-list__post-thumbnail-wrapper {
    margin: 0; }
  .post-type-list__post-thumbnail-wrapper.has-image,
  .post-item__card.is-placeholder .post-type-list__post-thumbnail-wrapper {
    display: block; }
  .post-item__card.is-placeholder .post-type-list__post-thumbnail-wrapper {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .post-item__card.is-placeholder .post-type-list__post-thumbnail-wrapper:after {
      content: '\00a0'; }

.post-type-list__post-thumbnail {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: none; }

.post-actions-ellipsis-menu {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px; }

.post-actions-ellipsis-menu,
.post-actions-ellipsis-menu .ellipsis-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.post-actions-ellipsis-menu .ellipsis-menu__toggle {
  padding: 0 16px;
  margin-right: -16px; }

.post-type-post-author__name {
  margin: 0;
  line-height: 16px;
  vertical-align: middle;
  font-size: 13px;
  color: #537994; }

.post-type-site-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.post-type-site-info .site-icon {
  margin-right: 6px; }

.post-type-site-info__title {
  display: inline;
  margin-right: 15px;
  line-height: 16px;
  vertical-align: middle;
  font-size: 13px;
  color: #2e4453; }

.posts.main {
  display: block;
  max-width: 720px; }
  @media (min-width: 1281px) {
    .posts.main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 1440px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.posts__primary {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 720px; }
  @media (min-width: 1281px) {
    .posts__primary {
      min-width: 520px; } }

.posts__list .post {
  position: relative;
  padding: 0;
  margin-bottom: 1.6em; }
  @media (max-width: 660px) {
    .posts__list .post {
      font-size: 13px; } }

.posts__list .post__body {
  background-color: white; }

.posts__list .post-attribution,
.posts__list .post__content,
.posts__list .post__info {
  box-sizing: border-box;
  padding: 1.4rem; }
  @media (min-width: 661px) {
    .posts__list .post-attribution,
    .posts__list .post__content,
    .posts__list .post__info {
      padding: 2.4rem; } }

.posts__list .post-attribution {
  width: 100%;
  font-size: 0.93333em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #87a6bc; }
  .posts__list .post-attribution a {
    color: inherit; }
  .posts__list .post-attribution span:first-child .post-attribution-avatar {
    margin-left: 0; }
  .posts__list .post-attribution + .post__content {
    padding-top: 0; }
  @media (min-width: 661px) {
    .posts__list .post-attribution {
      padding: 1.6rem 2.4rem; } }

.posts__list .post-attribution-avatar {
  width: 1.71429em;
  height: 1.71429em;
  margin: 0 0.35714em 0 0.5em;
  vertical-align: middle;
  display: inline-block; }
  .posts__list .post-attribution-avatar.is-rounded {
    border-radius: 50%; }

.posts__list .post__content {
  padding-top: 1.6rem;
  padding-bottom: 0.8rem;
  margin: 0;
  overflow: hidden; }
  .posts__list .post__content + .post__info {
    padding-top: 0; }
  @media (min-width: 661px) {
    .posts__list .post__content {
      padding-bottom: 1.2rem; } }

.posts__list .post__content-link {
  display: block; }

.posts__list .post__title-link + .post__excerpt {
  margin-top: 0.46667em; }

.posts__list .post__title-link + .featured-standard {
  margin-top: 0.86667em; }
  .posts__list .post__title-link + .featured-standard + .post__excerpt {
    margin-top: 0.46667em; }

.posts__list .post__title {
  color: #2e4453;
  font-size: 1.6em;
  line-height: 1.33333em;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  clear: right; }

.posts__list .post-format__icon {
  float: left;
  margin-top: 4px; }
  .posts__list .post-format__icon .gridicon {
    color: #537994;
    margin-right: 6px; }

.posts__list .post__excerpt {
  color: #4f748e;
  font-size: 1.06667em;
  line-height: 1.5em;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif; }
  .posts__list .post__excerpt p {
    margin: 0; }

.posts__list .post__quote {
  background: none;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  padding: 0;
  margin: 0;
  border-radius: 0; }

.posts__list .post__info {
  width: 100%;
  font-size: 0.93333em;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  color: #87a6bc;
  overflow: hidden; }
  @media (min-width: 661px) {
    .posts__list .post__info {
      padding-top: 2rem;
      padding-bottom: 2rem; } }

.posts__list .post-relative-time-status {
  float: left;
  margin: 0; }
  .posts__list .post-relative-time-status .noticon {
    font-size: 1.14286em;
    margin: 0.23077em 0.23077em 0 0; }
  .posts__list .post-relative-time-status a {
    color: inherit; }
  .posts__list .post-relative-time-status small {
    font-size: 0.9em;
    color: #a8bece; }

.posts__list .post__meta {
  float: right;
  margin: 0;
  list-style: none;
  box-sizing: border-box; }
  .posts__list .post__meta li {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 1.07143em;
    color: #87a6bc;
    vertical-align: top; }
    .posts__list .post__meta li:first-child {
      margin-left: 0; }
    .posts__list .post__meta li a {
      color: inherit; }
      .posts__list .post__meta li a:before {
        font-size: 1.5em;
        vertical-align: top; }
      .posts__list .post__meta li a.is-empty .gridicon {
        color: #c8d7e1; }
      .posts__list .post__meta li a .gridicon {
        position: relative;
        top: 6px; }
      .posts__list .post__meta li a:hover {
        color: #00aadc; }
    .posts__list .post__meta li span {
      display: inline-block;
      margin: 0.07143em 0 0 0.21429em; }

.posts__list .image-large-format {
  background-color: #f3f6f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: start;
      align-content: flex-start; }
  .posts__list .image-large-format .image-item {
    box-sizing: border-box;
    max-height: 100%;
    padding: 0 0.6rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .posts__list .image-large-format .image-item-media {
    vertical-align: bottom; }

.posts__list .post__header + .post__content-link .image-large-format {
  margin-top: 1.6rem; }

.posts__list .image-gallery {
  padding: 0.6rem 0.8rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center; }
  @media (min-width: 661px) {
    .posts__list .image-gallery {
      padding: 0.6rem 1.8rem; } }

.posts__list .image-single {
  height: 15.06667em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 961px) {
    .posts__list .image-single {
      background-size: contain; } }

.posts__list .featured-standard {
  float: right;
  width: 40%;
  max-height: 9.06667em;
  margin: 0 0 0.93333em 0.93333em;
  overflow: hidden; }
  .posts__list .featured-standard img {
    display: block; }
  @media (min-width: 661px) {
    .posts__list .featured-standard {
      margin: 0 0 1.6em 1.6em; } }
  @media (min-width: 961px) {
    .posts__list .featured-standard {
      margin-bottom: 0; } }

.posts__list .post.is-protected .post__title:before {
  font-size: 1em;
  content: "";
  vertical-align: top;
  text-align: center;
  display: inline-block;
  font-family: Noticons;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
  color: #87a6bc;
  margin-right: 0.16667em; }

.posts__list .post.is-placeholder .post__time:before {
  content: '';
  margin-right: 0; }

.posts__list .post.is-placeholder .post-attribution-avatar {
  display: inline-block;
  background-color: #e9eff3; }

.posts__list .placeholder-text {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.post__header {
  padding: 14px 16px 0; }
  @media (min-width: 661px) {
    .post__header {
      padding: 14px 24px 0; } }

.post .site-icon {
  position: absolute;
  top: 16px;
  left: 16px; }
  @media (min-width: 661px) {
    .post .site-icon {
      left: 24px; } }

.post__site-title {
  color: #2e4453;
  display: block;
  font-size: 14px;
  line-height: 38px;
  margin-right: 12px;
  padding-left: 48px; }
  .post__site-title a {
    color: #2e4453; }

.post__header.has-author .post__site-title {
  line-height: 1.4; }

.post__author {
  display: block;
  color: #537994;
  font-size: 12px;
  padding-left: 48px; }

/* RTL */
.rtl .posts__list .post__quote {
  font-family: Tahoma, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.rtl .posts__list .post__title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

:lang(he) .rtl .posts__list .post__quote {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.post__comments {
  cursor: pointer; }

.post .comments__comment-list {
  margin: 0;
  padding: 0 24px 24px;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }

.post .comments__comment-author .gravatar {
  top: 5px; }

.post .comments__view-more {
  margin-top: 15px; }

.post-controls {
  box-sizing: border-box;
  background-color: white;
  border-top: solid 1px rgba(200, 215, 225, 0.5);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 3em; }
  @media (max-width: 660px) {
    .post-controls {
      height: 3.46154em; } }

.post-controls__pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  list-style: none;
  font-size: 0.93333em;
  margin: 0;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; }
  .post-controls__pane > li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    box-sizing: border-box;
    text-align: center;
    border-left: solid 1px rgba(200, 215, 225, 0.5); }
    .post-controls__pane > li:first-child {
      border-left: none; }
    .post-controls__pane > li a {
      display: block;
      color: #537994;
      box-sizing: border-box;
      font-size: inherit;
      padding: 0.78571em 0; }
      .post-controls__pane > li a:hover, .post-controls__pane > li a.is-active {
        color: #2e4453;
        cursor: pointer; }
      .post-controls__pane > li a .gridicon {
        position: relative;
        top: 3px;
        margin-right: 6px; }

.post-controls__disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5; }

.post-controls__more-options {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  pointer-events: none; }

.post.show-more-options .post-controls__main-options {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  pointer-events: none; }

.post.show-more-options .post-controls__more-options {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  pointer-events: auto; }

.post-controls__trash.is-scary {
  color: #d94f4f; }

.posts__list .upgrade-nudge.card {
  margin: 24px 0; }

.posts .section-nav .gravatar {
  margin-left: 6px;
  vertical-align: middle; }

.posts__post-share-button {
  width: 100%; }
  @media (min-width: 481px) {
    .posts__post-share-button {
      width: auto; } }

.post__total-views {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center; }
  .post__total-views .stat-update-indicator {
    font-size: 14px;
    padding-top: 2px; }

.plugin__installed-on {
  margin-bottom: 16px; }

.plugins__plugin-list-state {
  white-space: nowrap; }

.card.is-compact.section-header.after-compact {
  margin-top: 16px; }

.plugins__header {
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9px; }
  @media (min-width: 481px) {
    .plugins__header {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-bottom: 17px; } }

.plugins__header .section-nav {
  border: 1px solid rgba(200, 215, 225, 0.5);
  border-width: 0 0 1px;
  box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0; }
  @media (min-width: 481px) {
    .plugins__header .section-nav {
      border-width: 0 1px 0 0; } }

.plugins__header-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .plugins__header-buttons .header-button {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -ms-flex-preferred-size: 0;
        flex-basis: 0; }
    .plugins__header-buttons .header-button:not(:last-child) {
      border-right: 1px solid rgba(200, 215, 225, 0.5); }
    @media (min-width: 481px) {
      .plugins__header-buttons .header-button {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; } }

.plugins__more-header {
  font-size: 14px;
  line-height: 2;
  margin: 40px 0 20px;
  padding: 0 15px; }
  @media (min-width: 661px) {
    .plugins__more-header {
      padding: 0; } }

.jetpack-plugins-setup {
  margin: 0 auto;
  max-width: 700px; }
  .jetpack-plugins-setup h1.is-placeholder,
  .jetpack-plugins-setup p.is-placeholder {
    width: inherit;
    background-color: #e9eff3;
    color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
    .jetpack-plugins-setup h1.is-placeholder:before,
    .jetpack-plugins-setup p.is-placeholder:before {
      content: ' '; }
  .jetpack-plugins-setup .plugin-item__link {
    cursor: default; }

.jetpack-plugins-setup__header {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  margin-bottom: .75em;
  text-align: center;
  color: #2e4453; }

.jetpack-plugins-setup__description {
  margin-bottom: 3em;
  color: #4f748e;
  text-align: center; }

.jetpack-plugins-setup__need-manage .button {
  float: right; }

.jetpack-plugins-setup__need-manage .button + .button {
  margin-right: 16px; }

.jetpack-plugins-setup .plugin-item {
  width: 100%; }
  .jetpack-plugins-setup .plugin-item:nth-last-child(n + 2) {
    border-bottom-width: 1px; }

.jetpack-plugins-setup .plugin-item__finished {
  color: #87a6bc;
  font-size: 12px;
  line-height: 1;
  padding: 6px 0; }

.jetpack-plugins-setup .plugin-item.card .notice.is-info .notice__icon {
  display: block; }

.plugin-action {
  clear: both;
  line-height: 1;
  margin-top: 16px; }
  .plugin-action:first-child {
    margin-top: 0; }
  .plugin-action.is-warning .plugin-action__label {
    color: #d94f4f; }
  .plugin-action .disconnect-jetpack-button {
    margin-right: 0; }
  @media (max-width: 480px) {
    .plugin-action .plugin-action__label {
      color: #2e4453; } }

.plugin-action .toggle__switch {
  float: right; }

.plugin-action__label {
  font-size: 12px;
  line-height: 16px;
  margin-right: 8px;
  vertical-align: top;
  cursor: pointer; }
  .is-disabled .plugin-action__label {
    color: #e9eff3;
    cursor: default; }
  .has-disabled-info .plugin-action__label {
    cursor: default;
    margin-left: 12px; }

.plugin-action .form-toggle__label .form-toggle__switch {
  float: right; }

.plugin-action__children {
  float: right; }

.plugin-action__children .noticon {
  margin-left: 8px; }

.plugin-action__disabled-info.info-popover {
  float: right;
  height: 16px;
  width: 24px; }

.plugin-action__disabled-info.info-popover .gridicons-info-outline {
  -webkit-transform: translate(-4px, -2px);
          transform: translate(-4px, -2px); }

.plugin-action__disabled-info-list {
  margin-left: 16px; }

.plugin-activate-toggle .plugin-action__children {
  float: none; }

.plugin-activate-toggle__disabled,
.plugin-activate-toggle__link {
  font-size: 12px;
  line-height: 16px;
  margin-right: 8px;
  vertical-align: top; }

.plugin-activate-toggle__link:hover,
.plugin-activate-toggle__link:hover .plugin-activate-toggle__icon {
  color: #33bbe3; }

.plugin-activate-toggle__disabled {
  color: #e9eff3; }

.plugin-activate-toggle__link a {
  color: currentcolor;
  line-height: 16px;
  vertical-align: top; }

.plugin-activate-toggle__link .plugin-activate-toggle__icon {
  color: #87a6bc; }

.plugin-activate-toggle__icon {
  display: inline-block;
  vertical-align: inherit;
  float: right;
  height: 16px;
  width: 24px; }

.plugin-activate-toggle__icon .gridicons-cog {
  -webkit-transform: translate(3px, -1px);
          transform: translate(3px, -1px); }

.plugin-automated-transfer__notice .gridicons-sync g {
  -webkit-animation: spinning-sync-icon linear 2s infinite;
          animation: spinning-sync-icon linear 2s infinite;
  -webkit-transform-origin: center;
          transform-origin: center; }

.plugin-automated-transfer__notice .gridicons-checkmark g,
.plugin-automated-transfer__notice .gridicons-notice g {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

@-webkit-keyframes spinning-sync-icon {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinning-sync-icon {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.plugin-icon {
  float: left;
  margin-right: 16px;
  width: 56px;
  height: 56px;
  position: relative;
  transition: opacity .15s ease-in-out; }
  @media (max-width: 480px) {
    .plugin-icon {
      width: 40px;
      height: 40px; } }
  @media (min-width: 481px) {
    .plugin-icon {
      margin-right: 24px; } }
  .plugin-icon .gridicon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    fill: white; }
  .plugin-icon.is-placeholder {
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    opacity: 0.3; }
  .plugin-icon.is-fallback {
    background: #c8d7e1; }

.plugin-icon__img {
  width: 100%;
  height: 100%; }

.plugin-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow: hidden; }

.plugin-information__description {
  margin-bottom: 0; }

.plugin-information__wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 16px; }

.plugin-information__version-shell:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.plugin-information__version-shell .version {
  float: left;
  margin: 0 16px 8px 0; }

.plugin-information__action-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  clear: both; }
  .plugin-information__action-links .button {
    margin-top: 16px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 10px; }

.plugin-information__last-updated {
  line-height: 18px;
  margin-bottom: 8px; }

.plugin-information__last-updated .gridicons-sync {
  float: left;
  color: #f0b849;
  margin-right: 4px; }

.plugin-information__version-info {
  font-size: 11px;
  color: #537994;
  text-transform: uppercase;
  width: 100%; }
  @media (min-width: 481px) {
    .plugin-information__version-info {
      float: left; } }

.plugin-information__version-info.is-singlesite .plugin-information__last-updated,
.plugin-information__version-info.is-singlesite .plugin-information__versions,
.plugin-information__version-info.is-singlesite .version {
  float: left;
  margin-bottom: 8px; }

.plugin-information__versions {
  line-height: 18px;
  white-space: nowrap; }
  .plugin-information__versions .gridicons-my-sites {
    float: left;
    margin-right: 4px; }
  .plugin-information__versions .gridicons-cross-small {
    float: right;
    margin-left: 4px;
    color: #d94f4f; }
  .plugin-information__versions .gridicons-checkmark {
    float: right;
    margin-left: 4px;
    color: #4ab866; }

.plugin-information .plugin-ratings {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 481px) {
    .plugin-information .plugin-ratings {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 160px; } }

.plugin-information__version-limit-state {
  white-space: nowrap; }

.plugin-information__links {
  clear: left; }
  @media (min-width: 481px) {
    .plugin-information__links {
      float: left; } }

.plugin-information__external-link {
  display: block;
  margin-top: 16px; }

.plugin-information.is-placeholder .plugin-information__wrapper {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .plugin-information.is-placeholder .plugin-information__wrapper:after {
    content: '\00a0'; }
  @media (min-width: 481px) {
    .plugin-information.is-placeholder .plugin-information__wrapper {
      margin-right: 16px; } }

.plugin-information.is-placeholder .plugin-information__external-link,
.plugin-information.is-placeholder .version {
  color: transparent; }
  .plugin-information.is-placeholder .plugin-information__external-link svg,
  .plugin-information.is-placeholder .version svg {
    fill: transparent; }

.plugin-information.is-placeholder .plugin-information__version-limit,
.plugin-information.is-placeholder .plugin-information__last-updated {
  width: 99%;
  margin-top: 8px; }

.plugin-information.is-placeholder .rating {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.plugin-item.card {
  padding: 0;
  margin: 0;
  box-shadow: none; }
  .is-bulk-editing .plugin-item.card {
    padding-left: 16px; }
  .plugin-item.card ~ .notice.is-error {
    margin-bottom: 0; }
  .plugin-item.card input {
    margin-right: 8px; }
  @media (min-width: 661px) {
    .plugin-item.card {
      padding: 0; } }
  .plugins-list .plugin-item.card.is-compact:last-child {
    margin-bottom: 0; }
  .plugin-item.card .notice.is-info .notice__icon {
    display: none; }

.plugin-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  .plugin-item.disabled {
    opacity: 0.5;
    background: #f3f6f8; }

.plugin-item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16px;
  overflow: hidden;
  cursor: pointer; }
  .is-bulk-editing .plugin-item__link {
    padding-left: 32px; }

.plugin-item__checkbox[type=checkbox] {
  position: absolute;
  top: 50%;
  margin-top: -8px; }
  .plugin-item__checkbox[type=checkbox]:after {
    content: '';
    position: absolute;
    top: -20px;
    left: -19px;
    width: 56px;
    height: 55px; }

.plugin-item__label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer; }

.plugin-item__info {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 0; }

.plugin-item__title {
  color: #2e4453;
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .plugin-item__title.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .plugin-item__title.is-placeholder:after {
      content: '\00a0'; }

@media (max-width: 480px) {
  .plugin-item__meta.has-update ~ .plugin-item__meta.is-warning .noticon {
    margin-right: 30px !important; } }

.plugin-item__count,
.plugin-item__actions {
  padding: 16px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .is-bulk-editing .plugin-item__count, .is-bulk-editing
  .plugin-item__actions {
    padding-left: 32px; }

.plugin-item__count {
  font-size: 12px;
  line-height: 18px;
  color: #537994; }

.plugin-item__count .count {
  margin-left: 8px;
  float: right; }

.plugin-item .plugin-item__count,
.plugin-item .plugin-item__actions {
  display: none; }
  @media (min-width: 481px) {
    .plugin-item .plugin-item__count,
    .plugin-item .plugin-item__actions {
      -ms-flex-item-align: center;
          align-self: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: right; } }

.plugin-item .plugin-item__count {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.plugin-item__last-updated {
  color: #537994;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.plugin-item .plugin-icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 12px;
  width: 48px;
  height: 48px; }

@media (min-width: 1041px) {
  .plugin-item .plugin-action {
    margin-top: 6px; } }

@media (max-width: 1040px) {
  .plugin-item .plugin-action:first-child {
    margin-top: 0; } }

@media (min-width: 1041px) {
  .plugin-item .plugin-action__label {
    margin-right: 0;
    margin-left: 8px; } }

@media (min-width: 1041px) {
  .plugin-item .has-disabled-info .plugin-action__label {
    margin-right: 8px;
    margin-left: 0px; } }

@media (min-width: 1041px) {
  .plugin-item .plugin-action .form-toggle__label .form-toggle__switch {
    float: left; } }

@media (min-width: 1041px) {
  .plugin-item .form-toggle__label .form-toggle__label-content {
    margin-right: 12px;
    margin-left: 0; } }

@media (min-width: 1041px) {
  .plugin-item .plugin-action__disabled-info.info-popover .gridicons-info-outline {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); } }

@media (min-width: 1041px) {
  .plugin-item .plugin-action .plugin-activate-toggle__link {
    margin-right: 12px;
    margin-left: 8px; } }

@media (min-width: 1041px) {
  .plugin-item .plugin-activate-toggle__icon {
    float: left; } }

@media (min-width: 481px) {
  .plugin-item .plugin-activate-toggle__icon .gridicons-cog {
    -webkit-transform: translate(-3px, -1px);
            transform: translate(-3px, -1px); } }

@media (min-width: 1041px) {
  .plugin-item .plugin-activate-toggle__icon .gridicons-cog {
    -webkit-transform: translate(3px, -1px);
            transform: translate(3px, -1px); } }

.plugin-item {
  box-sizing: border-box;
  border: 0 solid #e9eff3; }

.plugin-list-header.section-header.card {
  padding-right: 8px; }
  .plugin-list-header.section-header.card .section-header__actions {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .plugin-list-header.section-header.card .bulk-select {
    margin-right: 16px; }
  .plugin-list-header.section-header.card .button-group {
    margin-left: 8px; }
  .plugin-list-header.section-header.card.is-placeholder .section-header__label span {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .plugin-list-header.section-header.card.is-placeholder .section-header__label span:after {
      content: '\00a0'; }
  .plugin-list-header.section-header.card.is-bulk-editing .section-header__label {
    display: none; }
  .plugin-list-header.section-header.card .button-group {
    margin-left: 8px;
    display: inherit; }
  @media (min-width: 661px) {
    .plugin-list-header.section-header.card {
      padding-right: 16px; } }
  @media (min-width: 961px) {
    .plugin-list-header.section-header.card.is-action-bar-visible .plugin-list-header__actions-dropdown {
      display: none; }
    .plugin-list-header.section-header.card.is-action-bar-visible .plugin-list-header__action-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.plugin-list-header__section-actions-close {
  color: #3d596d;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .plugin-list-header__section-actions-close:focus {
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa; }

.plugin-list-header__actions-dropdown {
  display: inline-block; }

.plugin-list-header__actions-remove-item {
  color: #d94f4f; }
  .plugin-list-header__actions-remove-item.is-disabled {
    color: #f4cdcd; }

.plugin-list-header__mode-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right; }

.plugin-list-header__action-buttons {
  -webkit-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.plugin-meta__banner {
  position: relative;
  top: 0;
  left: -16px;
  width: calc( 100% + 32px);
  overflow: hidden;
  margin-top: -16px;
  margin-bottom: 16px;
  box-shadow: inset 0 0 2px 2px rgba(168, 190, 206, 0.1);
  background: rgba(233, 239, 243, 0.3); }
  @media (min-width: 481px) {
    .plugin-meta__banner {
      left: -24px;
      width: calc( 100% + 48px);
      margin-top: -24px;
      margin-bottom: 24px; } }
  .plugin-meta__banner img {
    display: block;
    width: auto;
    max-height: 70vh;
    margin: 0 auto; }

.plugin-meta__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .plugin-meta__information {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.plugin-meta__information {
  position: relative; }

.plugin-meta__name {
  color: #2e4453;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  white-space: pre;
  overflow: hidden;
  position: relative; }
  .plugin-meta__name:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  @media (min-width: 481px) {
    .plugin-meta__name {
      font-size: 24px; } }
  .is-placeholder .plugin-meta__name {
    width: 200px;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .is-placeholder .plugin-meta__name:after {
      content: '\00a0'; }

.plugin-meta__detail {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0; }

.plugin-meta__upgrade_nudge .upgrade-nudge.card {
  margin-top: 0; }

.plugin-meta__meta {
  color: #87a6bc;
  white-space: pre;
  text-overflow: ellipsis;
  float: left; }
  .is-placeholder .plugin-meta__meta {
    width: 120px;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .is-placeholder .plugin-meta__meta:after {
      content: '\00a0'; }

.is-placeholder .plugin-meta__author {
  color: transparent !important; }

.plugin-meta__actions {
  border-top: 1px solid #e9eff3;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 16px;
  padding-top: 16px; }
  .has-button .plugin-meta__actions {
    position: initial;
    right: inherit; }
  @media (min-width: 481px) {
    .plugin-meta__actions {
      min-width: 22%;
      border: none;
      margin: 0;
      padding: 0;
      text-align: right;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-item-align: start;
          align-self: flex-start; }
      .plugin-meta__actions .plugin-action {
        margin-top: 16px; }
      .plugin-meta__actions .plugin-action:first-child {
        margin-top: 8px; } }
  @media (max-width: 480px) {
    .plugin-meta__actions .form-toggle__label-content {
      margin-left: 0; } }
  @media (max-width: 480px) {
    .plugin-meta__actions .plugin-action__label {
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      font-size: 11px; } }

.plugin-meta__actions .plugin-activate-toggle__icon .gridicons-cog {
  -webkit-transform: translate(-3px, -1px);
          transform: translate(-3px, -1px); }

.plugin-meta__version-notice {
  margin-top: -9px; }
  @media (min-width: 481px) {
    .plugin-meta__version-notice {
      margin-top: -15px; } }

.plugin-meta__actions .plugin-item__count {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0; }
  @media (min-width: 481px) {
    .plugin-meta__actions .plugin-item__count {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }

.plugin-meta__actions .plugin-meta__active {
  color: #4ab866; }

.card.plugin-meta__settings-link {
  margin-top: -16px;
  margin-bottom: 16px; }

.plugin-ratings.is-placeholder .plugin-ratings__rating-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .plugin-ratings.is-placeholder .plugin-ratings__rating-text:after {
    content: '\00a0'; }

.plugin-ratings.is-placeholder .rating {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.plugin-ratings__rating-stars {
  font-size: 24px; }
  @media (max-width: 480px) {
    .plugin-ratings__rating-stars {
      display: inline-block;
      margin-right: 8px; } }

.plugin-ratings__rating-text {
  font-size: 12px;
  color: #87a6bc;
  margin-bottom: 16px; }
  @media (max-width: 480px) {
    .plugin-ratings__rating-text {
      display: inline;
      line-height: 24px;
      vertical-align: top; } }

.plugin-ratings__rating-tier-text,
.plugin-ratings__downloads {
  font-size: 12px;
  color: #87a6bc;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden; }

.plugin-ratings__rating-tiers {
  display: table; }

.plugin-ratings__rating-container {
  display: table-row;
  width: 100%;
  line-height: 18px; }

.plugin-ratings__rating-tier-text {
  display: table-cell;
  padding-right: 16px; }

.plugin-ratings__downloads {
  margin-top: 16px; }

.plugin-ratings__bar {
  display: table-cell;
  width: 100%; }
  .plugin-ratings__bar .progress-bar {
    position: relative;
    border-radius: 0;
    height: 8px;
    background-color: #c8d7e1; }
  .plugin-ratings__bar .progress-bar__progress {
    border-radius: 0;
    background-color: #00aadc; }

.plugin-sections__content {
  position: relative; }

.plugin-sections__content.trimmed {
  overflow: hidden;
  max-height: 150px; }

.plugin-sections__content {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

.plugin-sections__content h1,
.plugin-sections__content h2,
.plugin-sections__content h3,
.plugin-sections__content h4,
.plugin-sections__content h5,
.plugin-sections__content h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px; }

.plugin-sections__content h1 {
  font-size: 32px; }

.plugin-sections__content h2 {
  font-size: 24px; }

.plugin-sections__content h3 {
  font-size: 21px; }

.plugin-sections__content li {
  margin-bottom: 8px; }

.plugin-sections__content a {
  word-break: break-all; }

.plugin-sections__content blockquote {
  padding: 10px;
  margin-bottom: 16px; }
  .plugin-sections__content blockquote p:last-child {
    margin-bottom: 0; }

.plugin-sections__content code {
  font-size: 14px;
  padding: 1px 4px;
  border-radius: 2px;
  background: #f3f6f8; }

.plugin-sections__content > code {
  display: block;
  margin-bottom: 16px;
  padding: 8px;
  border-radius: 0; }

.plugin-sections__read-more {
  text-align: center; }

.plugin-sections__read-more-link {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 16px;
  background: white;
  color: #87a6bc;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase; }
  .plugin-sections__read-more-link:focus .plugin-sections__read-more-text {
    color: #0087be;
    outline: solid #87a6bc 1px; }
  .plugin-sections__read-more-link:after {
    position: absolute;
    left: 0;
    bottom: 100%;
    content: '';
    width: 100%;
    height: 44px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }

.plugin-sections__read-more-text {
  padding: 8px; }
  .plugin-sections__read-more-text:before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -8px; }

.plugin-sections__header .card,
.plugin-sections__header > div {
  margin-bottom: 0; }

.plugin-site-network {
  padding: 8px;
  margin: 0; }
  .plugin-site-network .foldable-card__main {
    display: block; }
  .plugin-site-network.is-compact .foldable-card__header {
    padding: 16px; }
  .plugin-site-network.foldable-card.is-expanded .foldable-card__content {
    padding: 16px 16px 0px 16px; }
  .plugin-site-network.has-manage-error .foldable-card__action {
    width: inherit; }
  .plugin-site-network.has-manage-error .foldable-card__action {
    width: 100%; }
  .plugin-site-network .plugin-site__activate-manage {
    position: absolute;
    right: 0;
    top: 0;
    margin: 8px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .plugin-site-network .plugin-site__activate-manage button {
      line-height: 32px;
      margin-top: 0; }
  .plugin-site-network .plugin-action {
    padding: 8px; }
  .plugin-site-network .all-sites-icon {
    display: inline-block;
    margin: 0; }
  .plugin-site-network .plugin-install-button__install {
    top: 12px; }

.plugin-site-network__secondary-site.card.is-compact {
  padding: 16px 0;
  box-shadow: none;
  border-top: 1px solid #f3f6f8; }
  .plugin-site-network__secondary-site.card.is-compact .site__info {
    width: auto; }
  .plugin-site-network__secondary-site.card.is-compact .site__content {
    padding: 0; }

.plugin-site-network__secondary-site-actions {
  position: absolute;
  right: 0;
  top: 0;
  height: 56px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .plugin-site-network__secondary-site-actions .plugin-site-disabled-manage {
    right: 8px; }

.plugin-site-network__network_disabled {
  width: 100%;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 16px;
  right: 8px; }
  .plugin-site-network__network_disabled .plugin-site-disabled-manage {
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .plugin-site-network__network_disabled .plugin-site-disabled-manage__label {
    line-height: 1.6; }

.plugin-site__secondary-sites {
  padding-top: 16px; }

.plugin-site-network__header_info {
  display: inline-block; }

.foldable-card__action .plugin-site-network__network_disabled .plugin-site-disabled-manage {
  position: relative;
  line-height: 32px; }

.plugin-site-network .all-sites {
  width: auto;
  display: block;
  margin: -16px auto -16px -16px; }

.plugin-site-disabled-manage {
  position: absolute;
  top: 0;
  right: 16px;
  line-height: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-size: 10px;
  color: #87a6bc; }
  .plugin-site-disabled-manage .disconnect-jetpack-button {
    text-transform: uppercase; }
  @media (max-width: 480px) {
    .plugin-site-disabled-manage .disconnect-jetpack-button {
      position: absolute;
      top: 18px;
      right: 0; } }

.foldable-card__action .plugin-site-disabled-manage {
  position: inherit; }

.plugin-site-disabled-manage__label {
  margin-right: 8px; }
  @media (max-width: 480px) {
    .plugin-site-disabled-manage__label {
      display: none; } }

@media (max-width: 480px) {
  .plugin-site-disabled-manage__link {
    margin: 18px 0 0 0;
    position: relative;
    right: 0; } }

.plugin-site-jetpack {
  padding: 8px;
  margin: 0; }
  .plugin-site-jetpack .site-icon {
    display: inline-block;
    margin-right: 8px; }
  .plugin-site-jetpack.is-compact .foldable-card__header {
    padding: 16px; }
  .plugin-site-jetpack.has-manage-error .foldable-card__action {
    width: inherit; }
  .plugin-site-jetpack.has-manage-error .foldable-card__action {
    width: 100%; }
  .plugin-site-jetpack .plugin-site__activate-manage {
    position: absolute;
    right: 0;
    top: 0;
    margin: 8px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .plugin-site-jetpack .plugin-site__activate-manage button {
      line-height: 32px;
      margin-top: 0; }
  .plugin-site-jetpack .site__info {
    width: auto; }
  .plugin-site-jetpack .site__content {
    padding: 0; }
  .plugin-site-jetpack .plugin-activate-toggle__disabled,
  .plugin-site-jetpack .plugin-activate-toggle__link {
    margin-left: 12px; }

.plugin-site-jetpack .plugin-action__disabled-info.info-popover .gridicons-info-outline {
  -webkit-transform: translate(2px, -2px);
          transform: translate(2px, -2px); }

.plugin-site-jetpack__embed-action {
  height: 32px;
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.plugin-site-jetpack__automanage-notice {
  color: #87a6bc;
  font-size: 12px;
  line-height: 1;
  padding: 6px 0; }

.plugin-site-update-indicator {
  line-height: 32px;
  vertical-align: bottom; }
  .plugin-site-update-indicator .gridicon {
    color: #f0b849; }

.plugin-site-update-indicator__button {
  margin-top: 8px;
  float: left; }

.plugin-install-button__install {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .plugin-install-button__install.embed {
    color: #87a6bc;
    height: 100%;
    position: initial;
    margin: 18px 16px 0 0; }
  @media (max-width: 480px) {
    .plugin-install-button__install {
      margin: 0;
      position: relative; }
      .plugin-install-button__install.embed {
        position: absolute; }
      .plugin-install-button__install .button {
        width: 100%;
        text-align: center; } }
  .plugin-install-button__install .plugin-install-button__installing {
    font-size: 10px;
    color: #87a6bc;
    text-transform: uppercase;
    display: block; }
  .plugin-install-button__install.has-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
        align-content: space-between; }
    .plugin-install-button__install.has-warning a {
      font-size: 11px;
      text-transform: uppercase; }

.plugin-install-button__warning {
  margin-right: 8px;
  font-size: 11px;
  color: #87a6bc;
  text-transform: uppercase;
  white-space: nowrap; }

.plugin-remove-button__remove {
  color: #87a6bc;
  font-size: 11px;
  line-height: 16px;
  margin-right: 10px;
  vertical-align: top;
  text-transform: uppercase;
  display: block; }

.plugin-site__actions .plugin-remove-button__remove {
  margin-top: 0;
  padding: 16px; }

.plugin-remove-button__remove-icon {
  display: block;
  margin: -2px 3px 0; }
  .plugin-remove-button__remove-icon .gridicons-trash {
    color: #87a6bc;
    cursor: pointer; }
    .plugin-remove-button__remove-icon .gridicons-trash:hover {
      color: #d94f4f; }

.plugins-list {
  margin-bottom: 16px; }

@media (max-width: 1040px) {
  .plugins-list .plugin-item {
    width: 100%; }
    .plugins-list .plugin-item:nth-last-child(n + 2) {
      border-bottom-width: 1px; } }

@media (min-width: 1041px) {
  .plugins-list .plugin-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 33.33%;
    border-right-width: 1px; }
    .plugins-list .plugin-item:nth-child(3n) {
      border-right-width: 0; }
    .plugins-list .plugin-item:nth-last-child(n + 4) {
      border-bottom-width: 1px; }
    .plugins-list .plugin-item:nth-child(3n):nth-last-child(3), .plugins-list .plugin-item:nth-child(3n):nth-last-child(2) {
      border-bottom-width: 1px; }
    .plugins-list .plugin-item:nth-child(3n - 1):nth-last-child(3) {
      border-bottom-width: 1px; }
    .plugins-list .plugin-item .plugin-item__count,
    .plugins-list .plugin-item .plugin-item__actions {
      -ms-flex-item-align: start;
          align-self: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-top: -6px;
      padding-top: 0;
      text-align: left; } }

.plugins-list__elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  padding: 0; }

.plugins-browser-item {
  border-left: 1px solid #e9eff3;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  margin: 0;
  position: relative;
  overflow: hidden; }
  .plugins-browser-item.is-placeholder, .plugins-browser-item.is-empty {
    cursor: default; }
  .plugins-browser-item .plugins-browser-item__link {
    padding: 16px 16px 48px;
    display: block; }
  @media (min-width: 961px) {
    .plugins-browser-item {
      width: 33.33%; }
      .plugins-browser-item:nth-child(3n + 1) {
        border-left: 0; }
      .plugins-browser-item:nth-child(n + 4) {
        border-top: 1px solid #e9eff3; } }
  @media (max-width: 960px) {
    .plugins-browser-item {
      width: 100%; }
      .plugins-browser-item:nth-child(n + 2) {
        border-top: 1px solid #e9eff3; }
      .plugins-browser-item.is-empty {
        display: none; } }

.plugins-browser-item .plugin-icon {
  width: 48px;
  height: 48px; }
  .plugins-browser-item .plugin-icon.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.plugins-browser-item__info {
  overflow: hidden; }

.plugins-browser-item__title,
.plugins-browser-item__author {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 60px; }
  .is-placeholder .plugins-browser-item__title, .is-placeholder
  .plugins-browser-item__author {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.plugins-browser-item__title {
  color: #2e4453;
  font-weight: 600;
  font-size: 15px;
  margin-top: 3px; }

.plugins-browser-item__author {
  color: #537994;
  font-size: 13px; }

.plugins-browser-item .plugin-icon.is-placeholder::before,
.plugins-browser-item .plugin-icon[style*='undefined']::before {
  width: 40px;
  height: 40px;
  font: normal 40px/40px Noticons; }

.plugins-browser-item .plugin-icon {
  margin-right: 0; }

.plugins-browser-item .rating {
  margin-top: 12px;
  position: absolute; }

.plugins-browser-item__installed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: #4ab866;
  font-size: 12px;
  font-weight: 500;
  -webkit-animation: appear .15s ease-in;
          animation: appear .15s ease-in; }
  .plugins-browser-item__installed .gridicon {
    margin-right: 3px; }

.button.plugins-browser-item__upgrade-button {
  position: absolute;
  bottom: 16px;
  right: 16px; }

.plugins-browser-list {
  margin-bottom: 16px;
  background: white;
  box-shadow: 0 1px 2px #e9eff3; }
  .feature-example .plugins-browser-list {
    margin: 0 0; }

.plugins-browser-list__header {
  background: #f3f6f8;
  border-bottom: 1px solid #e9eff3;
  overflow: hidden; }

.button.plugins-browser-list__select-all,
.plugins-browser-list__title {
  display: inline-block;
  padding: 5px 0px;
  color: #2e4453;
  font-size: 12px;
  line-height: 1.5; }
  .button.plugins-browser-list__select-all.is-expanded,
  .plugins-browser-list__title.is-expanded {
    padding-left: 24px;
    padding-right: 24px; }
  .button.plugins-browser-list__select-all .gridicon,
  .plugins-browser-list__title .gridicon {
    float: right;
    top: 2px;
    margin-left: 3px; }

.button.plugins-browser-list__select-all {
  float: right; }

.plugins-browser-list__elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0; }

.plugins-browser__main-header {
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9px; }
  @media (min-width: 481px) {
    .plugins-browser__main-header {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-bottom: 17px; } }

.plugins-browser__main-header .section-nav {
  border: 1px solid rgba(200, 215, 225, 0.5);
  border-width: 0 0 1px;
  box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0; }
  @media (min-width: 481px) {
    .plugins-browser__main-header .section-nav {
      border-width: 0 1px 0 0; } }

.foldable-card.sharing-service .sharing-service__logo {
  float: left;
  margin-right: 8px; }

.foldable-card.sharing-service.facebook h2,
.foldable-card.sharing-service.facebook .sharing-service__logo {
  color: #39579a; }

.foldable-card.sharing-service.twitter h2,
.foldable-card.sharing-service.twitter .sharing-service__logo {
  color: #55ACEE; }

.foldable-card.sharing-service.google_plus h2,
.foldable-card.sharing-service.google_plus .sharing-service__logo {
  color: #df4a32; }

.foldable-card.sharing-service.linkedin h2,
.foldable-card.sharing-service.linkedin .sharing-service__logo {
  color: #0976b4; }

.foldable-card.sharing-service.tumblr h2,
.foldable-card.sharing-service.tumblr .sharing-service__logo {
  color: #35465c; }

.foldable-card.sharing-service.path h2,
.foldable-card.sharing-service.path .sharing-service__logo {
  color: #df3b2f; }

.foldable-card.sharing-service.eventbrite h2,
.foldable-card.sharing-service.eventbrite .sharing-service__logo {
  color: #ff8000; }

.foldable-card.sharing-service.instagram h2,
.foldable-card.sharing-service.instagram .sharing-service__logo {
  color: #d93174; }

.foldable-card.sharing-service .sharing-service__name {
  float: left; }

@media (max-width: 660px) {
  .foldable-card.sharing-service .sharing-service__name {
    margin-top: 12px; } }

.sharing-settings label label {
  margin: 0; }

.sharing-settings select {
  font-size: 18px; }

.sharing-settings input[type='number'] {
  width: 50px;
  height: 20px;
  padding: 0 0 1px 2px; }

.sharing-settings h4 {
  font-size: 18px;
  margin-bottom: 0.5em; }

@media (max-width: 480px) {
  .sharing-settings {
    padding: 0 0.25em; } }

@media (max-width: 480px) {
  .sharing-settings.sharing-connections {
    padding: 16px 0; } }

.sharing-settings.sharing-connections .sharing-service-example {
  display: inline-block;
  vertical-align: top;
  width: 48%; }
  @media (max-width: 660px) {
    .sharing-settings.sharing-connections .sharing-service-example {
      display: block;
      width: 100%;
      margin: 20px 0;
      padding: 0; } }
  .sharing-settings.sharing-connections .sharing-service-example:first-child {
    padding-right: 4%; }
    @media (max-width: 660px) {
      .sharing-settings.sharing-connections .sharing-service-example:first-child {
        border-bottom: 1px solid #e9eff3;
        padding-bottom: 10px; } }
    @media (max-width: 480px) {
      .sharing-settings.sharing-connections .sharing-service-example:first-child {
        margin-bottom: 16px;
        padding: 0 0 16px 0; } }
  .sharing-settings.sharing-connections .sharing-service-example.is-single {
    width: 100%; }

.sharing-settings.sharing-connections .sharing-service-example-screenshot {
  border: 1px solid #e9eff3; }
  .sharing-settings.sharing-connections .sharing-service-example-screenshot img {
    vertical-align: top; }

.sharing-settings.sharing-connections .sharing-service-example-screenshot-label {
  margin-top: 10px; }

.sharing-settings.sharing-connections .sharing-service-tip {
  margin-top: 16px;
  font-size: 14px;
  color: #668eaa; }
  .sharing-settings.sharing-connections .sharing-service-tip .gridicons-info {
    margin-right: 3px;
    vertical-align: text-bottom; }

.sharing-settings.sharing-connections .sharing-service-tip:empty {
  display: none; }

.sharing-settings.sharing-connections .sharing-service {
  position: relative;
  overflow: hidden;
  background: white; }
  .sharing-settings.sharing-connections .sharing-service.not-connected .sharing-service-examples {
    display: block; }
  .sharing-settings.sharing-connections .sharing-service.not-connected .sharing-service-accounts-detail,
  .sharing-settings.sharing-connections .sharing-service.not-connected .sharing-service-tip {
    display: none; }

.sharing-settings.sharing-connections .sharing-service-examples {
  display: none; }

.sharing-settings.sharing-connections .sharing-service-accounts-detail h2 {
  font-size: 1.2em; }

.sharing-settings.sharing-connections .sharing-service-accounts-detail .new-account {
  padding-bottom: 0.48em;
  background: white; }
  #content .sharing-settings.sharing-connections .sharing-service-accounts-detail .new-account {
    font-size: 0.9em; }

.sharing-settings.sharing-connections .sharing-service-connected-accounts {
  margin-left: 0;
  margin-bottom: 8px; }

.sharing-service-action {
  position: absolute;
  right: 64px;
  top: 26px; }
  @media (max-width: 660px) {
    .sharing-service-action {
      right: 10px;
      top: 15px; } }
  @media (max-width: 480px) {
    .sharing-service-action {
      top: 11px; } }
  .sharing-service-action.is-warning {
    background: #efb23b;
    border-color: #eca61a;
    color: white; }
    .sharing-service-action.is-warning:hover {
      border-color: #da9712; }
    .sharing-service-action.is-warning:focus {
      border-color: #da9712; }
    .sharing-service-action.is-warning[disabled] {
      background: #f5ce82 !important;
      color: white !important;
      border-color: #f3c76f !important; }

.sharing-service__content {
  position: relative; }
  .sharing-service__content.is-placeholder {
    height: 180px; }
  .sharing-service__content.is-placeholder::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    background-color: #c8d7e1;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.sharing-service.is-open .sharing-service__content {
  display: block; }

.sharing-service__overview {
  padding: 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.sharing-service__overview:hover .sharing-service__content-toggle {
  color: #00aadc; }

.sharing-service__icon {
  float: left;
  height: 42px;
  padding-top: 10px;
  margin: 0 15px 0 0;
  text-align: center;
  width: 50px;
  border-radius: 4px; }
  @media (max-width: 660px) {
    .sharing-service__icon {
      height: 21px;
      padding-top: 5px;
      margin: 2px 8px 0 32px;
      width: 25px; } }

.sharing-service__glyph.noticon {
  color: white;
  font-size: 32px;
  margin: 0;
  line-height: 1;
  width: auto;
  height: auto; }
  @media (max-width: 660px) {
    .sharing-service__glyph.noticon {
      font-size: 16px; } }

.sharing-service.facebook .sharing-service__icon {
  background: #39579a; }

.sharing-service.facebook .sharing-service__name {
  color: #39579a; }

.sharing-connection__account-avatar.is-fallback.facebook {
  background-color: #39579a; }

.sharing-service.twitter .sharing-service__icon {
  background: #55ACEE; }

.sharing-service.twitter .sharing-service__name {
  color: #55ACEE; }

.sharing-connection__account-avatar.is-fallback.twitter {
  background-color: #55ACEE; }

.sharing-service.google_plus .sharing-service__icon {
  background: #df4a32; }

.sharing-service.google_plus .sharing-service__name {
  color: #df4a32; }

.sharing-connection__account-avatar.is-fallback.google_plus {
  background-color: #df4a32; }

.sharing-service.tumblr .sharing-service__icon {
  background: #35465c; }

.sharing-service.tumblr .sharing-service__name {
  color: #35465c; }

.sharing-connection__account-avatar.is-fallback.tumblr {
  background-color: #35465c; }

.sharing-service.linkedin .sharing-service__icon {
  background: #0976b4; }

.sharing-service.linkedin .sharing-service__name {
  color: #0976b4; }

.sharing-connection__account-avatar.is-fallback.linkedin {
  background-color: #0976b4; }

.sharing-service.path .sharing-service__icon {
  background: #df3b2f; }

.sharing-service.path .sharing-service__name {
  color: #df3b2f; }

.sharing-connection__account-avatar.is-fallback.path {
  background-color: #df3b2f; }

.sharing-service.instagram .sharing-service__icon {
  background: #d93174; }

.sharing-service.instagram .sharing-service__name {
  color: #d93174; }

.sharing-connection__account-avatar.is-fallback.instagram {
  background-color: #d93174; }

.sharing-service.eventbrite .sharing-service__icon {
  background: #ff8000; }

.sharing-service.eventbrite .sharing-service__name {
  color: #ff8000; }

.sharing-connection__account-avatar.is-fallback.eventbrite {
  background-color: #ff8000; }

.sharing-service__name {
  clear: none; }

.sharing-service__description {
  margin: 0;
  color: #4f748e;
  font-size: 14px; }
  @media (max-width: 480px) {
    .sharing-service__description {
      display: none; } }

.sharing-service.connected .sharing-service__description {
  font-style: italic; }

.sharing-service.reconnect .sharing-service__description {
  font-weight: bold; }

.sharing-service__content-toggle {
  position: absolute;
  right: 16px;
  top: 30px;
  font-size: 22px;
  color: #aeb8be; }
  @media (max-width: 480px) {
    .sharing-service__content-toggle {
      left: 14px;
      top: 20px; } }

.sharing-service.is-placeholder .gridicons-share,
.sharing-service.is-placeholder .sharing-service__name,
.sharing-service.is-placeholder .sharing-service__description {
  background-color: #e9eff3;
  color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.sharing-service.is-placeholder .sharing-service__name {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 22px;
  width: 20%;
  position: absolute;
  left: 80px; }
  @media (max-width: 660px) {
    .sharing-service.is-placeholder .sharing-service__name {
      width: 30%; } }

.sharing-service.is-placeholder .sharing-service__description {
  margin-top: 8px;
  margin-bottom: 2px;
  height: 16px;
  width: 150%;
  position: absolute;
  left: 0px;
  top: 16px; }

.sharing-connection {
  position: relative;
  background: transparent;
  box-shadow: none;
  list-style-type: none;
  margin-bottom: 0;
  padding: 8px 0; }
  .sharing-connection.disabled {
    opacity: 0.4; }

.sharing-connection__account-avatar {
  position: absolute;
  left: 5px;
  top: 8px;
  height: 36px;
  width: 36px;
  border: 1px solid #f3f6f8;
  color: white; }
  .sharing-connection__account-avatar.is-fallback::before {
    font-size: 40px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }

.sharing-connection__account-status {
  padding: 10px 90px 10px 56px; }
  .sharing-connection__account-status.is-shareable {
    padding-top: 0;
    padding-bottom: 0; }
  @media (max-width: 480px) {
    .sharing-connection__account-status {
      padding-right: 0; } }

.sharing-service.reconnect .sharing-connection__account-status {
  padding-right: 200px; }
  @media (max-width: 480px) {
    .sharing-service.reconnect .sharing-connection__account-status {
      padding-right: 0; } }

.sharing-connection__account-name {
  font-weight: 600; }

.sharing-connection__keyring-user {
  display: inline-block;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #87a6bc; }

.sharing-connection__account-sitewide-connection {
  display: block; }

.sharing-connection__account-sitewide-connection input[type="checkbox"] {
  margin-top: 3px; }

.sharing-connection.disabled .sharing-connection__account-action {
  cursor: default;
  cursor: progress; }

.sharing-connection__account-actions {
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -16px; }
  @media (max-width: 480px) {
    .sharing-connection__account-actions {
      position: static;
      margin-top: 4px;
      text-align: right; } }

.sharing-connection__account-action {
  display: inline-block;
  padding: 8px 10px;
  cursor: pointer;
  line-height: 16px; }

.sharing-connection__account-action.reconnect {
  color: #f0b849; }
  .sharing-connection__account-action.reconnect:before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    margin-right: 8px; }

.sharing-connection.disabled .sharing-connection__account-action {
  cursor: default;
  cursor: progress; }

.sharing-settings.sharing-buttons .sharing-button-styles {
  box-shadow: 0 -2px 0 #e9eff3 inset;
  padding-bottom: 0.5em; }

.sharing-settings.sharing-buttons .official-preview {
  vertical-align: top; }

.sharing-settings.sharing-buttons .add-new-service,
.sharing-settings.sharing-buttons .sharing-buttons-add,
.sharing-settings.sharing-buttons .sharing-buttons-add-save,
.sharing-settings.sharing-buttons .sharing-buttons-add-cancel {
  cursor: pointer; }

.sharing-settings.sharing-buttons .sharing-buttons-add {
  float: right; }
  .sharing-settings.sharing-buttons .sharing-buttons-add .noticon {
    font-size: 32px;
    margin: 7px -18px -2px 0 /*rtl:ignore*/; }
  .sharing-settings.sharing-buttons .sharing-buttons-add.inactive {
    opacity: 0.3; }

.sharing-buttons__submit {
  float: right; }

@media (max-width: 480px) {
  .sharing-buttons-tray__buttons {
    margin-right: -16px; } }

.sharing-buttons-preview-buttons__more {
  position: absolute;
  z-index: 1000;
  max-width: 400px;
  margin-top: -4px;
  padding-top: 12px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 50% 6px;
          transform-origin: 50% 6px;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  .sharing-buttons-preview-buttons__more.is-visible {
    transition-timing-function: ease-in;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }

.sharing-buttons-preview-buttons__more-inner {
  min-width: 68px;
  min-height: 34px;
  padding: 10px 0 2px 8px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }

.sharing-buttons-preview-buttons__more-inner .sharing-buttons-preview-button,
.sharing-buttons-preview-buttons__more-inner .sharing-buttons-preview-button.style-icon {
  margin-top: 0;
  margin-bottom: 8px; }

.sharing-buttons-preview-buttons__more::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 20px /*rtl:ignore*/;
  display: block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: white;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc /*rtl:ignore*/; }

.sharing-buttons__panel {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 24px;
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .sharing-buttons__panel:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.sharing-buttons__fieldset-group {
  margin: 0 -3%; }
  .sharing-buttons__fieldset-group:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (max-width: 660px) {
    .sharing-buttons__fieldset-group {
      margin: 0; } }

.sharing-buttons__fieldset {
  float: left;
  display: block;
  width: 50%;
  padding: 0 3%;
  margin-bottom: 20px; }
  @media (max-width: 660px) {
    .sharing-buttons__fieldset {
      width: 100%;
      padding: 0; } }

.sharing-buttons__fieldset input[type="radio"],
.sharing-buttons__fieldset input[type="checkbox"] {
  margin-right: 8px; }

.sharing-buttons__fieldset label {
  display: block;
  cursor: pointer; }

.sharing-buttons__fieldset-heading {
  margin-bottom: 5px;
  font-weight: 600; }

.sharing-buttons__fieldset-detail {
  display: block;
  margin: 5px 0;
  font-size: 13px;
  font-style: italic;
  color: #87a6bc; }

.sharing-buttons-preview {
  position: relative;
  margin: 20px 0; }

.sharing-buttons-preview__reblog-like {
  margin: 14px 0; }

.sharing-buttons-preview__reblog-like .sharing-buttons-preview-button {
  margin: 0 1em 3px 0; }

.sharing-buttons-preview__reblog,
.sharing-buttons-preview__like {
  padding: 1px 8px 0px 5px;
  line-height: 25px; }
  .sharing-buttons-preview__reblog:before,
  .sharing-buttons-preview__like:before {
    display: none; }
  .sharing-buttons-preview__reblog:hover,
  .sharing-buttons-preview__like:hover {
    color: #777; }

.sharing-buttons-preview__reblog .noticon,
.sharing-buttons-preview__like .noticon {
  vertical-align: top;
  margin: 3px 4px 0 0;
  color: #00aadc; }

.sharing-buttons-preview__like .noticon {
  margin: 3px 2px 0 -1px; }

.sharing-buttons-preview__fake-user {
  border: 1px solid #c8d7e1;
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 1;
  vertical-align: top; }

.sharing-buttons-preview__fake-like {
  color: #668eaa;
  font-size: 11px;
  font-weight: 300; }

.sharing-buttons-preview .sortable-list__navigation {
  margin-right: 16px; }

.sharing-buttons-preview-action {
  position: relative;
  overflow: visible;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  padding: 8px;
  cursor: pointer;
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(46, 68, 83, 0.04);
  background-color: white;
  color: #0087be; }
  @media (max-width: 480px) {
    .sharing-buttons-preview-action {
      padding-right: 0; } }
  .sharing-buttons-preview-action:hover {
    color: #00aadc; }
  .sharing-buttons-preview-action.is-active {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .sharing-buttons-preview-action.is-edit::before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    margin-right: 4px; }
  .sharing-buttons-preview-action:disabled {
    cursor: default;
    border-color: #e9eff3;
    color: #e9eff3; }
  .sharing-buttons-preview-action.is-add::before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    margin-right: 4px; }
  .sharing-buttons-preview-action.is-top::after, .sharing-buttons-preview-action.is-bottom::after {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #c8d7e1;
    background-color: white;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .sharing-buttons-preview-action:disabled.is-top::after, .sharing-buttons-preview-action:disabled.is-bottom::after {
    border-color: #e9eff3; }
  .sharing-buttons-preview-action.is-top {
    margin-bottom: 14px; }
  .sharing-buttons-preview-action.is-bottom {
    margin-top: 14px; }
    @media (max-width: 480px) {
      .sharing-buttons-preview-action.is-bottom {
        margin: 14px 1% 0; } }
  .sharing-buttons-preview-action.is-top::after {
    bottom: -7px;
    border-top-width: 0;
    border-left-width: 0; }
  .sharing-buttons-preview-action.is-bottom::after {
    top: -7px;
    border-right-width: 0;
    border-bottom-width: 0; }
  .sharing-buttons-preview-action.is-left::after {
    left: 30px; }
  .sharing-buttons-preview-action.is-right::after {
    right: 15px; }

.sharing-buttons-preview-action .gridicon {
  margin-right: 5px; }

@media (max-width: 480px) {
  .sharing-buttons-preview__button-tray-actions {
    margin: 0 -6%; } }

.sharing-buttons-preview-action + .sharing-buttons-preview-action {
  margin-left: 8px; }
  @media (max-width: 480px) {
    .sharing-buttons-preview-action + .sharing-buttons-preview-action {
      margin-left: 1%; } }

@media (max-width: 480px) {
  .sharing-buttons-preview-action:last-child {
    width: 46%; } }

@media (max-width: 480px) {
  .sharing-buttons-preview-action {
    width: 50%; } }

@media (max-width: 480px) {
  .sharing-buttons-preview-action::before {
    float: left;
    margin: 6px 6px 0 0; } }

.sharing-buttons-preview__display {
  padding: 10px 20px;
  border: 1px solid #e9eff3;
  box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.05); }

.sharing-buttons-preview__heading {
  margin: 0;
  padding: 8px 0;
  background-color: #f3f6f8;
  border: 1px solid #e9eff3;
  border-bottom: 0;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #87a6bc; }

.sharing-buttons-preview.is-placeholder .sharing-buttons-preview__label,
.sharing-buttons-preview.is-placeholder .sharing-buttons-preview__buttons {
  display: block;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.sharing-buttons-preview__label {
  display: block;
  margin: 8px 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
  color: #767676; }

.sharing-buttons-preview.is-placeholder .sharing-buttons-preview__label {
  height: 13px;
  width: 80px; }

.sharing-buttons-preview__buttons {
  margin-top: 0.25em; }

.sharing-buttons-preview.is-placeholder .sharing-buttons-preview__buttons {
  height: 26px;
  width: 75%;
  margin-bottom: 16px; }

.sharing-buttons-preview-button {
  display: inline-block;
  margin: 8px 8px 0 0;
  cursor: default;
  font-size: 12px;
  border-radius: 3px;
  color: #777;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  line-height: 23px;
  padding: 1px 8px 0px 5px; }
  .sharing-buttons-preview-button.style-icon {
    border-radius: 50%;
    border: 0;
    box-shadow: none;
    padding: 7px;
    position: relative;
    top: -2px;
    line-height: 1;
    width: auto;
    height: auto;
    margin-bottom: 0; }
  .sharing-buttons-preview-button.style-icon.is-custom {
    padding: 8px;
    top: 2px; }

.sharing-buttons-preview__display .sharing-buttons-preview-button {
  display: none; }
  .sharing-buttons-preview__display .sharing-buttons-preview-button.is-enabled {
    display: inline-block; }

.style-text .social-logo,
.style-text .sharing-buttons-preview-button__custom-icon,
.style-icon .sharing-buttons-preview-button__service {
  display: none; }

.sharing-buttons-preview-button__service {
  line-height: 23px;
  margin-left: 3px; }

.sharing-buttons-preview-button.style-icon .sharing-buttons-preview-button__service {
  line-height: 1; }

.sharing-buttons-preview-button .social-logo {
  vertical-align: top;
  position: relative;
  top: 2px;
  text-align: center; }

.sharing-buttons-preview-button.style-icon .social-logo {
  top: 0;
  color: white; }

.sharing-buttons-preview-button.style-icon.share-email .social-logo,
.sharing-buttons-preview-button.style-icon.share-print .social-logo {
  color: #777; }

.sharing-buttons-preview-button__custom-icon {
  display: inline-block;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%; }

.sharing-buttons-preview-button.style-icon.share-facebook {
  background: #39579a; }
  .sharing-buttons-preview-button.style-icon.share-facebook:hover {
    background: rgba(57, 87, 154, 0.9); }

.sharing-buttons-preview-button.style-icon.share-twitter {
  background: #55ACEE; }
  .sharing-buttons-preview-button.style-icon.share-twitter:hover {
    background: rgba(85, 172, 238, 0.9); }

.sharing-buttons-preview-button.style-icon.share-press-this {
  background: #0087be; }
  .sharing-buttons-preview-button.style-icon.share-press-this:hover {
    background: rgba(0, 135, 190, 0.9); }

.sharing-buttons-preview-button.style-icon.share-path {
  background: #df3b2f; }
  .sharing-buttons-preview-button.style-icon.share-path:hover {
    background: rgba(223, 59, 47, 0.9); }

.sharing-buttons-preview-button.style-icon.share-google-plus-1 {
  background: #df4a32; }
  .sharing-buttons-preview-button.style-icon.share-google-plus-1:hover {
    background: rgba(223, 74, 50, 0.9); }

.sharing-buttons-preview-button.style-icon.share-instagram {
  background: #d93174; }
  .sharing-buttons-preview-button.style-icon.share-instagram:hover {
    background: rgba(217, 49, 116, 0.9); }

.sharing-buttons-preview-button.style-icon.share-eventbrite {
  background: #ff8000; }
  .sharing-buttons-preview-button.style-icon.share-eventbrite:hover {
    background: rgba(255, 128, 0, 0.9); }

.sharing-buttons-preview-button.style-icon.share-linkedin {
  background: #0976b4; }
  .sharing-buttons-preview-button.style-icon.share-linkedin:hover {
    background: rgba(9, 118, 180, 0.9); }

.sharing-buttons-preview-button.style-icon.share-stumbleupon {
  background: #eb4924; }
  .sharing-buttons-preview-button.style-icon.share-stumbleupon:hover {
    background: rgba(235, 73, 36, 0.9); }

.sharing-buttons-preview-button.style-icon.share-tumblr {
  background: #35465c; }
  .sharing-buttons-preview-button.style-icon.share-tumblr:hover {
    background: rgba(53, 70, 92, 0.9); }

.sharing-buttons-preview-button.style-icon.share-reddit {
  background: #5f99cf; }
  .sharing-buttons-preview-button.style-icon.share-reddit:hover {
    background: rgba(95, 153, 207, 0.9); }

.sharing-buttons-preview-button.style-icon.share-pinterest {
  background: #cc2127; }
  .sharing-buttons-preview-button.style-icon.share-pinterest:hover {
    background: rgba(204, 33, 39, 0.9); }

.sharing-buttons-preview-button.style-icon.share-pocket {
  background: #ee4256; }
  .sharing-buttons-preview-button.style-icon.share-pocket:hover {
    background: rgba(238, 66, 86, 0.9); }

.sharing-buttons-preview-button.style-icon.share-email {
  background: #f8f8f8; }
  .sharing-buttons-preview-button.style-icon.share-email:hover {
    background: rgba(248, 248, 248, 0.9); }

.sharing-buttons-preview-button.style-icon.share-print {
  background: #f8f8f8; }
  .sharing-buttons-preview-button.style-icon.share-print:hover {
    background: rgba(248, 248, 248, 0.9); }

.sharing-buttons-preview-button.style-icon.share-skype {
  background: #00AFF0; }
  .sharing-buttons-preview-button.style-icon.share-skype:hover {
    background: rgba(0, 175, 240, 0.9); }

.sharing-buttons-preview-button.style-icon.share-telegram {
  background: #0088cc; }
  .sharing-buttons-preview-button.style-icon.share-telegram:hover {
    background: rgba(0, 136, 204, 0.9); }

.sharing-buttons-preview-button.style-icon.share-jetpack-whatsapp {
  background: #43d854; }
  .sharing-buttons-preview-button.style-icon.share-jetpack-whatsapp:hover {
    background: rgba(67, 216, 84, 0.9); }

.sharing-buttons-preview__panel {
  position: relative;
  display: none;
  background: white;
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(46, 68, 83, 0.04); }
  .sharing-buttons-preview__panel::before {
    content: '';
    position: absolute;
    border: 1px solid #c8d7e1;
    border-right-width: 0 /*rtl:ignore*/;
    border-bottom-width: 0;
    background: white;
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .sharing-buttons-preview__panel.is-top {
    margin: 0 0 14px; }
  .sharing-buttons-preview__panel.is-top::before {
    bottom: -7px;
    left: 30px;
    border-width: 0 1px 1px 0 /*rtl:ignore*/; }
  .sharing-buttons-preview__panel.is-bottom {
    margin: 14px 0 0; }
    @media (max-width: 480px) {
      .sharing-buttons-preview__panel.is-bottom {
        margin: 15px -8px 0 -8px; } }
  .sharing-buttons-preview__panel.is-bottom::before {
    top: -7px;
    left: 30px; }
  .sharing-buttons-preview__panel.is-active {
    display: block; }
  .sharing-buttons-preview__panel.buttons-hidden::before {
    left: 208px; }

.sharing-buttons-preview__panel-content {
  padding: 16px; }

.sharing-buttons-preview__panel-heading {
  font-size: 20px;
  font-weight: normal;
  color: #2e4453; }

.sharing-buttons-preview__panel-instructions,
.sharing-buttons-preview__panel-notice {
  display: block;
  color: #87a6bc;
  margin: 8px 0; }

.touch .sharing-buttons-preview__panel-instruction-text.is-notouch-context, .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context, .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context, .sharing-buttons-preview__panel-instruction-text.is-touch-context {
  display: none; }

.touch .sharing-buttons-preview__panel-instruction-text.is-touch-context {
  display: inline; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context {
  display: inline; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-context, .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context {
  display: none; }

.sharing-buttons-preview__panel-content .sharing-buttons-preview-button {
  margin-top: 8px;
  cursor: pointer; }
  @media (max-width: 480px) {
    .sharing-buttons-preview__panel-content .sharing-buttons-preview-button {
      margin: 18px 18px 0 0; } }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.style-icon:hover {
    border: none;
    opacity: .6; }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.is-enabled {
    opacity: .3; }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.is-enabled.style-icon {
    opacity: .2; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview-button.is-enabled {
  opacity: 1; }

.sharing-buttons-preview__panel.is-reordering .sortable-list__item.is-draggable.is-active .sharing-buttons-preview-button {
  margin: 0; }

.sharing-buttons-preview__panel-actions {
  padding: 10px 20px;
  text-align: right;
  border-top: 1px solid #e9eff3; }

.sharing-buttons-preview__panel-action {
  margin-left: 10px; }
  .sharing-buttons-preview__panel-action.is-left {
    float: left;
    margin-left: 0;
    margin-right: 10px; }

.sharing-buttons-label-editor__input {
  max-width: 300px; }

@media (max-width: 660px) {
  .right-column {
    box-sizing: border-box; }
  .sharing-content .new-account {
    margin-left: 10px; } }

.account-dialog.dialog {
  max-width: 520px; }

.account-dialog__authorizing-service {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 8px;
  color: #2e4453; }

.account-dialog__connected-accounts {
  overflow: hidden;
  margin-bottom: 10px; }

.account-dialog__connected-accounts-heading {
  position: relative;
  overflow: hidden;
  margin: 14px 0;
  padding: 2px 0 2px;
  font-size: 10px;
  text-transform: uppercase;
  color: #87a6bc; }
  .account-dialog__connected-accounts-heading::after {
    content: '';
    position: absolute;
    top: 8px;
    display: inline-block;
    width: 100%;
    margin-left: 10px;
    border-top: 1px solid #c8d7e1; }

.account-dialog__accounts {
  max-height: 300px;
  max-height: 40vh;
  overflow-y: auto;
  margin: 0 0 1em 1em; }

.account-dialog.single-account .account-dialog__accounts {
  margin: 0 0 1em 1em; }

.account-dialog-account {
  position: relative;
  list-style-type: none;
  margin-bottom: 1em;
  padding-left: 4px; }
  .account-dialog-account.is-connected {
    padding-left: 22px; }
  .account-dialog-account:last-child {
    margin-bottom: 0; }

.account-dialog-account__label {
  position: relative;
  display: block;
  min-height: 40px;
  padding-top: 5px; }

.account-dialog.single-account .account-dialog-account__input {
  visibility: hidden; }

.account-dialog-account:not(.is-connected) .account-dialog-account__label {
  cursor: pointer; }

.account-dialog-account.is-conflict .gridicons-notice {
  position: absolute;
  left: -5px;
  color: #f0b849; }

.account-dialog .account-dialog-account__picture {
  position: absolute;
  left: 8px;
  top: 0;
  width: 34px;
  height: 34px; }

.account-dialog-account:not(.is-connected) .account-dialog-account__picture {
  left: 26px; }

.account-dialog-account__name {
  display: inline-block;
  padding-left: 48px;
  color: #2e4453; }

.sharing-services-group.is-empty {
  display: none; }

.sharing-services-group__header {
  margin: 0 0 30px 20px; }

.sharing-service-group__title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  margin: 0 0 4px; }

.sharing-services-group__services {
  margin: 0 0 30px;
  padding: 0;
  list-style: none; }

.sidebar__sparkline {
  width: 80px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 8px; }
  @media (max-width: 660px) {
    .sidebar__sparkline {
      top: 13px;
      right: 20px; } }

.sidebar__menu li.stats.selected .sidebar__sparkline {
  display: none; }
  @media (max-width: 660px) {
    .sidebar__menu li.stats.selected .sidebar__sparkline {
      display: block; } }

.sidebar__menu li.stats a:after,
.notouch .sidebar__menu li.stats:hover:not(.selected) a:first-child:after {
  background: none; }

/**
 * Sidebar Navigation Header in Sections
 */
.current-section {
  position: relative;
  margin: 0 0 8px 0; }
  @media (min-width: 661px) {
    .current-section {
      display: none; } }
  .current-section a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    cursor: pointer;
    padding: 8px 0;
    color: #2e4453;
    background: white;
    border-bottom: 1px solid #c8d7e1; }
  .current-section .current-section__site-title {
    font-size: 10px;
    color: #668eaa;
    margin: 2px 0 -3px; }
  .current-section .site-icon {
    margin-right: 8px; }
  .current-section .gridicons-chevron-left {
    color: #87a6bc;
    margin: 0 8px;
    -ms-flex-item-align: center;
        align-self: center; }

/**
 * Site Indicator
 */
.site-indicator__main {
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 16px; }

.site-indicator__wrapper {
  -ms-flex-item-align: center;
      align-self: center; }

.site-indicator__button {
  -ms-flex-item-align: center;
      align-self: center;
  background: #f3f6f8;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  color: #87a6bc;
  cursor: default;
  display: block;
  width: 26px;
  height: 26px;
  padding: 2px;
  position: relative;
  text-align: center;
  text-transform: none;
  z-index: 3;
  overflow: initial;
  line-height: 28px; }
  .site-indicator__button:focus {
    box-shadow: none; }
  .accessible-focus .site-indicator__button:focus {
    outline: 0;
    border: 1px dotted #0087be; }
    .accessible-focus .site-indicator__button:focus::before {
      top: 4px;
      left: 4px; }
  .is-action .site-indicator__button {
    cursor: pointer; }
  .is-update .site-indicator__button {
    background: #f0b849;
    color: white; }
  .is-warning .site-indicator__button {
    background: #f0b849;
    color: white; }
  .is-error .site-indicator__button {
    background: #d94f4f;
    color: white; }
  .accessible-focus .is-expanded .site-indicator__button:focus {
    border: 1px dotted white; }
    .accessible-focus .is-expanded .site-indicator__button:focus::before {
      top: 6px;
      left: 6px; }
  .is-expanded .site-indicator__button .site-indicator__button {
    position: absolute;
    right: 0; }
  .notouch .site-indicator__button:hover {
    cursor: pointer; }

.site-indicator__message {
  color: white;
  font-size: 12px;
  line-height: 1.4;
  padding: 5px 16px 5px 16px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .is-warning .site-indicator__message,
  .is-update .site-indicator__message {
    background: #f0b849; }
  .is-error .site-indicator__message {
    background: #d94f4f; }

.site-indicator__action {
  -ms-flex-item-align: center;
      align-self: center;
  display: inline-block;
  vertical-align: middle; }
  .site-indicator__action a,
  .site-indicator__action .button.is-borderless.is-scary,
  .site-indicator__action .site-indicator__action-button {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 0;
    color: white;
    text-decoration: none; }

.importer__shell {
  padding-top: 16px; }
  .importer__shell.card {
    padding-bottom: 0; }
  .importer__shell.is-disabled {
    opacity: 0.2; }

.importer__section-title {
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #2e4453;
  margin-bottom: 16px; }

.importer__section-description {
  font-size: 14px;
  color: #2e4453; }

.importer__service-icon {
  box-sizing: border-box;
  float: left;
  width: 40px;
  height: 40px;
  padding: 2px;
  margin-right: 16px;
  background-color: #2e4453;
  fill: white;
  border-radius: 4px; }
  .importer__service-icon.wordpress {
    background-color: #0087be; }
  .importer__service-icon.medium {
    background-color: #00AB6C; }
  @media (min-width: 961px) {
    .importer__service-icon {
      width: 56px;
      height: 56px;
      padding: 4px; } }

.importer__service-info {
  margin-bottom: 1.5em; }
  @media (min-width: 481px) {
    .importer__service-info {
      margin-left: 60px; } }

.importer__service-title {
  font-size: 21px;
  font-weight: 300;
  color: #87a6bc; }
  @media (min-width: 481px) {
    .importer__service-title {
      clear: none; } }

.importer__master-control {
  margin-top: 9px;
  clear: none; }

.importer__uploading-pane {
  position: relative;
  height: 150px;
  margin-bottom: 24px;
  border: 5px solid #e9eff3;
  fill: #a8bece;
  font-size: 14px;
  font-weight: 600;
  color: #87a6bc;
  text-align: center; }
  .importer__uploading-pane input {
    visibility: hidden; }

.importer__upload-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.importer__upload-progress,
.importer__import-progress {
  width: 80%; }
  .importer__upload-progress .progress-bar__progress,
  .importer__import-progress .progress-bar__progress {
    background-color: #00aadc; }
  .importer__upload-progress.is-complete .progress-bar__progress,
  .importer__import-progress.is-complete .progress-bar__progress {
    background-color: #4ab866; }

.importer__import-spinner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.importer__start {
  float: none !important; }

.importer__importing-pane {
  text-align: center; }

.importer__status-message {
  font-style: italic;
  color: #87a6bc; }

.importer__mapping-pane {
  margin-bottom: 58px; }

.importer__mapping-header {
  border-bottom: 1px solid #87a6bc;
  margin-bottom: 16px;
  padding-bottom: 8px;
  font-size: 11px;
  color: #87a6bc; }
  .importer__mapping-header:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.importer__mapping-description {
  margin-bottom: 16px; }
  .importer__mapping-description strong {
    white-space: nowrap; }

.importer__mapping-source-title {
  float: left;
  display: inline-block; }

.importer__mapping-target-title {
  float: right;
  display: inline-block; }

.importer__author-mapping {
  height: 58px; }
  .importer__author-mapping .author-selector__author-toggle {
    width: 45%;
    padding-top: 4px;
    margin-right: -7px;
    float: right; }
  .importer__author-mapping div.user {
    display: inline; }

.importer__source-author {
  width: 45%;
  height: 18px;
  padding-top: 7px;
  float: left;
  display: inline-block;
  color: #2e4453;
  text-align: left;
  font-size: 14px;
  font-weight: 600; }

.importer__mapping-relation {
  float: left;
  color: #a8bece; }

/**
 * Site
 */
.site {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }
  .site.is-loading {
    pointer-events: none; }
    .site.is-loading .site-icon {
      -webkit-animation: pulse-light 0.8s ease-in-out infinite;
              animation: pulse-light 0.8s ease-in-out infinite; }
    .site.is-loading .site__title,
    .site.is-loading .site__domain {
      -webkit-animation: pulse-light 0.8s ease-in-out infinite;
              animation: pulse-light 0.8s ease-in-out infinite;
      background-color: #e9eff3;
      color: transparent;
      width: 95%; }
      .site.is-loading .site__title::after,
      .site.is-loading .site__domain::after {
        display: none; }
    .notouch .sites-popover .site.is-loading:hover .site__title,
    .notouch .sites-popover .site.is-loading:hover .site__domain {
      color: transparent; }
  .site.is-compact .site__content {
    padding: 0 16px; }
  .site.is-compact .site__domain {
    display: none; }
  .site.is-compact .site__title {
    line-height: 46px; }
  .site.is-compact .site__home {
    top: 11px;
    line-height: 18px; }
  .site.is-compact .site__home .gridicon {
    margin-top: 0; }

.site__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 16px;
  position: relative;
  width: 100%; }
  .site__content:focus {
    outline: none; }

.site .site-icon {
  position: relative;
  height: 30px;
  width: 30px;
  overflow: hidden;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.site__info {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.site__title {
  color: #2e4453;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4; }

.site__domain {
  color: #537994;
  display: block;
  max-width: 95%;
  font-size: 11px;
  line-height: 1.4; }

.site__title,
.site__domain {
  overflow: hidden;
  white-space: nowrap; }
  .site__title::after,
  .site__domain::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.site__home {
  background: #00aadc;
  color: white;
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  text-transform: none;
  overflow: initial;
  opacity: 0;
  transition: opacity 0.2s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  left: 16px;
  top: 17px; }
  .site__home .gridicon {
    margin-top: 5px;
    vertical-align: middle; }
  .site.is-compact .site__home {
    width: 24px;
    height: 24px; }
  .site__home:hover {
    color: white; }
  @media (max-width: 660px) {
    .site__home {
      display: none; } }

.site__content:hover .site__home {
  opacity: 1; }

.site__badge {
  color: #87a6bc;
  padding-right: 4px;
  line-height: 0;
  position: relative;
  vertical-align: middle; }

.sites__select-heading {
  clear: both;
  color: #3d596d;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 20px;
  margin: 24px 0; }
  .sites__select-heading strong {
    text-transform: capitalize; }

.sites__selector-wrapper.card {
  padding: 0; }
  .sites__selector-wrapper.card .site-selector {
    overflow: auto; }

@media (min-width: 961px) {
  .stats__module-column {
    float: right;
    width: calc(50% - 4px); }
    .stats__module-column:first-child {
      float: left; }
    .stats__module-column:last-child {
      clear: right; } }

@media (min-width: 1281px) {
  .stats__module-column {
    width: calc(33% - 3px); }
    .stats__module-column:last-child {
      clear: none;
      left: -10px;
      position: relative; } }

.old-stats-link .button .gridicon {
  margin-bottom: -2px;
  margin-left: 4px; }

@media (max-width: 480px) {
  .is-section-stats .followers-count .button {
    display: none; } }

.stats-navigation__control {
  margin-right: 16px; }
  @media (max-width: 480px) {
    .stats-navigation__control {
      margin-right: 0; } }

@media (max-width: 480px) {
  .stats-message.switch-stats {
    text-align: center; } }

.stats__sticky-navigation.is-sticky .sticky-panel__content {
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075); }
  .stats__sticky-navigation.is-sticky .sticky-panel__content .stats-period-navigation {
    margin: 9px 0; }
  .stats__sticky-navigation.is-sticky .sticky-panel__content .stats-date-picker__refresh-status {
    display: none; }

.activity-log__rewind-toggle {
  margin-bottom: 18px; }

.activity-log__first-sync .empty-content__illustration {
  margin: 32px 0;
  max-width: 200px; }

.rewind-requested .activity-log-day:not(.has-rewind-dialog), .rewind-requested .activity-log-day__placeholder:not(.has-rewind-dialog),
.has-rewind-dialog .activity-log-item,
.has-rewind-dialog > .foldable-card > .foldable-card__header {
  opacity: .5; }

.has-rewind-dialog .activity-log-item__restore-confirm,
.activity-log-item__restore-confirm ~ .activity-log-item,
.rewind-requested .has-rewind-dialog ~ .activity-log-day,
.rewind-requested .has-rewind-dialog ~ .activity-log-day__placeholder {
  opacity: 1; }

.activity-log-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .activity-log-banner.is-success .activity-log-banner__icon {
    background-color: #4ab866; }
  .activity-log-banner.is-warning .activity-log-banner__icon {
    background-color: #f0b849; }
  .activity-log-banner.is-error .activity-log-banner__icon {
    background-color: #d94f4f; }
  .activity-log-banner.is-info .activity-log-banner__icon {
    background-color: #0087be; }

.activity-log-banner__icon {
  width: 24px;
  height: 24px;
  padding: 8px;
  margin-left: -5px;
  margin-right: 16px;
  border-radius: 50%;
  color: white;
  background-color: #87a6bc; }

.activity-log-banner__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px; }

.activity-log-banner__title {
  margin-bottom: 8px;
  font-weight: 600; }

.activity-log-banner__action {
  width: 50px; }

.activity-log-banner__dismiss {
  color: #87a6bc;
  cursor: pointer;
  margin-top: -8px;
  margin-right: -8px; }

.activity-log-banner__progress-bar--queued.is-pulsing .progress-bar__progress {
  background-image: linear-gradient(-45deg, #87a6bc 28%, #97b2c5 28%, #97b2c5 72%, #87a6bc 72%); }

.activity-log-confirm-dialog.dialog.card {
  text-align: center;
  max-width: 400px; }

.activity-log-item__restore-confirm .activity-log-item__card {
  padding-bottom: 8px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 2px 5px #c8d7e1; }

.activity-log-item__restore-confirm .activity-log-item__activity-icon {
  background: #00aadc; }

.activity-log-confirm-dialog .dialog__content {
  color: #4f748e; }
  .activity-log-confirm-dialog .dialog__content h1 {
    color: #2e4453;
    font-size: 24px;
    font-weight: 300;
    height: 2em;
    line-height: 32px;
    margin-top: .5em;
    margin-bottom: .5em; }

.activity-log-confirm-dialog__title {
  font-size: 21px;
  margin-bottom: 12px;
  line-height: 1; }

.activity-log-confirm-dialog__highlight {
  margin-bottom: 24px; }

.activity-log-confirm-dialog__notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  box-sizing: border-box;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }
  @media (min-width: 481px) {
    .activity-log-confirm-dialog__notice {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .activity-log-confirm-dialog__notice .gridicons-notice {
    fill: #d94f4f;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px; }
    @media (min-width: 481px) {
      .activity-log-confirm-dialog__notice .gridicons-notice {
        position: relative;
        width: 24px;
        height: 24px; } }

.activity-log-confirm-dialog__notice-content {
  color: #d94f4f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 24px;
  font-size: 12px; }
  @media (min-width: 481px) {
    .activity-log-confirm-dialog__notice-content {
      padding-left: 8px;
      font-size: 14px; } }

.activity-log-confirm-dialog__line {
  padding: 14px 24px 14px 44px;
  text-align: left;
  font-size: 13px;
  border-bottom: 1px solid #d9e3ea; }
  .activity-log-confirm-dialog__line:first-of-type {
    border-top: 1px solid #d9e3ea; }
  .activity-log-confirm-dialog__line .gridicon {
    float: left;
    width: 18px;
    height: 18px;
    margin-left: -28px; }

.activity-log-confirm-dialog__button-wrap {
  margin: 0 -24px;
  padding: 16px 24px 0;
  border-top: #eee 1px solid;
  display: block; }
  @media (min-width: 481px) {
    .activity-log-confirm-dialog__button-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  .activity-log-confirm-dialog__button-wrap button {
    margin: 0 0 8px 8px; }
    @media (max-width: 480px) {
      .activity-log-confirm-dialog__button-wrap button {
        margin: 0 8px 0 0; } }

.activity-log-confirm-dialog__primary-actions {
  text-align: right; }
  @media (max-width: 480px) {
    .activity-log-confirm-dialog__primary-actions {
      margin-bottom: 8px;
      text-align: left; } }

.button.activity-log-confirm-dialog__more-info-link {
  color: #87a6bc;
  padding: 7px 8px 0 0;
  display: inline-block; }
  @media (max-width: 480px) {
    .button.activity-log-confirm-dialog__more-info-link {
      margin-bottom: 4px;
      font-size: 12px; } }
  .button.activity-log-confirm-dialog__more-info-link .gridicon {
    float: left;
    top: 4px;
    width: 18px;
    height: 18px;
    margin-right: 6px; }
    @media (min-width: 481px) {
      .button.activity-log-confirm-dialog__more-info-link .gridicon {
        top: 0;
        width: 24px;
        height: 24px;
        margin-right: 8px; } }

.activity-log-confirm-dialog__dialog__action-buttons {
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0 -24px -24px;
  text-align: right; }
  .activity-log-confirm-dialog__dialog__action-buttons .button {
    margin-left: 10px;
    min-width: 80px; }
    .activity-log-confirm-dialog__dialog__action-buttons .button .is-left-aligned {
      float: left;
      margin-left: 0;
      margin-right: 10px; }

.activity-log-day, .activity-log-day__placeholder {
  position: relative;
  z-index: 2; }
  .activity-log-day .card, .activity-log-day__placeholder .card {
    background: transparent; }
    .activity-log-day .card .foldable-card__content, .activity-log-day__placeholder .card .foldable-card__content {
      padding: 0 0 16px;
      background: transparent; }
  .activity-log-day.is-empty .card, .is-empty.activity-log-day__placeholder .card {
    box-shadow: none; }
  .activity-log-day.is-empty .foldable-card__header, .is-empty.activity-log-day__placeholder .foldable-card__header {
    background: #f3f6f8;
    min-height: initial;
    padding-bottom: 4px;
    padding-top: 4px; }
  .activity-log-day .foldable-card__header, .activity-log-day__placeholder .foldable-card__header {
    background: white; }
    .activity-log-day .foldable-card__header .foldable-card__secondary, .activity-log-day__placeholder .foldable-card__header .foldable-card__secondary {
      -webkit-box-flex: 2;
          -ms-flex: 2;
              flex: 2; }
  @media (max-width: 480px) {
    .activity-log-day .foldable-card__main, .activity-log-day__placeholder .foldable-card__main {
      -webkit-box-flex: 3;
          -ms-flex: 3 1;
              flex: 3 1; } }
  .activity-log-day .foldable-card.card.is-expanded, .activity-log-day__placeholder .foldable-card.card.is-expanded {
    box-shadow: none;
    margin: 0; }
    .activity-log-day .foldable-card.card.is-expanded .foldable-card__header, .activity-log-day__placeholder .foldable-card.card.is-expanded .foldable-card__header {
      box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.activity-log-day__day {
  font-weight: 600; }

.activity-log-day__rewind-button em {
  font-style: normal; }
  @media (max-width: 960px) {
    .activity-log-day__rewind-button em {
      display: none; } }

.activity-log-day__events {
  font-size: 12px;
  color: #87a6bc; }

.activity-log-day__placeholder .activity-log-day__day,
.activity-log-day__placeholder .activity-log-day__events {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .activity-log-day__placeholder .activity-log-day__day:after,
  .activity-log-day__placeholder .activity-log-day__events:after {
    content: '\00a0'; }

.activity-log-day__placeholder .activity-log-day__day {
  width: 12em; }

.activity-log-day__placeholder .activity-log-day__events {
  width: 10em;
  margin-top: .2em; }

.activity-log-day, .activity-log-day__placeholder, .activity-log-item {
  position: relative; }
  .activity-log-day:before, .activity-log-day__placeholder:before, .activity-log-item:before {
    content: "";
    position: absolute;
    top: 73px;
    height: 16px;
    left: 33px;
    width: 2px;
    background-color: #c8d7e1; }
    @media (max-width: 480px) {
      .activity-log-day:before, .activity-log-day__placeholder:before, .activity-log-item:before {
        left: 29px; } }

.activity-log-day.is-empty:before, .is-empty.activity-log-day__placeholder:before {
  top: 48px; }

.activity-log-day:last-of-type:before, .activity-log-day__placeholder:last-of-type:before {
  width: 0; }

.activity-log-item:before {
  bottom: -16px;
  height: auto; }
  @media (max-width: 480px) {
    .activity-log-item:before {
      left: 21px; } }

.activity-log-item__restore-confirm:before {
  bottom: 0;
  height: auto;
  top: 57px; }

.activity-log-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  @media (max-width: 480px) {
    .activity-log-item {
      margin-left: 8px; } }
  .activity-log-item .foldable-card__header.is-clickable {
    cursor: default; }
  .activity-log-item:first-of-type {
    margin-top: 24px; }
  .activity-log-item .card {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 16px;
    background: white; }
  .activity-log-item .activity-log-item__card .foldable-card__content {
    padding: 16px;
    font-size: 14px;
    color: #4f748e; }
  .activity-log-item .foldable-card .foldable-card__expand .gridicon {
    -webkit-transform: none;
            transform: none; }
  .activity-log-item .foldable-card.is-expanded {
    margin-bottom: 24px; }
    .activity-log-item .foldable-card.is-expanded .foldable-card__expand .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  @media (max-width: 480px) {
    .activity-log-item .foldable-card__header {
      padding: 12px; } }
  .activity-log-item .foldable-card__main {
    -webkit-box-flex: 5;
        -ms-flex: 5 1;
            flex: 5 1; }

.activity-log-item__type {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background: #f3f6f8;
  text-align: center;
  margin: -2px 22px 0 10px;
  padding: 4px 0 6px; }
  @media (max-width: 480px) {
    .activity-log-item__type {
      margin: -2px 8px 0 0px; } }

.activity-log-item__time {
  font-size: 11px;
  color: #87a6bc;
  text-transform: uppercase;
  white-space: nowrap; }
  @media (max-width: 480px) {
    .activity-log-item__time {
      letter-spacing: -1px; } }

.activity-log-item__activity-icon {
  background: #87a6bc;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  padding: 12px;
  margin-top: 2px; }
  @media (max-width: 480px) {
    .activity-log-item__activity-icon {
      padding: 10px; } }
  .activity-log-item__activity-icon.is-success {
    background: #4ab866; }
  .activity-log-item__activity-icon.is-warning {
    background: #f0b849; }
  .activity-log-item__activity-icon.is-error {
    background: #d94f4f; }

.activity-log-item__card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 960px) {
    .activity-log-item__card-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
                  -ms-grid-row-align: flex-start;
              align-items: flex-start; } }

.activity-log-item__actor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 3;
      -ms-flex: 3 1;
          flex: 3 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 32px; }
  @media (max-width: 960px) {
    .activity-log-item__actor {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
  .activity-log-item__actor .gravatar,
  .activity-log-item__actor .jetpack-logo {
    float: left;
    margin-right: 16px; }
    @media (max-width: 960px) {
      .activity-log-item__actor .gravatar,
      .activity-log-item__actor .jetpack-logo {
        width: 24px;
        height: 24px;
        margin-right: 8px; } }
  .activity-log-item__actor .jetpack-logo path {
    fill: #8cc258; }

.activity-log-item__actor-name {
  font-size: 14px; }
  @media (max-width: 960px) {
    .activity-log-item__actor-name {
      font-size: 13px; } }

.activity-log-item__actor-role {
  text-transform: capitalize;
  font-size: 12px;
  color: #87a6bc; }

.activity-log-item__title {
  -webkit-box-flex: 4;
      -ms-flex: 4 1;
          flex: 4 1;
  font-size: 14px;
  word-break: break-word; }
  @media (max-width: 960px) {
    .activity-log-item__title {
      margin-bottom: 16px; } }

.activity-log-item__action {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  text-align: right; }

.activity-log-item__id {
  margin-top: 8px;
  font-size: 11px;
  font-style: italic;
  color: #c8d7e1; }

.all-time .stats-tab {
  padding-bottom: 0; }
  .all-time .stats-tab.all-time__is-best .gridicon,
  .all-time .stats-tab.all-time__is-best .label {
    color: #f0b849; }
  .all-time .stats-tab .all-time__best-day {
    color: #537994;
    font-size: 12px;
    box-sizing: border-box;
    display: block;
    padding: 24px 0px 10px 58px;
    text-align: left; }

.stats-geochart {
  margin: 0 24px; }
  .stats-geochart.is-loading, .stats-geochart.has-no-data {
    display: none; }

.stats-module.is-loading .countryviews .stats-geochart,
.stats-module.has-no-data .countryviews .stats-geochart {
  display: none; }

.most-popular__wrapper {
  clear: both; }

.stats-module.is-loading .most-popular__wrapper,
.is-empty .stats-popular {
  min-height: 150px; }
  .stats-module.is-loading .most-popular__wrapper .stats-popular__item,
  .is-empty .stats-popular .stats-popular__item {
    display: none; }

.most-popular__item {
  width: 50%;
  float: left;
  text-align: center;
  padding: 20px 0;
  color: #2e4453; }
  @media (max-width: 960px) {
    .most-popular__item {
      width: 100%; }
      .most-popular__item:first-child {
        padding-bottom: 0; } }

.most-popular__label {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em; }

.most-popular__percentage {
  color: #87a6bc;
  display: block;
  margin-top: -1em;
  font-size: 14px;
  letter-spacing: 0.01em; }

.most-popular__day,
.most-popular__hour {
  display: block;
  color: #2e4453;
  font-size: 20px;
  margin: 6px 0 22px; }

.most-popular__empty {
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  text-align: center;
  line-height: 24px;
  clear: both;
  z-index: 1; }

.most-popular__notice {
  position: relative;
  top: 25px;
  padding: 11px 24px;
  margin-bottom: 24px;
  border-radius: 1px;
  background: #fff;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4285;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  @media (min-width: 661px) {
    .most-popular__notice {
      padding: 13px 48px;
      font-size: inherit; }
      .most-popular__notice::before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font: normal 16px/1 Noticons;
        vertical-align: middle;
        content: '\f456';
        position: absolute;
        top: 23px;
        left: 20px;
        margin: -12px 0px 0 -8px;
        font-size: 24px;
        line-height: 1; } }

.stats-post-performance__start-post {
  padding-bottom: 26px; }

.stats-post-performance__no-posts-message {
  margin-bottom: 14px; }

.post-trends {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  width: 100%; }
  @media (max-width: 480px) {
    .post-trends {
      display: none; } }

.post-trends__title {
  color: #668eaa;
  margin-left: 11px;
  height: 40px;
  font-weight: 600;
  position: relative;
  z-index: 1; }

.post-trends__value {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #4f748e;
  margin: 20px 0 30px; }

.post-trends__year {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  white-space: nowrap;
  transition: left, 1s, ease-in-out; }

.post-trends__wrapper {
  position: relative;
  height: 130px;
  max-width: 660px;
  margin: 0 auto;
  overflow: hidden; }

.post-trends__scroll-left,
.post-trends__scroll-right {
  position: absolute;
  top: 0px;
  width: 30px;
  height: 130px;
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  text-align: left;
  z-index: 100; }
  .post-trends__scroll-left .left-arrow,
  .post-trends__scroll-left .right-arrow,
  .post-trends__scroll-right .left-arrow,
  .post-trends__scroll-right .right-arrow {
    width: 30px;
    height: 100px;
    display: block;
    background: url("/calypso/images/stats/left-arrow.svg") no-repeat 4px 48px;
    background-size: 18px 18px;
    opacity: .15; }
  .post-trends__scroll-left .right-arrow,
  .post-trends__scroll-right .right-arrow {
    background: url("/calypso/images/stats/right-arrow.svg") no-repeat 4px 48px;
    background-size: 18px 18px; }
  .post-trends__scroll-left.is-active .right-arrow,
  .post-trends__scroll-left.is-active .left-arrow,
  .post-trends__scroll-right.is-active .right-arrow,
  .post-trends__scroll-right.is-active .left-arrow {
    opacity: .8; }
  .post-trends__scroll-left.is-active:hover,
  .post-trends__scroll-right.is-active:hover {
    cursor: pointer; }

.post-trends__scroll-right {
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  text-align: right; }

/*rtl:begin:ignore*/
.post-trends__scroll-left {
  left: 0px; }

.post-trends__scroll-right {
  right: 0px; }

/*rtl:end:ignore*/
.post-trends__month {
  font-size: 0;
  display: inline-block;
  white-space: normal;
  margin: 0 4px; }

.post-trends__week {
  display: inline-block;
  width: 9px; }

.post-trends__label {
  text-align: center;
  font-size: 11px;
  color: #668eaa;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: .1em; }
  .is-loading .post-trends__label {
    display: none; }

.post-trends__day {
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid #f3f6f8;
  background-color: #c8d7e1;
  margin: 0; }

.post-trends__day.is-outside-month,
.post-trends__key-day.is-outside-month {
  background-color: rgba(255, 255, 255, 0);
  border-color: white; }

.post-trends__day.is-today,
.post-trends__key-day.is-today {
  background-color: #c8d7e1; }

.post-trends__day.is-after-today,
.post-trends__key-day.is-after-today {
  background-color: #d9e3ea; }

.post-trends__day.is-level-1,
.post-trends__key-day.is-level-1 {
  background-color: #91e2fb; }

.post-trends__day.is-level-2,
.post-trends__key-day.is-level-2 {
  background-color: #00bef6; }

.post-trends__day.is-level-3,
.post-trends__key-day.is-level-3 {
  background-color: #0083a9; }

.post-trends__day.is-level-4,
.post-trends__key-day.is-level-4 {
  background-color: #003443; }

.post-trends__day.is-hovered,
.post-trends__key-day.is-hovered {
  border-color: #00aadc; }

.is-loading .post-trends__day, .is-loading
.post-trends__key-day {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

@media (min-width: 1041px) {
  .post-trends__scroll-left,
  .post-trends__scroll-right {
    display: none; } }

.post-trends__key-container {
  padding-top: 10px;
  float: right; }
  .post-trends__key-container:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (max-width: 960px) {
    .post-trends__key-container {
      float: none;
      margin: 0 auto;
      margin-bottom: 25px;
      text-align: center; } }

.post-trends__key-label,
.post-trends__key {
  display: inline-block; }

.post-trends__key-label {
  font-size: 11px;
  color: #87a6bc;
  letter-spacing: .1em;
  text-transform: uppercase; }

.post-trends__key {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 2px 9px 0 5px; }
  .post-trends__key .post-trends__key-day {
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 3px; }

ul.module-tabs {
  border-top: 1px solid #f3f6f8;
  list-style: none;
  background: white;
  margin: 0; }
  ul.module-tabs:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  ul.module-tabs .module-tab {
    margin: 0;
    font-size: 16px;
    clear: none;
    border-top: 1px solid #f3f6f8;
    box-sizing: border-box; }
    ul.module-tabs .module-tab:first-child {
      border-top: none; }
    @media (min-width: 481px) {
      ul.module-tabs .module-tab {
        border-top: none;
        border-left: 1px solid #f3f6f8;
        float: left;
        width: 25%;
        text-align: center; }
        ul.module-tabs .module-tab.is-post-summary {
          width: 33%; }
        ul.module-tabs .module-tab:first-child {
          border-left: none; } }
    @media (max-width: 480px) {
      ul.module-tabs .module-tab {
        width: auto;
        float: none;
        text-align: left; } }
    ul.module-tabs .module-tab a {
      color: #2e4453; }
    ul.module-tabs .module-tab a,
    ul.module-tabs .module-tab .no-link {
      padding: 5px 0 10px;
      display: block;
      background: white; }
      ul.module-tabs .module-tab a:after,
      ul.module-tabs .module-tab .no-link:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab a,
        ul.module-tabs .module-tab .no-link {
          line-height: 24px;
          padding-top: 10px;
          -webkit-touch-callout: none; } }
    ul.module-tabs .module-tab .label {
      font-size: 11px;
      letter-spacing: 0.1em;
      line-height: inherit;
      text-transform: uppercase; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab .label {
          font-size: 14px;
          line-height: 24px;
          float: left; } }
    ul.module-tabs .module-tab .gridicon {
      vertical-align: middle;
      margin-right: 4px;
      margin-top: -2px; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab .gridicon {
          width: 24px;
          height: 24px;
          margin-left: 24px;
          margin-right: 8px;
          float: left; } }
    ul.module-tabs .module-tab .value {
      clear: both;
      display: block;
      line-height: 24px;
      color: #0087be;
      transition: font-size .3s 0 ease-out; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab .value {
          clear: none;
          float: right;
          font-size: 16px;
          margin-right: 24px;
          padding: 0; } }
    @media (min-width: 481px) {
      ul.module-tabs .module-tab a:hover,
      ul.module-tabs .module-tab a:hover .value,
      ul.module-tabs .module-tab.is-low a:hover,
      ul.module-tabs .module-tab.is-low a:hover .value {
        color: #33bbe3; }
      ul.module-tabs .module-tab a:hover {
        background: rgba(255, 255, 255, 0.5); } }
    ul.module-tabs .module-tab a:focus,
    ul.module-tabs .module-tab a:focus .value,
    .stats-module ul.module-tabs .module-tab.is-selected a:focus,
    .stats-module ul.module-tabs .module-tab.is-selected a:focus .value,
    ul.module-tabs .module-tab.is-low a:focus,
    ul.module-tabs .module-tab.is-low a:focus .value {
      color: #33bbe3; }
    ul.module-tabs .module-tab a:focus {
      background: rgba(255, 255, 255, 0.5); }
    .stats-module ul.module-tabs .module-tab.is-selected a {
      background: white;
      border-top: 1px solid white;
      margin-top: -1px;
      cursor: default; }
    ul.module-tabs .module-tab.is-selected a,
    ul.module-tabs .module-tab.is-selected.is-low a {
      color: #2e4453; }
    ul.module-tabs .module-tab.is-selected a .value,
    ul.module-tabs .module-tab.is-selected.is-low a .value,
    ul.module-tabs .module-tab.is-selected a:hover .value {
      color: #f0821e; }
    ul.module-tabs .module-tab .is-low,
    ul.module-tabs .module-tab.is-low a .value {
      color: #87a6bc; }
    ul.module-tabs .module-tab.is-loading a,
    ul.module-tabs .module-tab.is-loading a:hover {
      cursor: default; }
    ul.module-tabs .module-tab .no-link .value {
      color: #2e4453; }
      ul.module-tabs .module-tab .no-link .value.is-low {
        color: #87a6bc; }
    ul.module-tabs .module-tab.is-loading a .value,
    ul.module-tabs .module-tab.is-loading a:hover .value,
    ul.module-tabs .module-tab.is-loading .no-link .value {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      cursor: default;
      font-size: 110%;
      color: #87a6bc; }
    ul.module-tabs .module-tab.is-loading.is-selected a .value,
    ul.module-tabs .module-tab.is-loading.is-selected a:hover .value {
      color: #87a6bc; }
  ul.module-tabs li:only-child {
    width: auto;
    float: none;
    text-align: left; }
    ul.module-tabs li:only-child a {
      line-height: 24px;
      padding-top: 10px; }
    ul.module-tabs li:only-child .label {
      font-size: 14px;
      line-height: 24px;
      float: left; }
    ul.module-tabs li:only-child .gridicon {
      width: 24px;
      height: 24px;
      margin: 0 8px 0 24px;
      float: left; }
    ul.module-tabs li:only-child .value {
      clear: none;
      float: right;
      margin-right: 24px; }
  ul.module-tabs.is-enabled {
    background: #f3f6f8; }
    ul.module-tabs.is-enabled,
    ul.module-tabs.is-enabled li {
      border-color: #f3f6f8; }
    ul.module-tabs.is-enabled a {
      background: #f3f6f8; }

.tab-content,
.stats-comments__tab-content {
  display: none; }
  .tab-content.is-active,
  .stats-comments__tab-content.is-active {
    display: block; }

.tab-email-followers .tab-content.email-followers,
.tab-wpcom-followers .tab-content.wpcom-followers,
.tab-top-authors .tab-content.top-authors,
.tab-top-content .tab-content.top-content {
  display: block; }

.countryviews .module-content-list-item-label .icon img {
  background-color: #f3f6f8; }

.stats-date-picker__refresh-status {
  line-height: 16px; }
  .stats-date-picker__refresh-status .stats-date-picker__update-date {
    color: #87a6bc;
    display: inline-block;
    font-size: 13px; }
    .stats-date-picker__refresh-status .stats-date-picker__update-date .gridicon {
      padding: 0 5px;
      vertical-align: bottom; }

.error .module-content-text {
  display: block; }

.module-content-text.is-error {
  color: #87a6bc; }
  .stats-module.is-showing-error .module-content-text.is-error {
    display: inline-block; }

.stats-module__placeholder {
  display: block;
  padding: 0 24px;
  min-height: 140px;
  clear: both; }
  .stats-module__placeholder.is-block {
    background: #f3f6f8; }
  .stats-module__placeholder.is-void {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 1;
    -webkit-animation: delay-fade-in 2s 1; }
  .stats-module__placeholder.is-chart {
    height: 244px; }

@-webkit-keyframes delay-fade-in {
  0%, 66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes delay-fade-in {
  0%, 66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.stats-module.is-loading .module-header .site-icon,
.stats-module.is-loading .module-header .toggle-info,
.stats-module.is-loading .chart,
.stats-module.is-loading .module-content-table,
.stats-module.is-loading .stats-popular__item {
  display: none; }

.stats-module.is-loading .module-header-link,
.stats-module.is-loading .module-header-title {
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden; }
  .stats-module.is-loading .module-header-link .gridicon,
  .stats-module.is-loading .module-header-title .gridicon {
    display: none; }

.stats-module.is-loading .module-content-list-header .label,
.stats-module.is-loading .module-content-list-header .value,
.stats-module.is-loading .module-header-title,
.stats-module.is-loading ul.module-content-tabs li:hover .label,
.stats-module.is-loading ul.module-content-tabs li.module-tab.is-selected:hover .label {
  color: rgba(255, 255, 255, 0); }

.stats-module.is-loading.summary .module-placeholder.is-block {
  display: block; }

.stats-module__expand {
  line-height: 40px;
  display: block; }
  @media (max-width: 480px) {
    .stats-module__expand {
      line-height: 48px; } }
  .stats-module.is-loading .stats-module__expand,
  .stats-module.has-no-data .stats-module__expand {
    display: none; }
  .stats-module__expand a {
    border-top: 1px solid #f3f6f8;
    display: block;
    font-size: 14px;
    padding: 0 24px;
    position: relative; }
    @media (min-width: 481px) {
      .stats-module__expand a:hover {
        background: #f3f6f8;
        border-top-color: white; } }
    .stats-module__expand a:focus {
      background: #f3f6f8;
      border-top-color: white; }
    @media (min-width: 961px) {
      .stats__module-list .stats-module__expand a {
        font-size: 12px; } }

.stats-module__expand-right {
  color: #87a6bc;
  position: absolute;
  right: 24px;
  top: 0; }

.stats-module .upgrade-nudge.card {
  margin: 16px; }

.stats-module__select-dropdown-wrapper {
  padding: 16px;
  text-align: center; }
  .stats-module__select-dropdown-wrapper .select-dropdown__container {
    position: relative; }
  .stats-module.is-loading .stats-module__select-dropdown-wrapper,
  .stats-module.has-no-data .stats-module__select-dropdown-wrapper {
    display: none; }

.card.stats-module {
  padding: 0;
  margin-bottom: 10px; }

.stats__module-list:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.stats-insights__nonperiodic.has-no-recent {
  color: #2e4453;
  font-weight: 300; }
  @media (max-width: 660px) {
    .stats-insights__nonperiodic.has-no-recent p {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (max-width: 480px) {
    .stats-insights__nonperiodic.has-no-recent p {
      text-align: center; } }

@-webkit-keyframes stats-date-picker__spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes stats-date-picker__spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.stats-section-title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0; }
  @media (max-width: 660px) {
    .stats-section-title {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (max-width: 480px) {
    .stats-section-title {
      text-align: center; } }

.module-expand {
  line-height: 40px;
  display: block; }
  @media (max-width: 480px) {
    .module-expand {
      line-height: 48px; } }
  .stats-module.is-loading .module-expand,
  .stats-module.has-no-data .module-expand {
    display: none; }
  .module-expand a {
    border-top: 1px solid #f3f6f8;
    display: block;
    font-size: 14px;
    padding: 0 24px;
    position: relative; }
    @media (min-width: 481px) {
      .module-expand a:hover {
        background: #f3f6f8;
        border-top-color: white; } }
    .module-expand a:focus {
      background: #f3f6f8;
      border-top-color: white; }
    @media (min-width: 961px) {
      .stats__module-list .module-expand a {
        font-size: 12px; } }
  .module-expand .right {
    color: #87a6bc;
    position: absolute;
    right: 24px;
    top: 0; }

.module-header {
  background: white;
  height: 40px;
  line-height: 40px;
  padding-left: 24px;
  position: relative; }
  .stats-module.is-loading .module-header {
    cursor: default;
    height: 40px; }
  .stats-module.summary .module-header {
    cursor: default; }

.module-header-title {
  color: #2e4453;
  font-weight: 600;
  height: 40px;
  overflow: hidden;
  width: auto; }

ul.module-header-actions {
  background: white;
  height: 40px;
  list-style: none;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0; }
  ul.module-header-actions::before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%);
    position: absolute;
    z-index: 1;
    left: -48px;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 48px; }
  ul.module-header-actions .module-header-action {
    display: inline-block; }
    ul.module-header-actions .module-header-action:last-child .module-header-action-link, ul.module-header-actions .module-header-action:last-child .module-header-action-link::after {
      padding-right: 12px; }
    .summary ul.module-header-actions .module-header-action.toggle-services {
      display: none; }
  ul.module-header-actions .gridicon {
    vertical-align: middle; }
    .stats-module.is-loading ul.module-header-actions .gridicon {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite; }
    .stats-module.is-loading ul.module-header-actions .gridicon:hover::before,
    .stats-module.is-loading ul.module-header-actions .gridicon::before,
    .stats-module.is-loading ul.module-header-actions .gridicon:hover,
    .stats-module.is-loading ul.module-header-actions .gridicon {
      color: #f3f6f8;
      fill: #f3f6f8; }
  ul.module-header-actions .module-header-action-link {
    color: #87a6bc;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    position: relative;
    text-align: center;
    z-index: 2; }
    .stats-module.is-loading ul.module-header-actions .module-header-action-link {
      cursor: default; }
  @media (min-width: 481px) {
    .stats-module:hover ul.module-header-actions .module-header-action-link {
      color: #0087be; }
    .module-header ul.module-header-actions .module-header-action-link:hover {
      color: #33bbe3; } }
  .module-header ul.module-header-actions .module-header-action-link:focus {
    color: #33bbe3; }
  ul.module-header-actions .toggle-info,
  .stats-module.is-loading ul.module-header-actions .toggle-info {
    display: none; }
  .stats-module.is-expanded ul.module-header-actions .toggle-info {
    display: inline-block; }
  ul.module-header-actions .toggle-services .gridicon {
    transition: .2s transform ease-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .stats-module.is-expanded ul.module-header-actions .toggle-services .gridicon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.module-content .upgrade-nudge.card {
  margin: 16px; }

.module-content-text {
  box-sizing: border-box;
  color: #2e4453;
  font-size: 13px;
  padding: 16px 16px 0 16px;
  min-height: 1em;
  width: 100%;
  text-align: center; }
  .module-content-text a {
    display: block; }
    @media (min-width: 481px) {
      .module-content-text a {
        display: inline; } }
  @media (min-width: 961px) {
    .stats__module-list .module-content-text {
      font-size: 12px; } }
  .stats-module.has-no-data .module-content-text,
  .stats-module.is-loading .module-content-text {
    display: none; }
  .module-content-text-info {
    background: #f3f6f8;
    box-shadow: inset 0 1px 0 #f3f6f8;
    color: #2e4453;
    display: none;
    position: relative; }
    .stats-module.is-showing-info .module-content-text-info {
      display: inline-block; }
    .stats-module.is-loading.is-showing-info .module-content-text-info {
      display: none; }
  .module-content-text ul,
  .module-content-text ol {
    margin: 0; }
  .module-content-text .legend.published {
    border-left: 4px solid #f0821e;
    padding-left: 12px; }
  .module-content-text .legend.achievement {
    color: #f0b849; }
  .stats-module.has-no-data .module-content-text .legend {
    display: none; }
  .module-content-text .gridicon {
    margin-right: 4px;
    vertical-align: middle; }
  .module-content-text .documentation {
    list-style: none; }
    .module-content-text .documentation li {
      font-size: 14px;
      line-height: 2em; }
      @media (min-width: 961px) {
        .stats__module-list .module-content-text .documentation li {
          font-size: 12px; } }
      @media (max-width: 480px) {
        .module-content-text .documentation li {
          border-bottom: 1px solid #f3f6f8; }
          .module-content-text .documentation li:last-child {
            border: 0;
            margin-bottom: -12px; } }
    .module-content-text .documentation a {
      display: block;
      position: relative;
      padding: 6px 0 6px 0; }
      @media (max-width: 480px) {
        .module-content-text .documentation a {
          padding-top: 12px;
          padding-bottom: 12px; } }

.tab-email-followers .tab-content.email-followers,
.tab-wpcom-followers .tab-content.wpcom-followers,
.tab-top-authors .tab-content.top-authors,
.tab-top-content .tab-content.top-content {
  display: block; }

.stats-detail__row-label {
  font-weight: 600; }

.module-content-table {
  position: relative; }
  .module-content-table .module-content-table-scroll {
    min-height: 210px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: visible; }
  .module-content-table td,
  .module-content-table th {
    border-bottom: 1px solid #f3f6f8;
    border-right: 1px solid #f3f6f8;
    font-size: 12px;
    padding: 8px 12px;
    white-space: nowrap; }
    .module-content-table td:first-child,
    .module-content-table th:first-child {
      padding-left: 24px; }
    .module-content-table td:last-child,
    .module-content-table th:last-child {
      border-right: none;
      padding-right: 60px; }
  .module-content-table tbody tr:last-child th,
  .module-content-table tbody tr:last-child td {
    border-bottom: none; }
  .module-content-table tbody th:first-child {
    background: white;
    position: absolute;
    z-index: 2; }
  @media (min-width: 481px) {
    .stats-module .module-content-table td.has-no-data:hover,
    .module-content-table tbody tr:hover td,
    .module-content-table tbody tr:hover th {
      background: #f3f6f8; }
    .stats-module .module-content-table td.highest-count:hover,
    .module-content-table tbody tr td:hover {
      background: #f3f6f8;
      color: #2e4453; } }
  .stats-module .module-content-table td.highest-count {
    color: #f0b849;
    position: relative; }
  .module-content-table .spacer {
    color: transparent; }
  .module-content-table .stats-detail-weeks__date,
  .module-content-table .stats-detail-weeks__value {
    white-space: nowrap; }
  .module-content-table .stats-detail-weeks__value {
    display: block;
    font-size: 12px; }
    .module-content-table .stats-detail-weeks__value.is-rising {
      color: #4ab866; }
    .module-content-table .stats-detail-weeks__value.is-falling {
      color: #d94f4f; }
    .module-content-table .stats-detail-weeks__value.is-same {
      color: #87a6bc; }
    .module-content-table .stats-detail-weeks__value.is-rising, .module-content-table .stats-detail-weeks__value.is-falling, .module-content-table .stats-detail-weeks__value.is-same {
      margin-top: -2px; }
    .module-content-table .stats-detail-weeks__value .gridicon {
      margin: 0 2px -3px -4px;
      width: 15px; }
  .module-content-table thead th,
  .module-content-table .stats-detail-weeks__date {
    color: #87a6bc; }
  .module-content-table .stats-detail-weeks__date {
    display: block;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase; }
  .module-content-table::before, .module-content-table::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 16px;
    left: 0;
    top: 0;
    width: 20px;
    z-index: 1; }
  .module-content-table::after {
    left: auto;
    right: 0;
    width: 60px;
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 15%;
    height: auto; }

.stats-module__all-time-nav .stats-section-title {
  margin: 0 16px 16px 16px; }

.stats-module__footer-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.stats-module__header.is-refreshing {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.stats-page-placeholder__content.is-loading .module-header {
  height: auto; }
  .stats-page-placeholder__content.is-loading .module-header .module-header-title {
    height: 80px; }

.stats-page-placeholder__header.is-loading .module-header {
  height: auto; }
  .stats-page-placeholder__header.is-loading .module-header .module-header-title {
    height: 50px; }

.stats-period-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.5em 0;
  padding: 0 20px; }
  .stats-period-navigation .stats-period-navigation__children {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .stats-period-navigation .stats-section-title {
    margin: 0; }
  .stats-period-navigation .stats-period-navigation__previous, .stats-period-navigation .stats-period-navigation__next {
    cursor: pointer;
    color: #4f748e; }
    @media (max-width: 660px) {
      .stats-period-navigation .stats-period-navigation__previous, .stats-period-navigation .stats-period-navigation__next {
        display: none; } }
    .stats-period-navigation .stats-period-navigation__previous:hover, .stats-period-navigation .stats-period-navigation__next:hover {
      color: #00aadc; }
    .stats-period-navigation .stats-period-navigation__previous.is-disabled, .stats-period-navigation .stats-period-navigation__next.is-disabled {
      visibility: hidden; }

.stats-post-likes .count {
  margin-left: 8px; }

.stats-post-likes .stats-post-likes__content {
  box-sizing: border-box;
  padding: 8px 24px 16px;
  color: #2e4453; }

.stats-post-likes.is-loading .stats-post-likes__content {
  display: none; }

.stats-post-likes .module-content-text-info {
  padding: 16px; }

.stats-post-summary .section-nav {
  margin-bottom: 0;
  padding: 16px 0;
  box-shadow: 0 -1px 0 0 rgba(200, 215, 225, 0.5), -1px -1px 0 0 rgba(200, 215, 225, 0.5), 1px -1px 0 0 rgba(200, 215, 225, 0.5);
  z-index: 1; }
  .stats-post-summary .section-nav .segmented-control {
    margin: 0 auto; }
    .stats-post-summary .section-nav .segmented-control .segmented-control__link {
      padding: 4px 16px; }

.stats__overview .module-header__link, .stats__latest-post-summary .module-header__link {
  display: block;
  white-space: nowrap;
  overflow: hidden; }
  @media (max-width: 480px) {
    .stats__overview .module-header__link:focus, .stats__latest-post-summary .module-header__link:focus {
      color: #33bbe3; } }

.stats__overview .module-header__site-icon, .stats__latest-post-summary .module-header__site-icon {
  float: left;
  margin: 7px 8px 0 0; }

.stats__overview .module-header__right-icon, .stats__latest-post-summary .module-header__right-icon {
  position: relative;
  float: right;
  background: white;
  padding-right: 15px; }
  .stats__overview .module-header__right-icon::before, .stats__latest-post-summary .module-header__right-icon::before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%);
    position: absolute;
    z-index: 1;
    left: -48px;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 48px; }
  .stats__overview .module-header__right-icon .gridicon, .stats__latest-post-summary .module-header__right-icon .gridicon {
    vertical-align: middle; }

.stats__overview .value, .stats__latest-post-summary .value {
  font-size: 24px;
  padding: 16px 0; }

.stats__latest-post-summary .value {
  font-size: 32px; }

.stats-tabs {
  background: white;
  border-top: 1px solid #f3f6f8;
  list-style: none;
  margin: 0; }
  .stats-tabs:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .stats-tabs.is-borderless {
    border-top: 0px; }
  .stats-tabs .stats-tab {
    background: white;
    border-top: 1px solid #f3f6f8;
    box-sizing: border-box;
    clear: none;
    float: none;
    font-size: 16px;
    margin: 0;
    text-align: left; }
    .stats-tabs .stats-tab:first-child {
      border-top: none; }
    .stats-tabs .stats-tab.is-compact {
      border-top: 1px solid #f3f6f8;
      border-left: none;
      float: none;
      width: 100%;
      text-align: left;
      font-size: 14px; }
      .stats-tabs .stats-tab.is-compact:first-child {
        border-top: none; }
      .stats-tabs .stats-tab.is-compact a,
      .stats-tabs .stats-tab.is-compact .no-link {
        display: block;
        min-height: 35px;
        padding-top: 10px;
        padding-bottom: 0px; }
      .stats-tabs .stats-tab.is-compact .label {
        float: left;
        text-transform: none;
        letter-spacing: 0;
        font-size: 14px; }
      .stats-tabs .stats-tab.is-compact .gridicon {
        float: left;
        margin: 2px 20px 0 20px; }
      .stats-tabs .stats-tab.is-compact .value {
        color: #0087be;
        display: block;
        line-height: 24px;
        text-align: center;
        transition: font-size .3s 0 ease-out;
        clear: none;
        float: right;
        padding: 0 20px 0 10px; }
    @media (min-width: 481px) {
      .stats-tabs .stats-tab {
        border-top: none;
        border-left: 1px solid #f3f6f8;
        float: left;
        width: 25%;
        text-align: center; }
        .stats-tabs .stats-tab:first-child {
          border-left: none; } }
    .stats-tabs .stats-tab a {
      color: #2e4453; }
    .stats-tabs .stats-tab a,
    .stats-tabs .stats-tab .no-link {
      display: block;
      min-height: 35px;
      padding-top: 10px; }
      @media (min-width: 481px) {
        .stats-tabs .stats-tab a,
        .stats-tabs .stats-tab .no-link {
          -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          padding: 5px 0 10px;
          -webkit-touch-callout: none; }
          .stats-tabs .stats-tab a:after,
          .stats-tabs .stats-tab .no-link:after {
            content: ".";
            display: block;
            height: 0;
            width: 0;
            clear: both;
            visibility: hidden; } }
    .stats-tabs .stats-tab .label {
      float: left;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
      @media (min-width: 481px) {
        .stats-tabs .stats-tab .label {
          font-size: 11px;
          line-height: inherit;
          float: none; } }
    .stats-tabs .stats-tab .gridicon {
      float: left;
      margin: 3px 8px 0 20px; }
      @media (min-width: 481px) {
        .stats-tabs .stats-tab .gridicon {
          float: none;
          vertical-align: middle;
          margin: -2px 4px 0 0; } }
    .stats-tabs .stats-tab .value {
      clear: both;
      color: #0087be;
      display: block;
      float: none;
      line-height: 24px;
      text-align: center;
      transition: font-size .3s 0 ease-out; }
      @media (max-width: 480px) {
        .stats-tabs .stats-tab .value {
          clear: none;
          float: right;
          font-size: 16px;
          padding: 0 20px 0 10px; } }
    @media (min-width: 481px) {
      .stats-tabs .stats-tab a:hover,
      .stats-tabs .stats-tab a:hover .value,
      .stats-tabs .stats-tab.is-low a:hover,
      .stats-tabs .stats-tab.is-low a:hover .value {
        color: #33bbe3; }
      .stats-tabs .stats-tab a:hover {
        background: white;
        cursor: pointer; } }
    .stats-tabs .stats-tab a:focus,
    .stats-tabs .stats-tab a:focus .value,
    .stats-module .stats-tabs .stats-tab.is-selected a:focus,
    .stats-module .stats-tabs .stats-tab.is-selected a:focus .value,
    .stats-tabs .stats-tab.is-low a:focus,
    .stats-tabs .stats-tab.is-low a:focus .value {
      color: #33bbe3; }
    .stats-tabs .stats-tab a:focus {
      background: rgba(255, 255, 255, 0.5); }
    .stats-module .stats-tabs .stats-tab.is-selected a {
      background: white;
      border-top: 1px solid white;
      margin-top: -1px;
      cursor: default; }
    .stats-tabs .stats-tab.is-selected a,
    .stats-tabs .stats-tab.is-selected.is-low a {
      color: #2e4453; }
    .stats-tabs .stats-tab.is-selected a .value,
    .stats-tabs .stats-tab.is-selected.is-low a .value,
    .stats-tabs .stats-tab.is-selected a:hover .value {
      color: #f0821e; }
    .stats-tabs .stats-tab .is-low,
    .stats-tabs .stats-tab.is-low a .value {
      color: #87a6bc; }
    .stats-tabs .stats-tab.is-loading a,
    .stats-tabs .stats-tab.is-loading a:hover {
      cursor: default; }
    .stats-tabs .stats-tab .no-link .value {
      color: #2e4453; }
      .stats-tabs .stats-tab .no-link .value.is-low {
        color: #87a6bc; }
    .stats-tabs .stats-tab.is-loading a .value,
    .stats-tabs .stats-tab.is-loading a:hover .value,
    .stats-tabs .stats-tab.is-loading .no-link .value {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      cursor: default;
      font-size: 110%;
      color: #87a6bc; }
    .stats-tabs .stats-tab.is-loading.is-selected a .value,
    .stats-tabs .stats-tab.is-loading.is-selected a:hover .value {
      color: #87a6bc; }
  .stats-tabs li:only-child {
    width: auto;
    float: none;
    text-align: left; }
    .stats-tabs li:only-child a {
      line-height: 24px;
      padding-top: 10px; }
    .stats-tabs li:only-child .label {
      font-size: 14px;
      line-height: 24px;
      float: left; }
    .stats-tabs li:only-child .gridicon {
      width: 24px;
      height: 24px;
      margin: 0 8px 0 24px;
      float: left; }
    .stats-tabs li:only-child .value {
      clear: none;
      float: right;
      margin-right: 24px; }
  .stats-tabs.is-enabled {
    background: #f3f6f8; }
    .stats-tabs.is-enabled,
    .stats-tabs.is-enabled li {
      border-color: #e9eff3; }
    .stats-tabs.is-enabled a {
      background: #f3f6f8; }

.stats-views {
  overflow-x: auto; }

.is-loading .stats-views__months {
  display: none; }

.stats-views__months td, .stats-views__months th {
  padding: 6px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em; }

.stats-views__months th {
  font-size: 11px;
  color: #668eaa; }

.stats-views__month,
.stats-views__key-item {
  background-color: none; }
  .stats-views__month.is-year,
  .stats-views__key-item.is-year {
    background: none;
    text-align: left;
    font-size: 11px;
    color: #668eaa; }
  .stats-views__month.level-0,
  .stats-views__key-item.level-0 {
    background-color: #e9eff3; }
  .stats-views__month.level-1,
  .stats-views__key-item.level-1 {
    background-color: #c8d7e1; }
  .stats-views__month.level-2,
  .stats-views__key-item.level-2 {
    background-color: #91e2fb; }
  .stats-views__month.level-3,
  .stats-views__key-item.level-3 {
    background-color: #00bef6; }
  .stats-views__month.level-4,
  .stats-views__key-item.level-4 {
    background-color: #0083a9;
    color: white; }
  .stats-views__month.level-5,
  .stats-views__key-item.level-5 {
    background-color: #003443;
    color: white; }

.stats-views__month-control {
  max-width: 280px;
  margin: 0px auto 10px; }

.stats-views__key-container {
  padding-top: 10px;
  float: right; }
  .stats-views__key-container:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (max-width: 960px) {
    .stats-views__key-container {
      float: none;
      margin: 0 auto;
      margin-bottom: 25px;
      text-align: center; } }

.stats-views__key-label,
.stats-views__key {
  display: inline-block; }

.stats-views__key-label {
  font-size: 11px;
  color: #87a6bc;
  letter-spacing: .1em;
  text-transform: uppercase; }

.stats-views__key {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 2px 9px 0 5px; }
  .stats-views__key .stats-views__key-item {
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 3px; }

.theme__sheet {
  max-width: none; }

.theme__sheet-bar {
  background-color: #0087be;
  color: white;
  height: 180px;
  padding: 0;
  margin: 0; }

.theme__sheet-bar-title {
  display: block;
  font-size: 33px;
  font-weight: 100;
  padding-top: 78px;
  padding-left: 25px;
  line-height: 1; }

.theme__sheet-bar-tag {
  max-width: none;
  display: block;
  color: white;
  font-size: 16px;
  font-weight: 200;
  padding-top: 5px;
  padding-left: 25px; }

.theme__sheet-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 1500px;
  margin: 0 auto; }
  @media (max-width: 960px) {
    .theme__sheet-columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.theme__sheet-column-left,
.theme__sheet-column-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 960px) {
    .theme__sheet-column-left,
    .theme__sheet-column-right {
      width: 100%; } }

.theme__sheet-action-bar {
  height: 50px; }
  @media (max-width: 960px) {
    .theme__sheet-action-bar.card {
      margin: 0 0 1px 0; } }

.theme__sheet-primary-button {
  position: absolute;
  top: 5px;
  right: 50%;
  margin-right: 20px; }
  @media (max-width: 960px) {
    .theme__sheet-primary-button {
      margin-right: 0;
      position: absolute;
      top: 5px;
      right: 5px; } }

.theme__sheet-button-placeholder {
  color: transparent; }

.theme__sheet-action-bar-cost {
  font-weight: 600;
  color: #4AB866;
  margin-left: 10px;
  display: inline-block;
  max-width: 50%; }

.theme__sheet-action-bar-cost-upgrade {
  text-transform: uppercase;
  font-size: 90%; }

.theme__sheet-screenshot {
  display: block;
  margin-top: -156px;
  width: 98%;
  z-index: 1;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), 0px 2px 8px 0px rgba(46, 68, 83, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 200ms ease-in-out;
  min-height: 36.15vw; }
  @media (max-width: 960px) {
    .theme__sheet-screenshot {
      position: relative;
      margin-top: 0;
      top: 0;
      width: 100%;
      height: 75vw;
      overflow: hidden;
      box-shadow: none; }
      .theme__sheet-screenshot:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 30%;
        background: linear-gradient(to bottom, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, 0.5) 40%, #f3f6f8 93%); } }
  @media (min-width: 961px) {
    .theme__sheet-screenshot.is-active:hover {
      cursor: pointer;
      box-shadow: 0 0 0 1px #87a6bc, 0px 2px 10px 0px rgba(46, 68, 83, 0.5); } }

.theme__sheet-img {
  display: block;
  width: 100%; }

.theme__sheet-preview-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 269px;
  right: calc( 50% + 30px);
  margin: 0 auto;
  padding: 10px;
  color: #0087be;
  font-size: 14px;
  cursor: pointer;
  transition: all ease-in-out 100ms; }
  .theme__sheet-preview-link:hover {
    color: #00aadc; }
  .theme__sheet-preview-link .theme__sheet-preview-link-text {
    margin-top: 2px; }
  @media (max-width: 960px) {
    .theme__sheet-preview-link {
      top: auto;
      bottom: -10px;
      left: 0;
      right: 0; }
      .theme__sheet-preview-link .theme__sheet-preview-link-text {
        margin: 0 auto;
        padding: 2px 8px 3px 8px;
        background-color: #f3f6f8;
        color: #537994;
        font-size: 11px;
        font-weight: 600;
        border-radius: 3px;
        border: 1px solid #c8d7e1; } }

.theme__sheet-content {
  padding: 20px;
  font-size: 14px;
  min-height: 400px; }
  .theme__sheet-content div {
    width: auto !important; }
  .theme__sheet-content p:last-child {
    margin-bottom: 0; }
  .theme__sheet-content img.aligncenter {
    max-width: 100%;
    display: block;
    margin: 20px auto;
    border: 1px solid #f3f6f8; }
  .theme__sheet-content img.alignright, .theme__sheet-content img.alignleft {
    max-width: 100%;
    margin: 7px 0 20px; }
  .theme__sheet-content img.alignright {
    float: right;
    margin-left: 20px; }
  .theme__sheet-content img.alignleft {
    float: left;
    margin-right: 20px; }
  .theme__sheet-content .wp-caption {
    margin-bottom: 20px; }
  .theme__sheet-content .wp-caption-text {
    color: #87a6bc;
    font-size: 12px; }
  .theme__sheet-content h2 {
    color: #87a6bc;
    font-size: 14px;
    font-weight: 400;
    margin: -20px -20px 20px;
    padding: 15px 20px 15px;
    border-bottom: 1px solid #dce5eb; }
    .theme__sheet-content h2:nth-child(n+2) {
      border-top: 1px solid #dce5eb;
      margin: 20px -20px 20px;
      padding: 15px 20px 15px; }
      .theme__sheet-content h2:nth-child(n+2):before {
        content: "";
        display: block;
        height: 15px;
        margin: -15px -21px 15px;
        border-bottom: 1px solid #dce5eb;
        background: #f3f6f8; }
  .theme__sheet-content h3 {
    font-size: 20px;
    font-weight: 200;
    margin: 40px 0 10px; }
  .theme__sheet-content h4 {
    font-size: 18px;
    font-weight: 200;
    margin: 40px 0 10px; }
  .theme__sheet-content h5 {
    font-size: 16px;
    font-weight: 200;
    margin: 40px 0 10px; }
  .theme__sheet-content h6 {
    font-size: 14px;
    font-weight: 200;
    margin: 40px 0 10px; }
  .theme__sheet-content pre {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier 10 Pitch", Courier, monospace;
    font-size: 14px;
    white-space: pre-wrap;
    padding: 8px; }
  .theme__sheet-content code {
    font-size: 14px;
    background: #f3f6f8;
    padding: 1px 4px;
    border-radius: 2px; }
  .theme__sheet-content blockquote {
    padding: 30px;
    margin: 0 -20px;
    border-left: 2px solid #87a6bc; }
  .theme__sheet-content .notes {
    background: #f3f6f8;
    margin: 40px -20px 40px;
    border-top: 1px solid #e9eff3;
    border-bottom: 1px solid #e9eff3;
    padding: 20px;
    font-size: 13px;
    line-height: 21px; }
    .theme__sheet-content .notes > p:first-child {
      color: #87a6bc;
      font-weight: 600;
      margin: 0 0 14px; }
    .theme__sheet-content .notes ol {
      margin-left: 20px; }
    .theme__sheet-content .notes code {
      font-size: 11px;
      background: #ffffff;
      padding: 2px 4px;
      border-radius: 4px; }
    .theme__sheet-content .notes :last-child {
      margin-bottom: 5px; }
    .theme__sheet-content .notes:last-child {
      margin-bottom: -20px;
      border-bottom: 0; }

.theme__sheet-placeholder {
  color: transparent;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.theme__sheet-features-list {
  text-align: center;
  margin: -10px;
  padding: 0; }
  .theme__sheet-features-list a {
    display: inline-block;
    position: relative;
    background: #e9eff3;
    color: #2e4453;
    margin: 4px;
    padding: 2px 12px;
    border-radius: 3px;
    transition: all 100ms ease-in; }
    .theme__sheet-features-list a:after {
      content: "";
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 3px;
      background: #005082;
      top: 0;
      left: 0;
      padding: 0;
      z-index: -1;
      -webkit-transform: scale(0.9, 0.9);
              transform: scale(0.9, 0.9);
      transition: opacity 400ms, -webkit-transform 300ms;
      transition: transform 300ms, opacity 400ms;
      transition: transform 300ms, opacity 400ms, -webkit-transform 300ms; }
    .theme__sheet-features-list a:hover {
      color: white;
      background-color: #005082; }
      .theme__sheet-features-list a:hover:after {
        -webkit-transform: scale(1.07, 1.16);
                transform: scale(1.07, 1.16); }
  .theme__sheet-features-list li {
    list-style: none;
    display: inline-block;
    position: relative;
    z-index: 0; }

.theme__sheet-card-support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .theme__sheet-card-support:not(:last-child) {
    margin-bottom: 0; }
  @media (max-width: 960px) {
    .theme__sheet-card-support {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .theme__sheet-card-support .gridicon {
    color: #c8d7e1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .theme__sheet-card-support .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    @media (max-width: 960px) {
      .theme__sheet-card-support .button {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        margin-top: 20px;
        text-align: center; } }

.theme__sheet-card-support-details {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20px;
          flex: 1 1 20px;
  padding: 0 20px; }
  .theme__sheet-card-support-details small {
    display: block;
    color: #87a6bc; }

.theme__retired-theme-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px; }
  @media (max-width: 960px) {
    .theme__retired-theme-message {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .theme__retired-theme-message .gridicon {
    color: #c8d7e1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .theme__retired-theme-message .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    @media (max-width: 960px) {
      .theme__retired-theme-message .button {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        margin-top: 20px;
        text-align: center; } }

.theme__retired-theme-message-details {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20px;
          flex: 1 1 20px;
  padding: 0 20px; }
  .theme__retired-theme-message-details .theme__retired-theme-message-details-title {
    font-size: 20px; }

.theme__sheet-footer-line {
  color: #c8d7e1;
  border-top: 1px solid #c8d7e1;
  margin: 32px 0 20px; }
  .theme__sheet-footer-line .gridicon {
    display: block;
    margin: -12px auto 0;
    background: #f3f6f8; }

.theme__sheet-content-presentation-image {
  display: none; }

.theme-download-card {
  text-align: center; }
  .theme-download-card .gridicon {
    display: inline-block;
    margin: -0.5em 0 -1.1em;
    fill: #C8D7E1; }
  .theme-download-card .button {
    display: inline-block; }
  .theme-download-card p {
    margin: 1.15em 0; }
    .theme-download-card p a {
      color: inherit;
      text-decoration: underline; }

@media (min-width: 1041px) {
  .theme-download-card {
    text-align: inherit; }
    .theme-download-card .gridicon {
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin: 0.3em 0 0 0;
      float: left;
      top: 50%; }
    .theme-download-card .button {
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      top: 50%;
      right: 26px; }
    .theme-download-card p {
      margin: 0 122px 0 71px; } }

.themes-related-card__themes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-left: 0px;
  margin-bottom: 0;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media (max-width: 660px) {
    .themes-related-card__themes {
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; } }
  .themes-related-card__themes li {
    list-style-type: none; }
  .themes-related-card__themes li:not(:last-child) {
    margin: 0 16px 0 0; }
  @media (max-width: 660px) {
    .themes-related-card__themes li:not(:last-child) {
      margin: 0 0 0 0; } }

.themes-related-card__card {
  padding: 0; }

.themes-related-card__link p {
  text-align: center; }
  .themes-related-card__link p a {
    color: inherit;
    text-decoration: underline; }

.current-theme {
  font-weight: 600;
  padding: 0px;
  margin-bottom: 24px; }

.current-theme__current {
  height: 56px; }
  @media (min-width: 481px) {
    .current-theme__current {
      width: 50%;
      float: left; } }

.current-theme__img {
  height: 100%; }
  @media (max-width: 480px) {
    .current-theme__img {
      border-left: 1px solid rgba(200, 215, 225, 0.75);
      float: right; } }
  @media (min-width: 481px) {
    .current-theme__img {
      border-right: 1px solid rgba(200, 215, 225, 0.75);
      float: left; } }

.current-theme__img-placeholder {
  width: 75px;
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  height: 100%; }
  @media (max-width: 480px) {
    .current-theme__img-placeholder {
      float: right; } }
  @media (min-width: 481px) {
    .current-theme__img-placeholder {
      float: left; } }

.current-theme__label {
  font-size: 0.8em;
  color: #87a6bc;
  text-transform: uppercase;
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: -2px;
  display: inline-block; }

.current-theme__name {
  box-sizing: border-box;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block; }

.current-theme__placeholder {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.current-theme__actions {
  height: 56px;
  border-top: 1px solid rgba(200, 215, 225, 0.75);
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .current-theme__actions {
      width: 50%;
      float: right;
      border-top: none;
      border-left: 1px solid rgba(200, 215, 225, 0.75); } }
  @media (min-width: 481px) {
    .current-theme__actions.two-buttons {
      width: 33.3%; } }
  .current-theme__actions.two-buttons .current-theme__button {
    width: 50%; }

.current-theme__button {
  height: 56px;
  box-sizing: border-box;
  width: 33.33%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-weight: normal;
  /* transition: all 200ms ease-in-out; /* Unfortunately gradients don't transition (long-content-fade) */
  position: relative; }
  .current-theme__button:link, .current-theme__button:visited {
    color: #2e4453; }
  .current-theme__button.disabled {
    cursor: default; }
    .current-theme__button.disabled span {
      color: #87a6bc; }
  .current-theme__button:not(.disabled):hover {
    background: #f3f6f8;
    cursor: pointer; }
  .current-theme__button:not(.disabled):active {
    background: #f3f6f8; }
  .accessible-focus .current-theme__button:focus {
    z-index: 1;
    outline: solid 3px #78dcfa; }

.current-theme__button-label {
  overflow: hidden;
  white-space: nowrap;
  max-width: 95%; }
  .current-theme__button-label:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }
  .current-theme__button:not(.disabled):hover .current-theme__button-label:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }

.current-theme__info {
  border-left: 1px solid rgba(200, 215, 225, 0.75);
  border-right: 1px solid rgba(200, 215, 225, 0.75); }
  .current-theme__info:last-child {
    border-right: none; }

.themes__thanks-modal {
  width: 300px;
  min-height: 245px; }
  @media (max-width: 480px) {
    .themes__thanks-modal {
      box-sizing: border-box;
      width: 100%; } }
  .themes__thanks-modal h1 {
    display: block;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 4rem;
    text-align: center;
    height: auto; }
    .themes__thanks-modal h1 p {
      margin: 0; }
  .themes__thanks-modal ul {
    display: block;
    margin-left: 10px; }
    .themes__thanks-modal ul a {
      white-space: nowrap; }

.themes__thanks-modal-loading {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 245px; }
  .themes__thanks-modal-loading .pulsing-dot {
    margin: 0 auto; }

.themes__selection .themes-list {
  margin-top: 24px; }

.themes__site-selector-modal {
  padding-bottom: 24px; }
  .themes__site-selector-modal .site-selector-modal__content .theme {
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 481px) {
      .themes__site-selector-modal .site-selector-modal__content .theme {
        width: 300px; } }
  .themes__site-selector-modal .site-selector-modal__content h1 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 0; }
  .themes__site-selector-modal .site-selector-modal__content > h2 {
    text-align: center;
    font-size: 0.75em;
    line-height: 0.75em; }

.sticky-panel .themes__search-card {
  transition: 0.3s box-shadow; }

.sticky-panel.is-sticky .themes__search-card {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 2px 4px #c8d7e1; }

.themes__upload-button {
  float: right; }
  .themes__upload-button.is-compact {
    margin-top: 23px;
    color: #2e4453; }
    .themes__upload-button.is-compact .gridicon {
      padding-right: 4px; }
    @media (max-width: 660px) {
      .themes__upload-button.is-compact {
        margin-top: 18px; } }
    @media (max-width: 480px) {
      .themes__upload-button.is-compact {
        margin-top: 20px;
        font-size: 0; }
        .themes__upload-button.is-compact .gridicon {
          padding: 0; } }

.is-section-themes.has-no-sidebar .themes__content {
  padding: 0 0 32px; }
  @media (min-width: 481px) {
    .is-section-themes.has-no-sidebar .themes__content {
      padding: 32px; } }

/*
 * Search card and text input
 */
.themes-magic-search {
  margin-top: 24px; }

.themes-magic-search-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  transition: all 0.15s ease-in-out; }
  .themes-magic-search-card.has-highlight {
    box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; }
  .themes-magic-search-card .search {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin: 0; }
    .themes-magic-search-card .search.has-focus {
      box-shadow: none; }
  .themes-magic-search-card .search.is-expanded-to-container {
    height: 58px; }
  .themes-magic-search-card .section-nav {
    margin: 0; }
  .themes-magic-search-card .search .search-open__icon {
    color: #a8bece; }
  .themes-magic-search-card .themes-magic-search-card__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #0087be;
    cursor: pointer;
    z-index: 20; }
    .accessible-focus .themes-magic-search-card .themes-magic-search-card__icon:focus {
      outline: dotted 1px #0087be; }
    .themes-magic-search-card .themes-magic-search-card__icon .themes-magic-search-card__icon-close {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      color: #3d596d;
      -webkit-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; }
  .themes-magic-search-card .segmented-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 0;
    padding: 11px 14px 11px; }
    .themes-magic-search-card .segmented-control .segmented-control__item,
    .themes-magic-search-card .segmented-control .segmented-control__link,
    .themes-magic-search-card .segmented-control .segmented-control__text {
      min-width: inherit; }
  .themes-magic-search-card .more {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding: 8px 14px 8px; }

/*
 * Tokens
 */
.themes-magic-search-card__token {
  /* These are required to make token alignment work */
  font: inherit;
  pointer-events: none;
  position: relative;
  /* These are styling */ }
  .themes-magic-search-card__token:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc( 100% + -3px);
    z-index: -1; }
  .themes-magic-search-card__token .themes-magic-search-card__token-taxonomy {
    /* These are required to make token alignment work */
    pointer-events: none;
    display: inline-block;
    /* These are styling */
    border-bottom: 3px solid #00aadc;
    opacity: 0.6; }
  .themes-magic-search-card__token .themes-magic-search-card__token-separator {
    /* These are required to make token alignment work */
    pointer-events: none;
    display: inline-block;
    /* These are styling */
    border-bottom: 3px solid #00aadc;
    opacity: 0.6; }
  .themes-magic-search-card__token .themes-magic-search-card__token-filter {
    /* These are required to make token alignment work */
    pointer-events: none;
    display: inline-block;
    /* These are styling */
    border-bottom: 3px solid #00aadc; }

.themes-magic-search-card__search-text {
  /* These are required to make token alignment work */
  font: inherit;
  pointer-events: none;
  color: transparent; }

.themes-magic-search-card__search-white-space {
  /* These are required to make token alignment work */
  font: inherit;
  pointer-events: none;
  white-space: pre; }

/*
 * Suggestions
 */
.themes-magic-search .themes-magic-search-card__welcome {
  display: none; }

.themes-magic-search.has-keyed-suggestions .themes-magic-search-card__welcome,
.themes-magic-search.has-keyed-suggestions .suggestions {
  display: block;
  margin-top: 5px; }

/*
 * Suggestions: Welcome Card
 */
.themes-magic-search-card__welcome {
  color: #87a6bc;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.themes-magic-search-card__welcome-header {
  background-color: #f3f6f8;
  border-bottom: 1px solid #d2dee6;
  border-top: 0px;
  padding: 4px 8px;
  font-size: 13px;
  text-transform: uppercase;
  color: #2e4453; }

.themes-magic-search-card__welcome-taxonomies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 661px) {
    .themes-magic-search-card__welcome-taxonomies {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.themes-magic-search-card__welcome-taxonomy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow: hidden;
  padding: 10px 6px;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  text-transform: capitalize;
  cursor: pointer;
  color: #2e4453;
  transition: all 200ms ease-in; }
  @media (min-width: 661px) {
    .themes-magic-search-card__welcome-taxonomy {
      width: auto; } }
  .themes-magic-search-card__welcome-taxonomy .gridicon {
    fill: #2e4453;
    margin: 0 auto;
    transition: fill 200ms ease-in; }
  .themes-magic-search-card__welcome-taxonomy.themes-magic-search-card__welcome-taxonomy-highlight, .themes-magic-search-card__welcome-taxonomy:hover {
    color: #00aadc; }
    .themes-magic-search-card__welcome-taxonomy.themes-magic-search-card__welcome-taxonomy-highlight .gridicon, .themes-magic-search-card__welcome-taxonomy:hover .gridicon {
      fill: #00aadc; }
    @media (min-width: 661px) {
      .themes-magic-search-card__welcome-taxonomy.themes-magic-search-card__welcome-taxonomy-highlight, .themes-magic-search-card__welcome-taxonomy:hover {
        background: #fafbfc;
        box-shadow: inset 0 -3px 0 0 #00aadc; } }

.themes-magic-search-card__welcome-taxonomy-icon {
  pointer-events: none; }

.theme-upload__theme-sheet {
  font-size: 14px; }

.theme-upload__theme-name {
  font-size: 24px;
  font-weight: 600;
  clear: none; }

.theme-upload__screenshot {
  float: right;
  width: 300px;
  border: 1px solid #e9eff3;
  margin-left: 24px; }
  @media (max-width: 960px) {
    .theme-upload__screenshot {
      float: none;
      margin-left: 0;
      margin-bottom: 24px; } }

.theme-upload__description {
  margin: 24px 0; }

.theme-upload__action-buttons {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 24px -24px -24px; }
  .theme-upload__action-buttons .button {
    margin: 0 20px 0 0; }

.themes-selection-header .section-header {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding: 24px 0px 0px;
  margin-bottom: 4px; }

.themes-selection-header .section-header__label::before {
  background-image: none; }

@media (max-width: 480px) {
  .themes-selection-header .card {
    padding-left: 15px;
    padding-right: 15px; } }

.themes-selection-header.is-placeholder .section-header__label-text,
.themes-selection-header.is-placeholder .section-header__actions {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.card.upgrade-nudge {
  border-left: 3px solid #f0b849;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
  padding: 12px 16px; }
  .card.upgrade-nudge .upgrade-nudge__title {
    font-size: 14px; }
  .card.upgrade-nudge .button {
    margin-left: auto; }
  .card.upgrade-nudge.is-no-margin {
    margin: 0; }
  .card.upgrade-nudge.is-card-link {
    padding-right: 48px; }

.upgrade-nudge__icon {
  background: #f0b849;
  border-radius: 50%;
  margin-right: 16px;
  color: white;
  padding: 5px 7px 7px 5px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.upgrade-nudge.button {
  margin-bottom: 16px;
  text-align: left;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .upgrade-nudge.button .upgrade-nudge__icon {
    background: #4ab866; }
  .upgrade-nudge.button.is-full-width {
    width: 100%; }
    @media (min-width: 661px) {
      .upgrade-nudge.button.is-full-width {
        max-width: 420px; } }

.upgrade-nudge__title {
  color: #2e4453;
  font-weight: 500; }

.upgrade-nudge__message {
  color: #537994;
  font-size: 12px;
  display: block; }

.cart__header {
  border-top: 1px solid #e9eff3; }
  .cart__header.is-compact {
    padding: 11px 15px; }

.cart-body {
  padding: 15px; }
  .cart-body .cart-items {
    list-style: none;
    margin: 0; }
  .cart-body .cart-item {
    list-style: none;
    display: block;
    border-bottom: 1px solid #e9eff3;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative; }
    .cart-body .cart-item .primary-details {
      vertical-align: top; }
    .cart-body .cart-item .product-name {
      color: #2e4453;
      display: block;
      font-size: 14px;
      padding-right: 30px; }
    .cart-body .cart-item .product-domain {
      color: #668eaa;
      display: block;
      font-size: 12px;
      text-overflow: ellipsis;
      overflow: hidden; }
    .cart-body .cart-item .secondary-details {
      vertical-align: top; }
    .cart-body .cart-item .product-price {
      color: #668eaa;
      display: block;
      font-size: 13px; }
    .cart-body .cart-item .cart__free-with-plan {
      text-decoration: line-through; }
    .cart-body .cart-item .cart__free-text {
      color: #4ab866;
      padding-left: 8px; }
    .cart-body .cart-item .product-monthly-price {
      color: #87a6bc;
      display: block;
      font-size: 11px;
      font-style: italic; }
    .cart-body .cart-item .remove-item {
      box-shadow: none;
      cursor: pointer;
      color: #d94f4f;
      border: 0;
      background: transparent;
      padding: 0;
      margin: 0;
      font-size: 25px;
      pointer-events: auto;
      position: absolute;
      right: 0;
      top: 0; }
  .cart-body .cart-item__loading-placeholder .remove-item {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    border-radius: 0;
    width: 25px; }
    .cart-body .cart-item__loading-placeholder .remove-item:after {
      content: '\00a0'; }
  .cart-body .cart-total {
    color: #668eaa;
    font-weight: 600;
    font-size: 14px; }
    .cart-body .cart-total .cart-total-label {
      display: inline-block;
      width: 70%; }
    .cart-body .cart-total .cart-total-amount {
      display: inline-block;
      text-align: right;
      width: 30%; }
  .cart-body .cart-coupon {
    font-size: 11px; }
    @media (max-width: 660px) {
      .cart-body .cart-coupon {
        display: none; } }
    .cart-body .cart-coupon a {
      color: #00aadc;
      outline: none; }
    .cart-body .cart-coupon form {
      display: block;
      border-top: 1px solid #e9eff3;
      margin: 15px -15px 0 -15px;
      padding: 15px 15px 0 15px; }
      .cart-body .cart-coupon form input[type=text] {
        font-size: 12px;
        margin: 0 4% 0 0;
        width: 70%; }
      .cart-body .cart-coupon form .button {
        font-size: 12px;
        height: 34px;
        padding: 4px;
        width: 26%; }

.cart-items__expander {
  color: #0087be;
  text-decoration: none;
  font-size: 12px; }

.cart-empty {
  background: white;
  padding: 30px;
  text-align: center;
  font-size: 14px; }

.cart__cart-ad {
  background: #f6f9fa;
  border: 1px solid #e9eff3;
  border-radius: 4px;
  font-size: 12px;
  margin: 15px 15px 0px 15px;
  padding: 10px; }
  @media (max-width: 660px) {
    .cart__cart-ad {
      display: none; } }

.cart__cart-plan-discount-ad-paragraph:last-child {
  margin-bottom: 0; }

.cart-buttons .button {
  width: 100%;
  margin-bottom: 10px; }
  .cart-buttons .button:last-of-type {
    margin-bottom: 0; }

.cart-toggle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 48px;
  width: 48px;
  white-space: nowrap;
  cursor: pointer; }
  .cart-toggle-button .gridicon {
    color: #2e4453;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px; }

.popover-cart.pinned {
  position: absolute;
  right: 0;
  top: 0; }

.popover-cart__label {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

.cart__count-badge .count {
  position: absolute;
  top: 5px;
  right: 5px;
  -webkit-animation: pulsing-badge 2s infinite;
          animation: pulsing-badge 2s infinite; }

.cart__count-badge:hover .count {
  -webkit-animation: none;
          animation: none; }

@-webkit-keyframes pulsing-badge {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 170, 220, 0.4); }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 170, 220, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 170, 220, 0); } }

@keyframes pulsing-badge {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 170, 220, 0.4); }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 170, 220, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 170, 220, 0); } }

div.popover-cart__popover {
  width: 330px; }
  div.popover-cart__popover .popover__arrow {
    margin-left: 8px !important; }
  div.popover-cart__popover .popover__inner {
    text-align: left; }
  div.popover-cart__popover .cart-body {
    padding: 0; }
  div.popover-cart__popover .cart-items {
    padding: 15px;
    max-height: 575px;
    overflow-y: auto; }
  div.popover-cart__popover .cart-item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  div.popover-cart__popover .cart-total,
  div.popover-cart__popover .cart-buttons {
    background: #f6f9fa; }
  div.popover-cart__popover .cart-total {
    border-top: 1px solid #e9eff3;
    font-size: 16px;
    padding: 15px; }
  div.popover-cart__popover .cart-buttons {
    border-radius: 0 0 4px 4px;
    padding: 0 15px 15px 15px; }
  div.popover-cart__popover .cart-empty + .cart-buttons {
    padding-top: 15px; }

.popover-cart__mobile-cart {
  background-color: white;
  border: 1px solid #c8d7e1;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
  margin: -1px;
  position: relative; }
  .popover-cart__mobile-cart .cart-body {
    padding: 0; }
  .popover-cart__mobile-cart .cart-items {
    max-height: 575px;
    overflow-y: auto;
    padding: 15px; }
  .popover-cart__mobile-cart .cart-item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .popover-cart__mobile-cart .cart-total,
  .popover-cart__mobile-cart .cart-buttons {
    background: #f6f9fa; }
  .popover-cart__mobile-cart .cart-total {
    border-top: 1px solid #e9eff3;
    font-size: 16px;
    padding: 15px; }
  .popover-cart__mobile-cart .cart-buttons {
    border-radius: 0 0 4px 4px;
    padding: 0 15px 15px 15px; }
  .popover-cart__mobile-cart .cart-empty + .cart-buttons {
    padding-top: 15px; }
  .popover-cart__mobile-cart .top-arrow {
    border: 10px dashed #c8d7e1;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    right: 14px;
    top: -10px;
    width: 0; }
    .popover-cart__mobile-cart .top-arrow::before {
      border: 10px solid white;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent;
      content: " ";
      left: 50%;
      margin-left: -10px;
      position: absolute;
      top: 2px; }

.secondary-cart {
  background: white; }
  @media (max-width: 660px) {
    .secondary-cart {
      left: 0;
      margin-top: 10px;
      max-height: 100%;
      position: relative;
      top: 0; } }

@media (max-width: 660px) {
  .secondary-cart__hidden {
    display: none; } }

.cart-item__loading-placeholder span {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  margin-bottom: 1px; }
  .cart-item__loading-placeholder span:after {
    content: '\00a0'; }

.cart-item__loading-placeholder .product-name {
  width: 55%; }

.cart-item__loading-placeholder .product-domain {
  width: 40%; }

.cart-item__loading-placeholder .product-price {
  width: 20%; }

.stored-card {
  background-image: url("/calypso/images/upgrades/cc-visa-disabled.svg");
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 60px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 15px 15px 95px; }
  .stored-card .stored-card__name {
    color: #668eaa; }
  .stored-card .stored-card__number {
    color: #2e4453;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-weight: 600; }
  .stored-card .stored-card__expiration-date {
    color: #668eaa;
    font-style: italic;
    opacity: 0.7;
    white-space: nowrap; }

.stored-card.visa {
  background-image: url("/calypso/images/upgrades/cc-visa-disabled.svg"); }

.stored-card.mastercard {
  background-image: url("/calypso/images/upgrades/cc-mastercard-disabled.svg"); }

.stored-card.amex {
  background-image: url("/calypso/images/upgrades/cc-amex-disabled.svg"); }

.stored-card.discover {
  background-image: url("/calypso/images/upgrades/cc-discover-disabled.svg"); }

.selected > .payment-box-section-inner .stored-card.visa {
  background-image: url("/calypso/images/upgrades/cc-visa.svg"); }

.selected > .payment-box-section-inner .stored-card.mastercard {
  background-image: url("/calypso/images/upgrades/cc-mastercard.svg"); }

.selected > .payment-box-section-inner .stored-card.amex {
  background-image: url("/calypso/images/upgrades/cc-amex.svg"); }

.selected > .payment-box-section-inner .stored-card.discover {
  background-image: url("/calypso/images/upgrades/cc-discover.svg"); }

.checkout {
  position: relative; }
  .checkout .checkout__payment-box-container {
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    overflow: hidden; }
    .checkout .checkout__payment-box-container-appear, .checkout .checkout__payment-box-container-enter {
      height: 0;
      opacity: 0.01;
      -webkit-transform: translateZ(0) scale(0.8);
              transform: translateZ(0) scale(0.8); }
    .checkout .checkout__payment-box-container-appear-active, .checkout .checkout__payment-box-container-enter-active {
      height: auto;
      opacity: 1;
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
      transition-property: height, opacity, -webkit-transform;
      transition-property: height, opacity, transform;
      transition-property: height, opacity, transform, -webkit-transform;
      transition-duration: 400ms; }
    @media (max-width: 660px) {
      .checkout .checkout__payment-box-container:not(.domain-details) {
        box-shadow: none; } }
    .checkout .checkout__payment-box-container.is-empty .payment-box-section, .checkout .checkout__payment-box-container.is-empty .checkout__payment-box-section {
      border: 1px solid #e9eff3;
      margin: 5px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      background-color: white;
      padding: 10px; }
    .checkout .checkout__payment-box-container.is-empty .placeholder, .checkout .checkout__payment-box-container.is-empty .payment-box__title {
      -webkit-animation: pulse-light 0.8s ease-in-out infinite;
              animation: pulse-light 0.8s ease-in-out infinite;
      background: #c8d7e1;
      width: 100%;
      height: 100%; }
    .checkout .checkout__payment-box-container.is-empty .payment-box__title {
      height: 22px;
      width: 130px; }
      .checkout .checkout__payment-box-container.is-empty .payment-box__title :after {
        content: ''; }
    .checkout .checkout__payment-box-container.is-empty .payment-box__header {
      height: 16px;
      width: 170px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 170px;
              flex: 0 0 170px; }
    .checkout .checkout__payment-box-container.is-empty .placeholder-row {
      height: 40px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-bottom: 15px; }
    .checkout .checkout__payment-box-container.is-empty .placeholder-col-narrow {
      height: 40px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin-bottom: 15px; }
      @media (min-width: 481px) {
        .checkout .checkout__payment-box-container.is-empty .placeholder-col-narrow {
          -webkit-box-flex: 2;
              -ms-flex: 2 1 auto;
                  flex: 2 1 auto; } }
    .checkout .checkout__payment-box-container.is-empty .placeholder-inline-pad {
      padding-right: 15px; }
    @media (min-width: 481px) {
      .checkout .checkout__payment-box-container.is-empty .placeholder-inline-pad-only-wide {
        padding-right: 15px; } }
    .checkout .checkout__payment-box-container.is-empty .placeholder-col-wide {
      height: 40px;
      margin-bottom: 15px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      @media (min-width: 481px) {
        .checkout .checkout__payment-box-container.is-empty .placeholder-col-wide {
          -webkit-box-flex: 6;
              -ms-flex: 6 3 auto;
                  flex: 6 3 auto; } }
    .checkout .checkout__payment-box-container.is-empty .placeholder-button {
      height: 50px;
      width: 100%; }
      @media (min-width: 481px) {
        .checkout .checkout__payment-box-container.is-empty .placeholder-button {
          width: 80px;
          height: 40px; } }
    .checkout .checkout__payment-box-container.is-empty .placeholder-button-container {
      margin-top: 55px; }
      @media (min-width: 481px) {
        .checkout .checkout__payment-box-container.is-empty .placeholder-button-container {
          margin-top: 20px; } }
    .checkout .checkout__payment-box-container.is-empty .payment-box-hr {
      margin: 40px 0 20px 0;
      width: 100%;
      height: 0;
      border-bottom: 1px solid #e9eff3; }
      @media (max-width: 480px) {
        .checkout .checkout__payment-box-container.is-empty .payment-box-hr {
          display: none; } }
  .checkout .payment-box {
    padding: 0; }
  .checkout .payment-box__content {
    min-height: 140px; }
  .checkout h5 {
    color: #668eaa;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.7;
    text-transform: uppercase; }
    .checkout h5 :after {
      font-size: 1.08333em;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      float: right; }
  .checkout .checkout__box-padding {
    padding: 16px 8px; }
    @media (min-width: 661px) {
      .checkout .checkout__box-padding {
        padding: 10px 30px 20px 30px; } }
  @media (max-width: 660px) {
    .checkout .domain-details .box-padding {
      padding: 16px; } }
  .checkout form {
    margin-top: 5px; }
    @media (min-width: 661px) {
      .checkout form:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden; } }
  @media (max-width: 660px) {
    .checkout button[type=submit].button-pay, .checkout button[type=submit].checkout__button-pay {
      width: 100%; }
      #wpcom .checkout button[type=submit].button-pay, #wpcom .checkout button[type=submit].checkout__button-pay {
        min-height: 50px; } }
  @media (min-width: 661px) {
    .checkout button[type=submit].button-pay, .checkout button[type=submit].checkout__button-pay {
      clear: both;
      float: left; } }
  .checkout input[type=number] {
    -moz-appearance: textfield; }
    .checkout input[type=number]::-webkit-outer-spin-button, .checkout input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .checkout .checkout-field {
    margin-top: 15px;
    position: relative; }
    .checkout .checkout-field select {
      font-size: 15px;
      width: 100%; }
    .checkout .checkout-field input[disabled] {
      cursor: not-allowed; }
  .checkout .form-button {
    margin-top: 20px; }
    @media (max-width: 660px) {
      .checkout .form-button {
        margin-bottom: 20px; } }
  .checkout .checkout-terms {
    color: #668eaa;
    margin: 16px 0;
    padding: 0; }
    @media (min-width: 661px) {
      .checkout .checkout-terms {
        padding: 0;
        text-align: left; } }
    .checkout .checkout-terms p {
      font-size: 12px;
      font-weight: 100;
      margin: 0; }
      @media (min-width: 661px) {
        .checkout .checkout-terms p {
          margin-left: 24px; } }
    .checkout .checkout-terms .gridicon {
      float: left; }
      @media (max-width: 660px) {
        .checkout .checkout-terms .gridicon {
          display: none; } }
  .checkout .cart-coupon {
    cursor: pointer;
    display: none;
    font-size: 14px;
    margin: 5px 0 0;
    padding: 10px 0; }
    @media (max-width: 660px) {
      .checkout .cart-coupon {
        display: block;
        text-align: center; } }
    .checkout .cart-coupon input {
      margin-right: 15px;
      width: 50%; }
  .checkout .payment-box-actions, .checkout .checkout__payment-box-actions {
    margin: 20px -30px 0px -30px;
    padding: 20px 30px 0 30px; }
    .checkout .payment-box-actions:after, .checkout .checkout__payment-box-actions:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
  .checkout .credit-card-payment-box .payment-box-sections {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
    @media (min-width: 661px) {
      .checkout .credit-card-payment-box .payment-box-sections {
        box-shadow: none; } }
  .checkout .credit-card-payment-box .payment-box-section {
    cursor: pointer;
    border-bottom: 1px solid #e9eff3; }
    .checkout .credit-card-payment-box .payment-box-section:first-of-type {
      border-top: 1px solid #e9eff3; }
    .checkout .credit-card-payment-box .payment-box-section.selected {
      cursor: default; }
  .checkout .credit-card-payment-box .payment-box-section-inner {
    border-left: 1px solid #e9eff3;
    padding-left: 2px;
    position: relative;
    border-right: 1px solid #e9eff3;
    min-height: 50px; }
  .checkout .credit-card-payment-box .payment-box-section.selected .payment-box-section-inner {
    background-color: #fafdf6;
    padding-left: 0; }
  .checkout .credit-card-payment-box .payment-box-section.selected:not(.no-stored-cards) .payment-box-section-inner {
    border-left: 3px solid #4ab866; }
  .checkout .credit-card-payment-box .payment-box-section.selected:not(.no-stored-cards) .new-card-fields {
    background-color: #fafdf6; }
  .checkout .credit-card-payment-box .no-stored-cards .new-card-fields > .checkout-field:first-child {
    margin-top: 0; }
  .checkout .credit-card-payment-box .payment-box-section .new-card-toggle {
    box-shadow: none;
    cursor: pointer;
    font-size: 13px;
    position: absolute; }
  .checkout .credit-card-payment-box .payment-box-section .new-card-fields {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    padding: 0 15px 0 12px;
    position: relative;
    transition: all 0.5s ease-in-out; }
  .checkout .credit-card-payment-box .payment-box-section.selected .new-card-fields {
    max-height: 500px;
    margin-bottom: 0;
    padding-top: 15px; }
  .checkout .credit-card-payment-box .new-card-toggle {
    color: #0087be;
    padding: 15px 15px 15px 12px;
    border: 0;
    background: transparent; }
  .checkout .credit-card-payment-box .checkout__new-card-header {
    color: #00aadc;
    font-weight: 400;
    margin-bottom: 15px; }
  .checkout .credit-card-payment-box .all-fields-required {
    color: #a8bece;
    display: block;
    font-size: 12px;
    font-style: italic; }
    @media (min-width: 661px) {
      .checkout .credit-card-payment-box .all-fields-required {
        top: 7px; } }
    .checkout .credit-card-payment-box .all-fields-required.has-saved-cards {
      top: 18px; }
      @media (min-width: 661px) {
        .checkout .credit-card-payment-box .all-fields-required.has-saved-cards {
          position: absolute;
          right: 18px; } }
  .checkout .checkout__summary-toggle {
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-align: center; }
    @media (min-width: 661px) {
      .checkout .checkout__summary-toggle {
        display: none; } }
  .checkout .paypal-payment-box .payment-box-section, .checkout .paypal-payment-box .checkout__payment-box-section,
  .checkout .credits-payment-box .payment-box-section,
  .checkout .credits-payment-box .checkout__payment-box-section {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
    @media (min-width: 661px) {
      .checkout .paypal-payment-box .payment-box-section, .checkout .paypal-payment-box .checkout__payment-box-section,
      .checkout .credits-payment-box .payment-box-section,
      .checkout .credits-payment-box .checkout__payment-box-section {
        border: 1px solid #e9eff3;
        box-shadow: none; } }
  .checkout .paypal-payment-box .payment-box-section, .checkout .paypal-payment-box .checkout__payment-box-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 15px;
    padding-right: 15px; }
  .checkout .paypal-payment-box .country,
  .checkout .paypal-payment-box .postal-code {
    margin-left: 15px; }
  .checkout .paypal-payment-box .country {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .checkout .paypal-payment-box .country label {
      display: none; }
  .checkout .paypal-payment-box .postal-code {
    -ms-flex-preferred-size: 8em;
        flex-basis: 8em;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 15px; }
    .checkout .paypal-payment-box .postal-code label {
      display: none; }
  .checkout .credits-payment-box .payment-box-section {
    box-sizing: border-box;
    min-height: 91px;
    padding: 20px 20px 20px 80px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .checkout .credits-payment-box .payment-box-section::before {
      color: #00aadc;
      left: 10px;
      position: absolute;
      font-size: 60px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none; }
      @media (min-width: 661px) {
        .checkout .credits-payment-box .payment-box-section::before {
          left: 20px; } }
    .checkout .credits-payment-box .payment-box-section > h6 {
      color: #00aadc;
      font-size: 18px; }
    .checkout .credits-payment-box .payment-box-section > span {
      color: #668eaa;
      font-size: 15px; }
    @media (min-width: 661px) {
      .checkout .credits-payment-box .payment-box-section {
        padding-left: 100px; } }
  .checkout .supporting-text {
    border-top: 1px solid #c8d7e1;
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 15px 0; }
    .checkout .supporting-text:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
    @media (min-width: 661px) {
      .checkout .supporting-text {
        border-bottom: 1px solid #c8d7e1;
        margin: 30px 0; } }
    .checkout .supporting-text li {
      color: #a8bece;
      text-align: center; }
      @media (min-width: 661px) {
        .checkout .supporting-text li {
          float: left;
          margin: 0 5%;
          width: 40%; } }
      @media (max-width: 660px) {
        .checkout .supporting-text li {
          margin: 0;
          padding: 15px; } }
      .checkout .supporting-text li h6 {
        color: #4f748e;
        font-size: 14px;
        font-weight: 600; }
      .checkout .supporting-text li p {
        font-size: 12px;
        font-weight: 100;
        margin: 10px 0 0 0; }
  .checkout .credit-card-supporting-text__refund-link {
    white-space: nowrap;
    color: #a8bece;
    text-decoration: underline; }
  .checkout .domain-details .first-name {
    margin-top: 0; }
  @media (min-width: 661px) {
    .checkout .domain-details .last-name {
      margin-top: 0; }
    .checkout .domain-details .form__hidden-input a,
    .checkout .domain-details .checkout-field {
      float: left;
      width: 100%; }
    .checkout .domain-details .last-name,
    .checkout .domain-details .phone,
    .checkout .domain-details .postal-code {
      float: right; }
    .checkout .domain-details .email,
    .checkout .domain-details .first-name,
    .checkout .domain-details .last-name,
    .checkout .domain-details .phone {
      width: calc( 50% - 7px); }
    .checkout .domain-details .city,
    .checkout .domain-details .postal-code,
    .checkout .domain-details .state {
      width: calc( 33% - 8px); }
    .checkout .domain-details .state {
      margin-left: 14px; }
      .checkout .domain-details .state label + select {
        min-width: inherit; }
    .checkout .domain-details.only-google-apps-details .country {
      width: 66%; } }
  .checkout .domain-details .form__hidden-input a {
    display: block;
    font-size: 12px;
    margin-top: 5px; }

.privacy-protection {
  background-color: #f3f6f8;
  float: left;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 10px; }
  @media (min-width: 661px) {
    .privacy-protection {
      box-sizing: border-box;
      padding: 15px;
      width: 100%; }
      .privacy-protection section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .privacy-protection h6 {
    font-size: 16px;
    font-weight: 600; }
  .privacy-protection label {
    background-color: white;
    border: 3px solid white;
    border-radius: 3px;
    display: block;
    margin-top: 10px;
    padding: 12px;
    transition: all 0.3s ease-in-out; }
    .privacy-protection label.selected {
      border-color: #00AADC; }
    @media (min-width: 661px) {
      .privacy-protection label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 15px;
        width: 50%; }
        .privacy-protection label:last-child {
          margin-left: 15px; } }
  .privacy-protection strong {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 130%; }
  .privacy-protection p {
    color: #7096af;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 5px; }
  .privacy-protection input {
    display: none; }
  .privacy-protection button {
    margin-top: 10px;
    white-space: normal;
    width: 100%; }

@media (min-width: 661px) {
  .pay-button, .checkout__pay-button {
    float: left; } }

.credit-card-payment-box__switch-link {
  color: #33bbe3;
  font-style: italic;
  font-weight: 800;
  line-height: 40px;
  display: block;
  clear: both;
  font-size: 12px;
  padding-bottom: 5px; }
  .credit-card-payment-box__switch-link img {
    margin-left: 8px; }
  @media (max-width: 660px) {
    .credit-card-payment-box__switch-link {
      border-bottom: 1px solid #e9eff3;
      margin: 10px 0 0 0;
      text-align: center; } }
  @media (min-width: 961px) {
    .credit-card-payment-box__switch-link {
      float: right;
      clear: none; } }

@media (min-width: 961px) {
  .credit-card-payment-box__switch-link-left {
    float: left;
    padding-left: 20px; } }

@media (min-width: 661px) {
  .payment-box__payment-buttons-test {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.checkout__secure-payment {
  margin-top: 10px;
  color: #a8bece; }
  @media (min-width: 661px) {
    .checkout__secure-payment {
      margin-left: 10px;
      margin-top: 0;
      display: inline-block; } }

.checkout__secure-payment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 661px) {
    .checkout__secure-payment-content {
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left; } }

.checkout__payment-chat-button-icon {
  color: #0087be;
  margin-right: 5px; }

@media (max-width: 660px) {
  .checkout__payment-chat-button {
    width: 100%;
    text-align: center; } }

@media (min-width: 961px) {
  .checkout__payment-chat-button {
    float: right; } }

@media (min-width: 661px) {
  .credits-payment-box .checkout__payment-chat-button {
    float: right; } }

.checkout__domain-details-form-submit-button {
  clear: both; }

.checkout__privacy-protection-price-text {
  color: #87a6bc;
  margin: 4px 0 0 0;
  font-size: 15px; }
  .checkout__privacy-protection-price-text span.free-with-plan {
    text-decoration: line-through; }

.checkout__privacy-protection-free-text {
  color: #4ab866;
  padding-left: 8px; }

.credit-card-payment-box__progress-bar {
  color: #87a6bc;
  font-size: 12px;
  padding-bottom: 1em;
  text-align: center; }

.checkout__privacy-protection-radio.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.checkout__privacy-protection-radio-buttons {
  margin-top: 20px; }

.checkout__privacy-protection-radio-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .checkout__privacy-protection-radio-button:last-child {
    margin-bottom: 0; }

.checkout__privacy-protection-radio-text {
  font-weight: normal;
  margin: 0 0 0 10px; }
  .checkout__privacy-protection-radio-text span.free-with-plan {
    text-decoration: line-through; }

.checkout__privacy-protection-radio-text-description {
  color: #4f748e; }

.checkout__privacy-protection-radio-price-text {
  color: #0087be;
  margin: 4px 0 0 10px;
  font-size: 15px; }

.checkout__alternative-payment-methods {
  float: right; }

.checkout__payment-box-container .checkout__payment-box-title {
  padding: 20px 16px 14px 20px;
  font-weight: bold;
  display: none; }

.checkout__payment-box-container .select-dropdown__option:first-child {
  display: none; }

.checkout__payment-box-container .select-dropdown__option .is-selected {
  background-color: #f3f6f8;
  color: #2e4453; }

.checkout__payment-box-container div.section-nav {
  margin-bottom: 0; }
  .checkout__payment-box-container div.section-nav .section-nav-tabs__list > span {
    font-weight: bold; }
  .checkout__payment-box-container div.section-nav .section-nav-tab__link {
    color: #0087be;
    font-weight: bold; }
  .checkout__payment-box-container div.section-nav .section-nav-tab.is-selected {
    border-bottom-color: #0087be; }
    .checkout__payment-box-container div.section-nav .section-nav-tab.is-selected .section-nav-tab__link {
      color: #0087be;
      background-color: #f3f6f8; }
  .checkout__payment-box-container div.section-nav .select-dropdown__container {
    max-width: 500px; }
    .checkout__payment-box-container div.section-nav .select-dropdown__container .select-dropdown__option {
      height: 50px; }
      .checkout__payment-box-container div.section-nav .select-dropdown__container .select-dropdown__option .select-dropdown__item {
        height: 50px; }

.checkout__payment-box-container .checkout__provider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.checkout__payment-box-container .checkout__paypal {
  width: 80px; }

.checkout__payment-box-container .checkout__credit-card {
  margin-right: 5px; }

.checkout__payment-box-container .select-dropdown__item-text {
  top: 4px;
  font-weight: bold; }
  .checkout__payment-box-container .select-dropdown__item-text img {
    vertical-align: middle; }

@media (min-width: 481px) {
  .checkout__payment-box-container div.section-nav .section-nav-tabs__list .checkout__payment-box-title {
    display: block; }
  .checkout__payment-box-container div.section-nav .section-nav-tab.is-selected .section-nav-tab__link {
    color: #0087be;
    background-color: transparent; } }

@media (max-width: 480px) {
  .checkout__payment-box-container .is-open .section-nav__panel {
    padding-bottom: 0; }
  .checkout__payment-box-container .section-nav-group {
    margin-top: 0; } }

.subscription-text {
  color: #87a6bc;
  font-size: 14px;
  font-style: italic;
  font-weight: 200;
  line-height: 40px;
  margin: 0 0 0 10px;
  white-space: nowrap; }
  @media (max-width: 660px) {
    .subscription-text {
      display: block;
      text-align: center; } }

.checkout-thank-you {
  box-sizing: border-box;
  position: static;
  text-align: center;
  width: 100%; }
  @media (max-width: 660px) {
    .checkout-thank-you {
      background: transparent;
      padding: 14px; } }
  .checkout-thank-you.main {
    max-width: 960px; }

.checkout-thank-you__content {
  padding: 0; }

.checkout-thank-you__domain-registration-details-compact .purchase-detail {
  border-radius: 0;
  margin: 0 auto; }
  .checkout-thank-you__domain-registration-details-compact .purchase-detail .purchase-detail__required-notice {
    display: none; }
  .checkout-thank-you__domain-registration-details-compact .purchase-detail:first-child {
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    margin-top: 16px; }
    .checkout-thank-you__domain-registration-details-compact .purchase-detail:first-child .purchase-detail__required-notice {
      display: block; }
  .checkout-thank-you__domain-registration-details-compact .purchase-detail:last-child {
    border-bottom: 1px solid #e9eff3;
    border-radius: 0 0 3px 3px; }

.checkout-thank-you__domain-mapping-details .purchase-detail__icon, .checkout-thank-you__failed-purchases-details .purchase-detail__icon {
  top: 30%; }

.checkout-thank-you__domain-mapping-details .purchase-detail__text, .checkout-thank-you__failed-purchases-details .purchase-detail__text {
  text-align: left; }

.checkout-thank-you__domain-mapping-details-nameservers, .checkout-thank-you__failed-purchases-details-list {
  border-left: solid 5px #d9e3ea;
  list-style: none;
  margin-left: 0;
  padding-left: 15px;
  text-align: left; }

.checkout-thank-you__features-header {
  color: #4f748e;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  margin: 48px 48px 24px 48px; }
  @media (min-width: 661px) {
    .checkout-thank-you__features-header {
      box-shadow: none;
      margin-bottom: 0; } }
  .checkout-thank-you__features-header.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    margin-left: auto;
    margin-right: auto;
    width: 20%; }
    .checkout-thank-you__features-header.is-placeholder:after {
      content: '\00a0'; }

.checkout-thank-you__purchase-details-list {
  text-align: center; }
  @media (min-width: 661px) {
    .checkout-thank-you__purchase-details-list {
      margin: 0 24px;
      padding-bottom: 48px; } }

.checkout-thank-you__header {
  position: relative;
  color: #537994;
  padding: 12px 24px 48px;
  text-align: center; }
  @media (min-width: 661px) {
    .checkout-thank-you__header {
      padding-bottom: 72px; } }

.checkout-thank-you__header::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 1px solid #fff; }

.checkout-thank-you__header-content {
  margin: 0 auto;
  max-width: 700px; }

.checkout-thank-you__header-icon {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 132px;
  height: 132px; }

.checkout-thank-you__header-copy {
  width: 100%; }

.checkout-thank-you__header-heading,
.checkout-thank-you__header-text {
  clear: none; }

.checkout-thank-you__header-button {
  margin: 2em 0; }

.checkout-thank-you__header-heading {
  font-size: 24px;
  font-weight: 400;
  margin: 24px 0 8px 0; }

.checkout-thank-you__header-text {
  font-size: 18px;
  font-weight: 300; }

@media (max-width: 660px) {
  .checkout-thank-you__header.is-placeholder {
    padding-top: 170px; } }

@media (min-width: 661px) {
  .checkout-thank-you__header.is-placeholder {
    padding-left: 190px; } }

.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-icon {
  display: none; }

.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-heading,
.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: block; }
  .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-heading:after,
  .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text:after {
    content: '\00a0'; }
  @media (max-width: 660px) {
    .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-heading,
    .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text {
      margin: 0 auto; } }

.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-heading {
  width: 50%; }

.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text {
  line-height: 2em;
  margin-bottom: 8px;
  margin-top: 15px;
  width: 90%; }
  @media (min-width: 661px) {
    .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text {
      margin-bottom: 18px;
      margin-top: 18px; } }

.checkout-thank-you__footer {
  font-size: 16px;
  padding: 32px 20px;
  text-align: left; }
  @media (min-width: 661px) {
    .checkout-thank-you__footer {
      padding: 60px 24px; } }
  .checkout-thank-you__footer .happiness-support {
    margin-left: auto;
    margin-right: auto;
    max-width: 634px; }

.checkout-thank-you__verification-notice {
  width: 100%;
  max-width: 500px;
  text-align: left;
  margin: 0 auto; }

.checkout-thank-you__verification-notice-email {
  word-break: break-word; }

.checkout-thank-you__jetpack {
  max-width: 500px;
  margin: 0 auto; }
  .checkout-thank-you__jetpack.is-errored .thank-you-card__description {
    margin-bottom: 0; }

.checkout-thank-you__jetpack-plugins {
  margin: 0 auto; }

.checkout-thank-you__jetpack-features {
  display: inline-block;
  margin: 0 auto; }

.checkout-thank-you__jetpack-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px; }
  .checkout-thank-you__jetpack-feature.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .checkout-thank-you__jetpack-feature.is-placeholder:after {
      content: '\00a0'; }

.checkout-thank-you__jetpack-feature-status-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  width: 18px; }

.checkout-thank-you__jetpack-feature-status-text {
  font-size: 16px;
  text-align: left; }

.checkout-thank-you__jetpack-feature.with-error .checkout-thank-you__jetpack-feature-status-text {
  color: #537994; }

.checkout-thank-you__jetpack-feature-status-icon .spinner,
.checkout-thank-you__jetpack-feature-status-icon .spinner__image {
  display: inline; }

.checkout-thank-you__jetpack-feature-status-icon .gridicons-notice-outline {
  color: #d94f4f; }

.checkout-thank-you__jetpack.is-personal-plan .checkout-thank-you__jetpack-feature-status-icon .gridicons-checkmark {
  color: #f0b849; }

.checkout-thank-you__jetpack.is-premium-plan .checkout-thank-you__jetpack-feature-status-icon .gridicons-checkmark {
  color: #4ab866; }

.checkout-thank-you__jetpack.is-business-plan .checkout-thank-you__jetpack-feature-status-icon .gridicons-checkmark {
  color: #855DA6; }

.checkout-thank-you__jetpack .button.thank-you-card__button {
  font-weight: inherit; }

.checkout-thank-you__jetpack-error-card {
  text-align: left; }

.checkout-thank-you__jetpack-error-heading {
  font-size: 21px;
  font-weight: 300;
  line-height: 32px;
  margin-top: 0; }

.checkout-thank-you__jetpack-error-explanation {
  color: #537994;
  font-size: 14px;
  font-style: italic;
  font-weight: 400; }

.checkout-thank-you__jetpack-description-in-actions a {
  color: inherit;
  text-decoration: underline; }

.checkout-thank-you__jetpack-action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.checkout-thank-you__jetpack .thank-you-card__action .button {
  max-width: 45%; }

.google-voucher-code {
  margin-top: 12px;
  padding-bottom: 12px;
  border-bottom: solid 1px #f3f6f8; }

.google-voucher-code__help-link {
  color: #00aadc;
  text-decoration: underline; }

.google-voucher-advice {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%; }

.button.google-voucher-code__setup-google-adwords:not(.is-compact) {
  margin-top: 16px; }
  @media (min-width: 661px) {
    .button.google-voucher-code__setup-google-adwords:not(.is-compact) {
      text-align: center; } }

.dialog.card.google-voucher-dialog {
  max-width: 530px;
  font-size: 13px;
  overflow: hidden; }
  .dialog.card.google-voucher-dialog ol {
    list-style-position: inside;
    margin: 0; }
    @media (min-width: 661px) {
      .dialog.card.google-voucher-dialog ol {
        list-style-position: outside;
        margin: 0 3em 1.5em; } }

.google-voucher-dialog__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -24px -24px 0;
  padding: 20px 24px 24px;
  background-color: #fbfcfd;
  height: 116px;
  box-shadow: 0 1px 0 0 #c8d7e1, 0 1px 0 white; }

.google-voucher-dialog__header__image {
  width: 30.91286%;
  margin-right: 20px; }

.google-voucher-dialog__header__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.google-voucher-dialog__body {
  overflow-y: auto;
  height: 320px;
  padding-top: 10px;
  padding-bottom: 10px; }

.google-voucher-dialog__footer {
  box-shadow: 0 -1px 2px #c8d7e1;
  margin-top: 15px;
  text-align: right;
  padding: 15px;
  margin: 0px -25px -25px; }

.google-vouchers-dialog__cancel-button {
  margin-right: 10px; }

li.google-voucher__terms-and-conditions {
  line-height: 1.6em;
  color: #a8bece;
  margin-bottom: 15px; }

.google-voucher__initial-step .purchase-detail__info {
  margin-top: 16px;
  display: block; }
  @media (max-width: 660px) {
    .google-voucher__initial-step .purchase-detail__info {
      max-width: none; } }

.domain-warnings__notice li {
  font-size: 12px;
  list-style: none;
  margin-left: 0; }

.domain-warnings__notice a {
  -ms-flex-item-align: center;
      align-self: center; }

.designated-agent-notice__container {
  color: #668eaa;
  margin: 16px 0;
  padding: 0;
  text-align: left; }
  .designated-agent-notice__container .gridicon {
    float: left; }

.designated-agent-notice__copy {
  font-size: 12px;
  font-weight: 100;
  margin-left: 24px; }

.transfer__remove-privacy-dialog {
  max-width: 480px; }

.transfer-out__section-header {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .transfer-out__section-header button {
    margin-left: 10px; }
    .transfer-out__section-header button:first-of-type {
      margin-left: 0; }

.transfer__action-button {
  float: right;
  margin-right: 10px; }
  .transfer__action-button:first-of-type {
    margin-right: 0; }

.transfer-card p {
  color: #4f748e; }

.transfer__small-text {
  font-size: 12px; }

.transfer-to-other-user__select {
  margin-top: 20px;
  width: 100%; }
  @media (min-width: 481px) {
    .transfer-to-other-user__select {
      width: 300px; } }

.domain-search__content {
  overflow: visible;
  padding: 0 0 20px 0;
  position: static; }

.domain-search-page-wrapper h2 {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  margin: 0 0 10px 0; }

.domain-search-page-wrapper h3 {
  color: #2e4453;
  font-size: 15px;
  word-wrap: break-word; }
  @media (min-width: 661px) {
    .domain-search-page-wrapper h3 {
      font-size: 17px; } }

.site-redirect-step {
  padding: 0; }
  .site-redirect-step fieldset {
    clear: left; }
  .site-redirect-step form.map-domain-step__form {
    padding: 20px;
    margin-bottom: 9px; }
  .site-redirect-step p {
    color: #2e4453;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    opacity: 0.7; }
  .site-redirect-step .domain-product-price {
    float: left;
    margin-bottom: 20px;
    min-width: 0; }
    @media (min-width: 961px) {
      .site-redirect-step .domain-product-price {
        float: right;
        margin-top: -5px;
        margin-bottom: 0; } }

.site-redirect-step__domain-description {
  word-break: break-word; }
  @media (min-width: 961px) {
    .site-redirect-step__domain-description {
      max-width: 75%;
      float: left;
      margin-bottom: 20px; } }

@media (min-width: 661px) {
  input.site-redirect-step__external-domain {
    float: left;
    width: calc( 100% - 90px); } }

.site-redirect-step__go {
  margin: 10px 0 0 0;
  width: 100%; }
  @media (min-width: 661px) {
    .site-redirect-step__go {
      float: right;
      margin: 0;
      width: 80px; } }

.resume-editing {
  margin: 0 16px;
  opacity: 0.8;
  text-align: right;
  text-decoration: none;
  transition: opacity 150ms; }
  .resume-editing:hover {
    opacity: 1; }
  .resume-editing.is-requesting {
    display: none; }
  @media (max-width: 660px) {
    .resume-editing {
      display: none; } }
  .resume-editing .site-icon {
    display: inline-block;
    margin-right: 8px;
    vertical-align: bottom; }
    .resume-editing .site-icon svg {
      position: relative;
      top: 1px; }

.resume-editing__label {
  color: white;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.7;
  text-transform: uppercase; }

.resume-editing__post-title {
  position: relative;
  overflow: hidden;
  color: white;
  display: block;
  max-width: 25vw;
  white-space: nowrap;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 1.1; }
  .resume-editing__post-title::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(0, 135, 190, 0), #0087be 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 24px;
    height: auto;
    left: 25vw;
    right: auto;
    margin-left: -24px; }

.module-content-list {
  padding: 0;
  margin: 0 0 .5em;
  list-style-type: none; }
  .stats-module.is-loading .module-content-list,
  .stats-module.has-no-data .module-content-list,
  .stats-module.is-showing-error .module-content-list {
    display: none; }
  .stats-module.is-loading .module-content-list-legend {
    display: block; }

.module-content-list-item {
  font-size: 14px;
  line-height: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0); }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item {
      font-size: 12px;
      line-height: 28px; } }
  @media (max-width: 480px) {
    .module-content-list-item {
      line-height: 48px;
      border-top: 1px solid #f3f6f8; }
      .module-content-list-item:first-child {
        border-top-color: rgba(255, 255, 255, 0); }
      .module-content-list-sublist .module-content-list-item {
        border-top-color: #f3f6f8; } }
  .module-content-list-item.disabled .module-content-list-item-label,
  .module-content-list-item.disabled .module-content-list-item-value {
    opacity: .15;
    transition: opacity .3s ease .15s; }
  .module-content-list-item.disabled .module-content-list-item-right:before {
    display: none; }
  .module-content-list-item.disabled .module-content-list-item-actions {
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s ease .15s;
    position: relative;
    right: -20px; }

.module-content-list-item-wrapper {
  background: white;
  display: block;
  line-height: inherit;
  clear: both;
  padding: 0 24px; }
  .module-content-list-item-wrapper span {
    font-size: 14px;
    line-height: inherit; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-wrapper {
      line-height: 28px; }
      .stats__module-list .module-content-list-item-wrapper span {
        font-size: 12px;
        line-height: inherit; } }
  .module-content-list-item.published .module-content-list-item-wrapper {
    box-shadow: inset 4px 0 0 #f0821e; }

@media (min-width: 481px) {
  .module-content-list .module-content-list-item-wrapper:hover,
  .module-content-list .module-content-list-item-wrapper:hover .module-content-list-item-right,
  .module-content-list-item-link .module-content-list-item-wrapper:hover,
  .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-right {
    background-color: #f3f6f8; }
  .module-content-list .module-content-list-item-wrapper:hover .module-content-list-item-right::before,
  .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-right::before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }
  .module-content-list .module-content-list-item-wrapper:hover .module-content-list-item-action-hidden,
  .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-action-hidden {
    display: inline-block; }
  .module-content-list.module-content-list-legend .module-content-list-item-wrapper:hover,
  .module-content-list.module-content-list-legend .module-content-list-item-wrapper:hover .module-content-list-item-right,
  .module-content-list.module-content-list-legend .module-content-list-item-wrapper:hover .module-content-list-item-right::before {
    background: none; } }

.module-content-list-item .module-content-list-item-wrapper:focus,
.module-content-list-item .module-content-list-item-wrapper:focus .module-content-list-item-right {
  background-color: #f3f6f8; }

.module-content-list-item .module-content-list-item-wrapper:focus .module-content-list-item-right::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }

.module-content-list-item .module-content-list-item-wrapper:focus .module-content-list-item-action-hidden {
  display: inline-block; }

@media (min-width: 481px) {
  .module-content-list > .module-content-list-item-toggle > .module-content-list-item-wrapper:hover .module-content-list-item-label::before {
    color: #33bbe3; } }

.module-content-list > .module-content-list-item-toggle > .module-content-list-item-wrapper:focus .module-content-list-item-label::before {
  color: #33bbe3; }

.module-content-list-item-label {
  display: block;
  overflow: hidden;
  word-break: break-all;
  height: 40px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-label {
      height: 28px; } }
  @media (max-width: 480px) {
    .module-content-list-item-label {
      height: 48px; } }
  .module-content-list-item-label .icon,
  .module-content-list-item-label .gridicon {
    margin-right: 8px; }
  .module-content-list-item-label .stats-list__flag-icon {
    position: relative;
    display: inline-block;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 24px;
    height: 18px;
    top: 3px;
    margin-right: 8px; }
  .module-content-list-item-label .icon {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    vertical-align: middle;
    min-width: 24px;
    line-height: inherit; }
    .module-content-list-item-label .icon img {
      display: block;
      background: white;
      position: relative;
      width: 20px;
      height: 20px; }
    .followers .module-content-list-item-label .icon,
    .top-authors .module-content-list-item-label .icon,
    .stats__author-views .module-content-list-item-label .icon {
      background: none; }
      .followers .module-content-list-item-label .icon::before,
      .top-authors .module-content-list-item-label .icon::before,
      .stats__author-views .module-content-list-item-label .icon::before {
        content: none; }
  .module-content-list-item-label .gridicon {
    vertical-align: middle; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-label .icon {
      font-size: 20px;
      line-height: 1.3; }
    .stats__module-list .module-content-list-item-label .gridicon {
      width: 18px;
      height: 18px; } }
  .module-content-list-item-label .avatar {
    width: 24px;
    height: 24px; }
  .module-content-list-item-label .avatar-user {
    border-radius: 12px; }
  .user-selectable .module-content-list-item-label {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  .module-content-list-item-label .module-content-list-item-label-section {
    margin-right: 11px;
    padding-right: 12px;
    border-right: 1px solid #f3f6f8; }
    .module-content-list-item-label .module-content-list-item-label-section:last-child {
      margin: 0;
      padding: 0;
      border: none; }

.module-content-list-item-right {
  position: relative;
  float: right;
  background: white;
  margin-left: -48px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-right {
      height: 28px; } }
  @media (max-width: 480px) {
    .module-content-list-item-right {
      height: 48px; } }
  .module-content-list-item-right::before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%);
    position: absolute;
    z-index: 1;
    left: -48px;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 48px; }

.module-content-list-item-value {
  display: inline-block;
  text-align: right;
  min-width: 44px; }
  .followers .module-content-list-item-value {
    min-width: 60px; }

ul.module-content-list-item-actions {
  display: inline-block;
  margin: 0 .5em 0 0; }
  ul.module-content-list-item-actions.collapsed {
    display: none;
    background: white;
    float: none;
    line-height: 46px;
    min-width: 220px;
    overflow: visible;
    padding: 0;
    position: absolute;
    width: auto;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
    background: #f3f6f8;
    display: none;
    z-index: 3;
    margin: 0;
    top: 30px;
    right: auto;
    left: -172px; }
    ul.module-content-list-item-actions.collapsed:after {
      border: 6px solid transparent;
      border-bottom-color: white;
      content: ' ';
      height: 0;
      position: absolute;
      top: -12px;
      left: 73px;
      width: 0; }
    ul.module-content-list-item-actions.collapsed li {
      display: block;
      float: none; }
      ul.module-content-list-item-actions.collapsed li a,
      ul.module-content-list-item-actions.collapsed li a.selected {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #0087be;
        display: block;
        float: none;
        height: auto;
        margin: 0;
        padding: 0 14px;
        text-align: left; }
        ul.module-content-list-item-actions.collapsed li a:hover,
        ul.module-content-list-item-actions.collapsed li a.selected:hover {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          background: none;
          color: #33bbe3;
          box-shadow: none; }
      ul.module-content-list-item-actions.collapsed li a.selected {
        color: #2e4453; }
      ul.module-content-list-item-actions.collapsed li:last-child a {
        border-bottom: none; }
    .module-content-list-item-right.is-expanded ul.module-content-list-item-actions.collapsed {
      display: inline-block; }
    ul.module-content-list-item-actions.collapsed::after {
      border-bottom-color: #f3f6f8;
      right: 18px;
      left: auto; }
    ul.module-content-list-item-actions.collapsed .module-content-list-item-action-wrapper,
    ul.module-content-list-item-actions.collapsed ul.module-content-list-item-action-submenu {
      display: block;
      text-align: left; }
    .module-content-list-item-toggle.is-expanded ul.module-content-list-item-actions.collapsed {
      background-color: white; }
      .module-content-list-item-toggle.is-expanded ul.module-content-list-item-actions.collapsed::after {
        border-bottom-color: white; }
  @media (max-width: 480px) {
    ul.module-content-list-item-actions {
      display: none;
      background: white;
      float: none;
      line-height: 46px;
      min-width: 220px;
      overflow: visible;
      padding: 0;
      position: absolute;
      width: auto;
      z-index: 1;
      box-sizing: border-box;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
      background: #f3f6f8;
      display: none;
      z-index: 2;
      margin: 0;
      top: 46px;
      right: auto;
      left: -172px; }
      ul.module-content-list-item-actions:after {
        border: 6px solid transparent;
        border-bottom-color: white;
        content: ' ';
        height: 0;
        position: absolute;
        top: -12px;
        left: 73px;
        width: 0; }
      ul.module-content-list-item-actions li {
        display: block;
        float: none; }
        ul.module-content-list-item-actions li a,
        ul.module-content-list-item-actions li a.selected {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          color: #0087be;
          display: block;
          float: none;
          height: auto;
          margin: 0;
          padding: 0 14px;
          text-align: left; }
          ul.module-content-list-item-actions li a:hover,
          ul.module-content-list-item-actions li a.selected:hover {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            background: none;
            color: #33bbe3;
            box-shadow: none; }
        ul.module-content-list-item-actions li a.selected {
          color: #2e4453; }
        ul.module-content-list-item-actions li:last-child a {
          border-bottom: none; }
      .module-content-list-item-right.is-expanded ul.module-content-list-item-actions {
        display: inline-block; }
      ul.module-content-list-item-actions::after {
        border-bottom-color: #f3f6f8;
        right: 18px;
        left: auto; }
      ul.module-content-list-item-actions .module-content-list-item-action-wrapper,
      ul.module-content-list-item-actions ul.module-content-list-item-action-submenu {
        display: block;
        text-align: left; }
      .module-content-list-item-toggle.is-expanded ul.module-content-list-item-actions {
        background-color: white; }
        .module-content-list-item-toggle.is-expanded ul.module-content-list-item-actions::after {
          border-bottom-color: white; } }

.module-content-list-item-actions-toggle {
  display: none;
  min-width: 24px;
  padding: 0 12px;
  height: 40px;
  line-height: inherit; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-actions-toggle {
      height: 28px; } }
  .module-content-list-item-actions-toggle .gridicon {
    vertical-align: middle; }
  @media (max-width: 480px) {
    .module-content-list-item-actions-toggle {
      display: inline-block;
      height: 48px; } }
  .module-content-list-item-actions-toggle.show {
    display: inline-block;
    height: 30px; }

ul.module-content-list-item-action-submenu {
  display: inline-block;
  list-style: none;
  margin: 0; }
  @media (min-width: 481px) {
    ul.module-content-list-item-action-submenu {
      display: none;
      background: white;
      float: none;
      line-height: 46px;
      min-width: 220px;
      overflow: visible;
      padding: 0;
      position: absolute;
      width: auto;
      z-index: 1;
      box-sizing: border-box;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
      display: none;
      z-index: 2;
      margin: 0;
      top: 32px;
      right: -20px; }
      ul.module-content-list-item-action-submenu:after {
        border: 6px solid transparent;
        border-bottom-color: white;
        content: ' ';
        height: 0;
        position: absolute;
        top: -12px;
        left: 73px;
        width: 0; }
      ul.module-content-list-item-action-submenu li {
        display: block;
        float: none; }
        ul.module-content-list-item-action-submenu li a,
        ul.module-content-list-item-action-submenu li a.selected {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          color: #0087be;
          display: block;
          float: none;
          height: auto;
          margin: 0;
          padding: 0 14px;
          text-align: left; }
          ul.module-content-list-item-action-submenu li a:hover,
          ul.module-content-list-item-action-submenu li a.selected:hover {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            background: none;
            color: #33bbe3;
            box-shadow: none; }
        ul.module-content-list-item-action-submenu li a.selected {
          color: #2e4453; }
        ul.module-content-list-item-action-submenu li:last-child a {
          border-bottom: none; }
      .module-content-list-item-action.hidden-action.is-expanded ul.module-content-list-item-action-submenu {
        display: inline-block; }
      ul.module-content-list-item-action-submenu::after {
        right: 24px;
        left: auto; }
      ul.module-content-list-item-action-submenu .module-content-list-item-action-wrapper {
        display: block;
        text-align: left; } }

.module-content-list-item-action {
  display: inline-block;
  margin: 0 1em 0 0; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-action {
      margin: 0; } }
  @media (max-width: 480px) {
    .module-content-list-item-action {
      margin-right: 0; } }
  .module-content-list-item-action .module-content-list-item-action-wrapper {
    display: inline-block;
    text-align: center;
    margin: 0;
    line-height: inherit; }
    @media (max-width: 480px) {
      .module-content-list-item-action .module-content-list-item-action-wrapper {
        min-width: 24px;
        padding: 0 12px; }
        .module-content-list-item-action .module-content-list-item-action-wrapper.toggle {
          display: none; } }
    .module-content-list-item-action .module-content-list-item-action-wrapper .module-content-list-item-action-label.unfollow {
      display: none; }
    @media (min-width: 961px) {
      .stats__module-list .module-content-list-item-action .module-content-list-item-action-wrapper span.module-content-list-item-action-label-view {
        display: none; } }
  .module-content-list-item-action .module-content-list-item-action-wrapper.following .module-content-list-item-action-label {
    color: #4ab866; }
  .module-content-list-item-action .module-content-list-item-action-wrapper.following:focus .module-content-list-item-action-label,
  .module-content-list-item-action .module-content-list-item-action-wrapper.following:hover .module-content-list-item-action-label {
    display: none;
    color: #33bbe3; }
  .module-content-list-item-action .module-content-list-item-action-wrapper.following:focus .module-content-list-item-action-label.unfollow,
  .module-content-list-item-action .module-content-list-item-action-wrapper.following:hover .module-content-list-item-action-label.unfollow {
    display: inline-block; }
  .module-content-list-item-action .gridicon {
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px; }
    .module-content-list-item-action .gridicon.gridicons-cross {
      margin-right: 0; }
  .module-content-list-item-action .module-content-list-item-action-wrapper.spam {
    color: #d94f4f; }
    @media (min-width: 481px) {
      .module-content-list-item-action .module-content-list-item-action-wrapper.spam:hover {
        color: #e48484; } }
    .module-content-list-item-action .module-content-list-item-action-wrapper.spam:focus {
      color: #e48484; }

ul.module-content-list-legend {
  padding-top: .5em;
  margin-bottom: 0; }

.module-content-list-legend .module-content-list-item .module-content-list-item-value,
.module-content-list-legend .module-content-list-item .module-content-list-item-label {
  color: #87a6bc;
  font-weight: bold; }
  .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value, .stats-module.is-loading
  .module-content-list-legend .module-content-list-item .module-content-list-item-label {
    max-width: 60px; }

@media (max-width: 480px) {
  .module-content-list-legend .module-content-list-item .module-content-list-item-action .module-content-list-item-action-label {
    display: inline; } }

.module-content-list > .module-content-list-item-disabled {
  cursor: default; }
  .module-content-list > .module-content-list-item-disabled .module-content-list-item-value,
  .module-content-list > .module-content-list-item-disabled .module-content-list-item-label {
    color: #87a6bc; }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper {
  line-height: 48px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper {
      line-height: 28px; } }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label {
  height: 48px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label {
      height: 28px; } }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .avatar {
  font-size: 32px;
  margin-right: 10px; }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .icon {
  font-size: 32px;
  line-height: 32px;
  width: 32px;
  height: 32px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .icon {
      width: 24px;
      height: 24px; } }

@media (min-width: 961px) {
  .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .icon {
    margin-top: -2px; } }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .avatar {
  width: 32px;
  height: 32px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .avatar {
      width: 24px;
      height: 24px; } }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .avatar-user {
  border-radius: 16px; }

.module-content-list > .module-content-list-item-link {
  cursor: pointer; }
  .module-content-list > .module-content-list-item-link.disabled {
    cursor: default; }
  .module-content-list > .module-content-list-item-link .module-content-list-item-label {
    color: #0087be; }
  @media (min-width: 481px) {
    .module-content-list > .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-label {
      color: #33bbe3; } }
  .module-content-list > .module-content-list-item-link .module-content-list-item-wrapper:focus .module-content-list-item-label {
    color: #33bbe3; }

.module-content-list > .module-content-list-item-toggle {
  position: relative; }
  .module-content-list > .module-content-list-item-toggle > .module-content-list-item-wrapper .module-content-list-item-label .gridicons-chevron-down {
    vertical-align: middle;
    transition: .2s transform ease-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.module-content-list-item-toggle.is-expanded {
  border-top-color: #f3f6f8; }
  .module-content-list-item-toggle.is-expanded > .module-content-list {
    display: block; }
  .module-content-list-item-toggle.is-expanded,
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper,
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper .module-content-list-item-right {
    background: #f3f6f8; }
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper .module-content-list-item-value {
    color: #87a6bc; }
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper .module-content-list-item-right::before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper .module-content-list-item-label .gridicons-chevron-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .module-content-list-item-toggle.is-expanded > .module-content-list-item {
    border-top-color: rgba(255, 255, 255, 0); }
  @media (min-width: 481px) {
    .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper:hover,
    .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper:hover .module-content-list-item-right {
      background-color: white; }
    .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper:hover span.module-content-list-item-right::before {
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%); } }

.module-content-list-sublist {
  display: none;
  padding: 4px 0; }
  .module-content-list-sublist .module-content-list-sublist .module-content-list-item-wrapper {
    padding-left: 56px; }

.module-content-list-sublist .module-content-list-item > .module-content-list-item-wrapper .module-content-list-item-right,
.module-content-list-sublist .module-content-list-item > .module-content-list-item-wrapper {
  background: #f3f6f8; }

.module-content-list-sublist .module-content-list-item .module-content-list-item-right::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }

@media (min-width: 481px) {
  .module-content-list-sublist .module-content-list-item-link .module-content-list-item-wrapper:hover,
  .module-content-list-sublist .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-right,
  .module-content-list-sublist .module-content-list-item-normal .module-content-list-item-wrapper:hover,
  .module-content-list-sublist .module-content-list-item-normal .module-content-list-item-wrapper:hover .module-content-list-item-right {
    background-color: white; }
  .module-content-list-sublist .module-content-list-item-link .module-content-list-item-wrapper:hover span.module-content-list-item-right::before,
  .module-content-list-sublist .module-content-list-item-normal .module-content-list-item-wrapper:hover span.module-content-list-item-right::before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%); } }

.notices-list {
  overflow: hidden; }
  .notices-list.is-pinned {
    width: calc( 100% - 272px - 32px - 32px);
    z-index: 180;
    position: fixed;
    top: 79px; }
    .notices-list.is-pinned .notice {
      z-index: 180; }
    @media (max-width: 960px) {
      .notices-list.is-pinned {
        width: calc( 100% - 228px - 24px - 24px); } }
    @media (max-width: 660px) {
      .notices-list.is-pinned {
        top: 16px;
        width: calc( 100% - 16px); } }

.notices-list__whitespace {
  height: 71px;
  width: 100%;
  display: block; }

.domain-main-placeholder .domain-management-header__children {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .domain-main-placeholder .domain-management-header__children:after {
    content: '\00a0'; }
  @media (min-width: 481px) {
    .domain-main-placeholder .domain-management-header__children {
      max-width: 60%;
      margin: 0 auto; } }

.domain-main-placeholder__card p {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  margin-bottom: 0.5em; }
  .domain-main-placeholder__card p:after {
    content: '\00a0'; }
  .domain-main-placeholder__card p:first-child {
    width: 35%; }

.domain-management-form-footer,
.primary-domain__actions {
  border-top: 1px solid #f3f6f8;
  margin: 16px -16px -16px -16px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 481px) {
    .domain-management-form-footer,
    .primary-domain__actions {
      padding: 24px;
      margin: 24px -24px -24px -24px; } }
  @media (max-width: 480px) {
    .domain-management-form-footer,
    .primary-domain__actions {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .domain-management-form-footer .button,
  .primary-domain__actions .button {
    margin: 0 0 0 15px; }
    .domain-management-form-footer .button.is-primary,
    .primary-domain__actions .button.is-primary {
      margin: 0 0 15px 0; }
      @media (min-width: 481px) {
        .domain-management-form-footer .button.is-primary,
        .primary-domain__actions .button.is-primary {
          margin: 0; } }
      @media (max-width: 480px) {
        .domain-management-form-footer .button.is-primary,
        .primary-domain__actions .button.is-primary {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }
    @media (max-width: 480px) {
      .domain-management-form-footer .button,
      .primary-domain__actions .button {
        width: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }

.primary-domain__actions {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.domain-management-form-footer {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.domain-management-header__children {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.domain-management-list__notice {
  margin-bottom: 0; }

.domain-management-list-item.busy {
  background-color: #f3f6f8; }
  .domain-management-list-item.busy .domain-management-list-item__title,
  .domain-management-list-item.busy .domain-management-list-item__meta {
    color: #c8d7e1; }

.domain-management-list-item__link {
  cursor: pointer;
  display: block;
  overflow: hidden; }

.domain-management-list-item__title {
  display: block;
  color: #2e4453;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  max-width: 70%;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif; }
  @media (min-width: 481px) {
    .domain-management-list-item__title {
      font-size: 18px;
      font-weight: 700;
      max-width: none;
      white-space: normal; } }

.domain-management-list-item__meta {
  font-size: 12px;
  color: #537994;
  min-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media (min-width: 481px) {
    .domain-management-list-item__meta {
      text-transform: uppercase; } }
  .domain-management-list-item__meta .notice {
    margin: 0 0 0 8px; }

.domain-management-list-item__type {
  vertical-align: middle; }

.domain-management-list-item.is-placeholder .domain-management-list-item__link {
  cursor: default; }

.domain-management-list-item.is-placeholder .domain-management-list-item__title {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  width: 60%; }
  .domain-management-list-item.is-placeholder .domain-management-list-item__title:after {
    content: '\00a0'; }

.domain-management-list-item.is-placeholder .domain-management-list-item__type {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: inline-block;
  width: 40%; }
  .domain-management-list-item.is-placeholder .domain-management-list-item__type:after {
    content: '\00a0'; }

input[type=radio].domain-management-list-item__radio {
  margin-left: -8px;
  margin-right: 12px;
  margin-top: 19px; }

.domain-management-list-item__spinner {
  float: right;
  margin-top: 12px; }

.domain-management-list-item__busy-message {
  text-transform: uppercase;
  color: #4f748e;
  font-weight: 600;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 5px; }
  @media (min-width: 481px) {
    .domain-management-list-item__busy-message {
      float: right;
      margin-top: -11px;
      margin-right: 15px; } }

.domain-management-primary-domain .primary-domain-explanation {
  color: #537994;
  display: block;
  font-size: 13px;
  font-style: italic;
  margin: 5px 0; }

.domain-management-primary-domain .primary-domain-notice {
  background: #e9eff3;
  font-size: 13px;
  color: #2e4453; }
  .domain-management-primary-domain .primary-domain-notice::before {
    line-height: 1.5em; }

.contacts-privacy-card .settings-explanation {
  color: #537994;
  display: block;
  font-size: 13px;
  font-style: italic;
  margin: 5px 0; }

.contacts-privacy-card .notice {
  clear: both;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px; }

.contacts-privacy-card .contact-display h2 {
  background-color: #f3f6f8;
  border: 1px solid #e9eff3;
  border-bottom: 0;
  color: #87a6bc;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  margin: 16px 0 0 0;
  padding: 8px 0;
  text-transform: uppercase;
  text-align: center; }

.contacts-privacy-card .contact-display .contact-display-content {
  border: 1px solid #e9eff3;
  color: #537994;
  font-size: 12px;
  line-height: 140%;
  margin: 0;
  padding: 16px; }
  .contacts-privacy-card .contact-display .contact-display-content p {
    margin-bottom: 0; }

.edit-contact-info__pending-whois-update-card .notice {
  margin-bottom: 16px; }

.domain-details-card .flag {
  font-size: 11px;
  padding: 3px 10px 3px 5px;
  white-space: nowrap; }
  .domain-details-card .flag .noticon {
    margin-right: 5px; }
  .domain-details-card .flag.is-warning {
    cursor: pointer; }

.domain-details-card__property {
  font-size: 13px;
  margin-bottom: 10px; }
  .domain-details-card__property:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .domain-details-card__property:last-of-type {
    margin-bottom: 0; }
  .domain-details-card__property strong {
    float: left;
    width: 50%; }
  .domain-details-card__property > span {
    float: right;
    text-align: right;
    width: 50%; }

.subscription-settings {
  margin-top: 15px;
  text-decoration: none;
  text-align: center;
  width: 100%; }
  @media (min-width: 661px) {
    .subscription-settings {
      text-align: inherit;
      width: inherit; } }

.domain-management__add-a-domain {
  text-align: center; }
  .domain-management__add-a-domain a {
    color: #537994;
    display: block;
    font-size: 12px;
    padding: 20px 0;
    text-transform: uppercase; }

.edit-contact-info-privacy-enabled-card__settings-explanation {
  color: #537994;
  display: block;
  font-size: 13px;
  font-style: italic;
  margin: 5px 0; }

.edit-contact-info__form-content {
  margin-bottom: 20px;
  overflow: auto; }
  .edit-contact-info__form-content .edit-contact-info__form-field {
    margin-top: 15px;
    position: relative; }
    .edit-contact-info__form-content .edit-contact-info__form-field input[type=text] {
      margin: 0; }
    .edit-contact-info__form-content .edit-contact-info__form-field select {
      width: 100%; }
    .edit-contact-info__form-content .edit-contact-info__form-field input[disabled], .edit-contact-info__form-content .edit-contact-info__form-field select[disabled] {
      cursor: not-allowed; }
  .edit-contact-info__form-content .first-name {
    margin-top: 0; }
  @media (min-width: 661px) {
    .edit-contact-info__form-content .last-name {
      margin-top: 0; }
    .edit-contact-info__form-content .edit-contact-info__form-field {
      float: left;
      width: 100%; }
    .edit-contact-info__form-content .last-name,
    .edit-contact-info__form-content .phone,
    .edit-contact-info__form-content .postal-code {
      float: right; }
    .edit-contact-info__form-content .email,
    .edit-contact-info__form-content .first-name,
    .edit-contact-info__form-content .last-name,
    .edit-contact-info__form-content .phone {
      width: calc( 50% - 7px); }
    .edit-contact-info__form-content .city,
    .edit-contact-info__form-content .postal-code,
    .edit-contact-info__form-content .state {
      width: calc( 33% - 8px); }
    .edit-contact-info__form-content .state {
      margin-left: 14px; } }

.dns__details,
.custom-nameservers-form__explanation,
.email-forwarding__explanation,
.site-redirect__explanation {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-style: italic;
  color: #537994; }

.email-forwarding-card form label + input[type=text],
.site-redirect-card form label + input[type=text] {
  margin-bottom: 10px; }

.email-forwarding-card.fetching input[type=text],
.site-redirect-card.fetching input[type=text] {
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite;
  background: #c8d7e1; }

.dns__add-new .email-forwarding__limit,
.dns__add-new .dns__form-content,
.dns__add-new .form-content,
.dns__template-form .email-forwarding__limit,
.dns__template-form .dns__form-content,
.dns__template-form .form-content,
.email-forwarding__add-new .email-forwarding__limit,
.email-forwarding__add-new .dns__form-content,
.email-forwarding__add-new .form-content {
  border-top: 1px solid #f3f6f8;
  overflow: visible;
  padding-top: 20px; }

.dns__add-new .is-hidden,
.dns__template-form .is-hidden,
.email-forwarding__add-new .is-hidden {
  display: none; }

.domain-connect__main h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1em; }

.domain-connect__main a {
  cursor: pointer; }

.domain-connect__main .domain-connect__button {
  margin-right: 16px;
  margin-top: 16px; }

.domain-connect__main .domain-connect__footer {
  border-top: 1px solid #f3f6f8;
  padding-top: 10px; }

.domain-connect__main .domain-connect__is-placeholder span {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: block;
  margin: 0.8em 0 0.8em 0;
  height: 1em; }
  .domain-connect__main .domain-connect__is-placeholder span:after {
    content: '\00a0'; }
  .domain-connect__main .domain-connect__is-placeholder span:last-child {
    width: 30%; }
  .domain-connect__main .domain-connect__is-placeholder span:first-child {
    width: 100%; }

.domain-connect__main .domain-connect__dns-records {
  background-color: #f3f6f8;
  color: #537994; }
  .domain-connect__main .domain-connect__dns-records *:last-child {
    margin-bottom: 0; }
  .domain-connect__main .domain-connect__dns-records > * + * {
    margin-top: 1.5em; }

.email-forwarding__form {
  margin-top: 0; }
  @media (min-width: 481px) {
    .email-forwarding__form {
      margin-top: 15px; } }

ul.email-forwarding__list {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0; }
  ul.email-forwarding__list li {
    border-top: 1px solid #f3f6f8;
    overflow: auto;
    padding: 10px 0;
    position: relative; }
    ul.email-forwarding__list li span {
      font-size: 14px;
      line-height: 40px; }
      @media (max-width: 660px) {
        ul.email-forwarding__list li span {
          font-size: 12px;
          line-height: 150%; } }
      ul.email-forwarding__list li span strong {
        color: #537994;
        font-weight: normal; }
        @media (max-width: 660px) {
          ul.email-forwarding__list li span strong:first-child {
            display: block; } }
        @media (min-width: 661px) {
          ul.email-forwarding__list li span strong {
            font-weight: 600; } }
      ul.email-forwarding__list li span em {
        color: #87a6bc; }
    ul.email-forwarding__list li .button {
      float: right;
      margin-top: -3px; }

.email-forwarding__limit {
  font-size: 13px;
  color: #87a6bc;
  line-height: 3em;
  margin-bottom: 15px; }

.privacy-protection-card.card {
  padding: 0; }

.privacy-protection-card__header {
  border-bottom: 2px solid #c8d7e1;
  display: block;
  overflow: auto;
  padding: 16px 16px 20px;
  position: relative; }
  @media (min-width: 661px) {
    .privacy-protection-card__header {
      padding: 24px; } }
  .privacy-protection-card__header h3 {
    font-size: 20px;
    font-weight: 600; }
    @media (min-width: 661px) {
      .privacy-protection-card__header h3 {
        font-size: 28px;
        font-weight: 700;
        font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif; } }
  .privacy-protection-card__header .button {
    display: none;
    position: absolute;
    right: 24px;
    top: 30px; }
    @media (min-width: 661px) {
      .privacy-protection-card__header .button {
        display: block; } }

.privacy-protection-card__price {
  clear: both;
  font-style: italic;
  margin: 0; }
  .privacy-protection-card__price .privacy-protection-card__price-per-user {
    display: inline-block;
    color: #87a6bc;
    font-size: 12px; }
    .privacy-protection-card__price .privacy-protection-card__price-per-user strong {
      color: #537994;
      font-size: 15px;
      font-weight: 600; }

.privacy-protection-card__content {
  background: #f3f6f8;
  clear: both;
  display: block;
  overflow: auto;
  padding: 16px; }
  @media (min-width: 661px) {
    .privacy-protection-card__content {
      padding: 24px; } }
  .privacy-protection-card__content .button {
    cursor: pointer;
    display: block;
    margin: 20px 0 5px 0;
    text-align: center;
    width: 100%; }
    @media (min-width: 661px) {
      .privacy-protection-card__content .button {
        display: none; } }

.privacy-protection-card__features {
  box-sizing: border-box;
  margin-top: 20px; }
  @media (min-width: 661px) {
    .privacy-protection-card__features {
      float: left;
      margin-top: 0;
      width: 35%; } }
  .privacy-protection-card__features h5 {
    color: #668eaa;
    font-size: 12px;
    line-height: 130%;
    margin: 9px 0; }
    .privacy-protection-card__features h5:first-child {
      margin-top: 5px; }
    .privacy-protection-card__features h5:last-child {
      margin-bottom: 0; }
    .privacy-protection-card__features h5 .noticon {
      color: #4ab866;
      margin-right: 5px; }

.privacy-protection-card__description {
  box-sizing: border-box; }
  @media (min-width: 661px) {
    .privacy-protection-card__description {
      float: left;
      margin-right: 5%;
      width: 60%; } }
  .privacy-protection-card__description h2 {
    color: #2e4453;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 10px 0; }
  .privacy-protection-card__description p {
    clear: left;
    color: #87a6bc;
    font-size: 12px;
    margin: 0; }
    @media (min-width: 661px) {
      .privacy-protection-card__description p a {
        display: block; } }

.add-email-addresses-card__inner:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.add-email-addresses-card__add-another-email-address-link {
  display: inline-block;
  font-size: 12px;
  margin-top: 5px; }

.add-email-addresses-card__email-address-fieldsets .add-email-addresses-card__email-address-fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px; }
  @media (min-width: 481px) {
    .add-email-addresses-card__email-address-fieldsets .add-email-addresses-card__email-address-fieldset {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .add-email-addresses-card__email-address-fieldsets .add-email-addresses-card__email-address-fieldset:last-of-type {
    margin-bottom: 0; }

.add-email-addresses-card__email-address-fieldsets select {
  border-bottom-width: 1px;
  border-top-left-radius: 0; }
  @media (max-width: 480px) {
    .add-email-addresses-card__email-address-fieldsets select {
      border-top-right-radius: 0;
      margin-top: -1px; } }
  @media (min-width: 481px) {
    .add-email-addresses-card__email-address-fieldsets select {
      border-bottom-left-radius: 0;
      margin-left: -1px; } }

.name-servers__dns .name-servers__toggle {
  display: inline-block;
  float: right; }

.name-servers__dns .name-servers__explanation {
  -webkit-animation: appear 0.5s ease-in-out;
          animation: appear 0.5s ease-in-out;
  color: #537994;
  font-size: 13px;
  font-style: italic;
  margin-bottom: 0; }

.custom-nameservers-form {
  -webkit-animation: appear 0.5s ease-in-out;
          animation: appear 0.5s ease-in-out; }

.name-servers .custom-nameservers-row {
  margin-top: 10px;
  position: relative; }
  .name-servers .custom-nameservers-row input[type=text] {
    padding-right: 38px; }
    @media (max-width: 480px) {
      .name-servers .custom-nameservers-row input[type=text] {
        padding-right: 35px; } }
  .name-servers .custom-nameservers-row .button {
    position: absolute;
    right: 7px;
    top: 8px; }
    @media (max-width: 480px) {
      .name-servers .custom-nameservers-row .button {
        right: 4px; } }

.name-servers .notice {
  font-size: 12px;
  margin-top: 10px;
  padding-right: 15px; }

.name-servers__dns-templates-buttons {
  margin-top: 20px; }

.is-placeholder .name-servers__dns .name-servers__title, .is-placeholder .name-servers__dns-templates .name-servers__title {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .is-placeholder .name-servers__dns .name-servers__title:after, .is-placeholder .name-servers__dns-templates .name-servers__title:after {
    content: '\00a0'; }

.is-placeholder .name-servers__dns .name-servers__toggle, .is-placeholder .name-servers__dns .name-servers__dns-templates-buttons, .is-placeholder .name-servers__dns-templates .name-servers__toggle, .is-placeholder .name-servers__dns-templates .name-servers__dns-templates-buttons {
  display: none; }

.is-placeholder .name-servers__dns .name-servers__explanation,
.is-placeholder .name-servers__dns .name-servers__explanation a, .is-placeholder .name-servers__dns-templates .name-servers__explanation,
.is-placeholder .name-servers__dns-templates .name-servers__explanation a {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .is-placeholder .name-servers__dns .name-servers__explanation:after,
  .is-placeholder .name-servers__dns .name-servers__explanation a:after, .is-placeholder .name-servers__dns-templates .name-servers__explanation:after,
  .is-placeholder .name-servers__dns-templates .name-servers__explanation a:after {
    content: '\00a0'; }

.is-placeholder .vertical-nav-item .noticon {
  display: none; }

.is-placeholder .vertical-nav-item span:nth-of-type(1) {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .is-placeholder .vertical-nav-item span:nth-of-type(1):after {
    content: '\00a0'; }

.is-placeholder .vertical-nav-item span:nth-of-type(2) {
  display: none; }

.dns__list > ul,
ul.domain-connect__dns-list {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0; }
  .dns__list > ul li,
  ul.domain-connect__dns-list li {
    border-top: 1px solid #f3f6f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: auto;
    padding: 10px 0;
    position: relative; }
    .dns__list > ul li em,
    ul.domain-connect__dns-list li em {
      color: #537994;
      display: block;
      font-size: 11px; }
    .dns__list > ul li label,
    ul.domain-connect__dns-list li label {
      background: #87a6bc;
      border-radius: 2px;
      color: white;
      display: block;
      font-size: 12px;
      margin: 0 10px 0 0;
      padding: 10px 5px;
      text-align: center; }
    .dns__list > ul li strong,
    ul.domain-connect__dns-list li strong {
      color: #537994;
      font-weight: normal; }
    .dns__list > ul li.is-disabled,
    ul.domain-connect__dns-list li.is-disabled {
      opacity: 0.2;
      cursor: not-allowed; }
  .dns__list > ul .domain-connect__dns-list-type,
  .dns__list > ul .dns__list-type,
  ul.domain-connect__dns-list .domain-connect__dns-list-type,
  ul.domain-connect__dns-list .dns__list-type {
    min-width: 60px; }
  .dns__list > ul .domain-connect__dns-list-info,
  .dns__list > ul .dns__list-info,
  ul.domain-connect__dns-list .domain-connect__dns-list-info,
  ul.domain-connect__dns-list .dns__list-info {
    width: 100%;
    word-break: break-all; }
  .dns__list > ul .dns__list-remove,
  ul.domain-connect__dns-list .dns__list-remove {
    text-align: right;
    width: 100px; }

.dns__add-new fieldset label + select,
.dns__add-new fieldset label + textarea {
  width: 100%; }

.domain-only-site__settings-notice {
  color: #4f748e;
  margin-top: 30px;
  text-align: center; }
  .domain-only-site__settings-notice::before {
    background: #c8d7e1;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto 30px;
    width: 60px; }

.domain-only-site__placeholder h2 {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .domain-only-site__placeholder h2:after {
    content: '\00a0'; }

@media (min-width: 961px) {
  .email__add-google-apps-card-product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.email__add-google-apps-card-description {
  box-sizing: border-box;
  font-size: 14px; }
  @media (min-width: 961px) {
    .email__add-google-apps-card-description {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 400px; } }
  .email__add-google-apps-card-description .button {
    float: none;
    margin: 1em 0 .5em;
    padding-left: 2em;
    padding-right: 2em; }
    @media (max-width: 960px) {
      .email__add-google-apps-card-description .button {
        width: 100%; } }

@media (max-width: 660px) {
  .email__add-google-apps-card-product-logo {
    width: 236px; } }

@media (min-width: 661px) {
  .email__add-google-apps-card-product-logo {
    float: left; } }

.email__add-google-apps-card-product-logo strong {
  background: url("/calypso/images/upgrades/g-suite-logo.png") no-repeat left;
  background-size: 73px;
  display: inline-block;
  height: 19px;
  margin: 0 6px 0 0;
  text-indent: -999999px;
  vertical-align: text-top;
  width: 73px; }

.email__add-google-apps-card-price {
  margin: 2em 0 1em; }
  .email__add-google-apps-card-price .email__add-google-apps-card-price-per-user strong {
    color: #2e4453;
    font-size: 24px;
    font-weight: 300; }
  .email__add-google-apps-card-price .email__add-google-apps-card-price-per-user span {
    color: #537994;
    font-size: 13px;
    font-weight: normal; }
  .email__add-google-apps-card-price .email__add-google-apps-card-billing-period {
    color: #537994;
    font-size: 13px;
    font-style: italic; }
    @media (max-width: 960px) {
      .email__add-google-apps-card-price .email__add-google-apps-card-billing-period {
        text-align: center; } }

.email__add-google-apps-card-title {
  color: #2e4453;
  font-size: 24px;
  line-height: 120%;
  margin: 0 0 10px 0; }

.email__add-google-apps-card-sub-title {
  font-size: 18px; }

.email__add-google-apps-card-logos {
  display: none; }
  @media (min-width: 961px) {
    .email__add-google-apps-card-logos {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-left: 20px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media (min-width: 1041px) {
    .email__add-google-apps-card-logos {
      -webkit-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; } }

.email__add-google-apps-card-features {
  box-sizing: border-box;
  -webkit-box-pack: justify-content;
      -ms-flex-pack: justify-content;
          justify-content: justify-content;
  margin: 1em 0; }
  @media (min-width: 961px) {
    .email__add-google-apps-card-features {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; } }

.email__add-google-apps-card-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 1em; }

.email__add-google-apps-card-feature-block {
  -webkit-box-align: start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
  padding: 0 1em 0 0; }
  @media (min-width: 961px) {
    .email__add-google-apps-card-feature-block p {
      max-width: 200px; } }

.email__add-google-apps-card-feature-header {
  font-size: 17px;
  font-weight: 600; }

.email__add-google-apps-card-secondary-button .button {
  float: none;
  margin: 1em 0;
  width: 100%; }
  @media (min-width: 661px) {
    .email__add-google-apps-card-secondary-button .button {
      display: none; } }

.email__add-google-apps-card-learn-more {
  color: #537994;
  font-size: 15px;
  margin-top: 1em;
  text-align: center; }

.domain-management-email .is-placeholder .section-header__label {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .domain-management-email .is-placeholder .section-header__label:after {
    content: '\00a0'; }
  .domain-management-email .is-placeholder .section-header__label::before {
    display: none; }

.domain-management-email .is-placeholder .google-apps-user-item__email,
.domain-management-email .is-placeholder .google-apps-user-item__manage-link {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .domain-management-email .is-placeholder .google-apps-user-item__email:after,
  .domain-management-email .is-placeholder .google-apps-user-item__manage-link:after {
    content: '\00a0'; }

.google-apps-users-card {
  margin-bottom: 10px; }

.google-apps-users-card__user-list.card {
  padding: 0; }
  .google-apps-users-card__user-list.card:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.google-apps-users-card__user-list-inner {
  list-style: none;
  margin: 0; }
  .google-apps-users-card__user-list-inner li {
    border-top: 1px solid #f3f6f8;
    padding: 20px 24px; }
    .google-apps-users-card__user-list-inner li:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
    .google-apps-users-card__user-list-inner li:first-of-type {
      border-top: none; }
    .google-apps-users-card__user-list-inner li:last-of-type {
      border-bottom: 1px solid #f3f6f8; }
  .google-apps-users-card__user-list-inner .notice {
    margin: 0; }

.google-apps-user-item__email {
  float: left; }

.google-apps-user-item__manage-link {
  float: right;
  font-size: 13px; }

.domain-only-site__settings-notice {
  color: #4f748e;
  margin-top: 30px;
  text-align: center; }
  .domain-only-site__settings-notice::before {
    background: #c8d7e1;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto 30px;
    width: 60px; }

.domain-management-email .empty-content__illustration {
  width: 250px;
  height: auto;
  margin: 20px 0 40px; }

.icann-verification__card .button {
  margin-bottom: 15px; }

.icann-verification__explanation {
  margin-bottom: 15px; }

.icann-verification__status {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  padding-left: 50px;
  position: relative;
  word-wrap: break-word; }
  .icann-verification__status .gridicon {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0; }

.icann-verification__sent-to {
  color: #4f748e;
  font-size: 14px; }

.icann-verification__heading {
  font-size: 21px;
  font-weight: bold;
  line-height: 26px;
  margin: 0 0 10px; }

.icann-verification__status-container {
  border-top: 1px solid #c8d7e1;
  margin: 25px -24px -16px -21px;
  padding: 24px 24px 24px 21px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-out; }
  .icann-verification__status-container .button {
    margin: 5px 10px 0 0; }
    .icann-verification__status-container .button:last-child {
      margin-right: 0; }
    .icann-verification__status-container .button.is-busy:disabled {
      color: #4f748e; }
  .icann-verification__status-container.waiting .gridicon {
    color: #f0b849; }
  .icann-verification__status-container.sent .gridicon {
    color: #4ab866; }

.sent .icann-verification__status {
  position: relative;
  -webkit-animation: fadeIn 0.3s ease-out;
          animation: fadeIn 0.3s ease-out; }

.waiting .icann-verification__status {
  position: relative;
  -webkit-animation: fadeOut 0.3s ease-out;
          animation: fadeOut 0.3s ease-out; }

.domain-details-card .icann-verification__card {
  margin-bottom: 16px; }

.notice__text {
  word-break: break-word; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    bottom: -50px; }
  100% {
    opacity: 1;
    bottom: 0; } }

@keyframes fadeIn {
  0% {
    opacity: 0;
    bottom: -50px; }
  100% {
    opacity: 1;
    bottom: 0; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 0;
    top: -20px; }
  100% {
    opacity: 1;
    top: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 0;
    top: -20px; }
  100% {
    opacity: 1;
    top: 0; } }

/**
 * Notifications
 */
#wpnc-panel {
  position: fixed;
  top: 47px;
  right: 0;
  bottom: 0;
  min-width: 400px; }
  @media (max-width: 660px) {
    #wpnc-panel {
      width: 100%;
      min-width: 0; } }
  #wpnc-panel.wpnt-open {
    right: 0;
    transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
  #wpnc-panel.wpnt-closed {
    visibility: hidden;
    right: -400px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1); }
  #wpnc-panel.wpnc__main .wpnc__time-group-title.fixed {
    top: 85px; }
  #wpnc-panel.wpnc__main .wpnc__single-view {
    left: inherit;
    width: 400px; }
    @media screen and (max-width: 799px) {
      #wpnc-panel.wpnc__main .wpnc__single-view {
        left: 0;
        width: auto; } }
  @media screen and (max-width: 799px) {
    #wpnc-panel.wpnc__main header {
      top: 47px; } }

#wpnc-panel.wide {
  border-left: 0px;
  box-shadow: none; }

html.touch #wpnc-panel {
  -webkit-overflow-scrolling: touch; }

.editor-media-modal.dialog.card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: none; }
  @media (min-width: 661px) {
    .editor-media-modal.dialog.card {
      top: 5%;
      bottom: 5%;
      left: 5%;
      right: 5%;
      width: 90%; } }
  @media (min-width: 961px) {
    .editor-media-modal.dialog.card {
      left: 12.5%;
      right: 12.5%;
      width: 75%; } }

.editor-media-modal .dialog__content {
  position: static;
  color: #2e4453;
  height: 100%;
  padding: 0; }

.editor-media-modal .section-nav {
  z-index: 10; }
  @media (min-width: 481px) {
    .editor-media-modal .section-nav {
      margin-bottom: 16px; } }

@media (max-width: 660px) {
  .editor-media-modal .header-cake.card {
    margin-top: 0;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left; } }

@media (max-width: 660px) {
  .editor-media-modal .header-cake__corner {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; } }

.editor-media-modal .media-library__content {
  position: static; }

.editor-media-modal .media-library__list {
  padding: 0 16px; }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__list {
      padding: 0 24px; } }

.editor-media-modal .media-library__header {
  padding: 0 16px; }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__header {
      padding: 0 24px; } }

.editor-media-modal .media-library__header:not(.media-library__upload-url) {
  padding-top: 6px;
  padding-bottom: 6px; }

.editor-media-modal .media-library__scale-toggle,
.editor-media-modal .media-library__scale-range.range {
  right: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__scale-toggle,
    .editor-media-modal .media-library__scale-range.range {
      right: 24px; } }

.editor-media-modal .media-library__content .no-results {
  padding: 0 24px 24px; }

.editor-media-modal__content, .editor-media-modal .media-library__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 52px;
  right: 0;
  bottom: 74px;
  left: 0;
  overflow-y: auto; }
  .editor-media-modal__content.editor-media-modal-gallery__content, .editor-media-modal .editor-media-modal-gallery__content.media-library__list {
    margin-top: 16px; }
    @media (min-width: 661px) {
      .editor-media-modal__content.editor-media-modal-gallery__content, .editor-media-modal .editor-media-modal-gallery__content.media-library__list {
        margin-top: 0; } }
  @media (min-width: 661px) {
    .editor-media-modal__content, .editor-media-modal .media-library__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      top: 74px;
      overflow-y: visible; } }

.editor-media-modal .media-library__list {
  display: block;
  top: 105px;
  right: 0;
  left: 0;
  padding: 4px 16px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: all; }
  @media (min-width: 481px) {
    .editor-media-modal .media-library__list {
      top: 131px; } }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__list {
      padding-left: 24px;
      padding-right: 24px;
      overflow-y: auto;
      top: 122px; } }

.editor-media-modal .notice {
  z-index: 10; }
  @media (min-width: 661px) {
    .editor-media-modal .notice {
      margin-top: 16px; } }

.editor-media-modal .media-library__upload-url-cancel {
  padding-right: 0;
  padding-left: 12px; }

.editor-media-modal .empty-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-top: 0;
  margin: 0;
  width: 100%; }

@media (max-height: 470px) {
  .editor-media-modal .media-library__content .empty-content__illustration {
    display: none; } }

@media (min-width: 661px) and (max-height: 600px) {
  .editor-media-modal .media-library__content .empty-content__illustration {
    display: none; } }

.editor-media-modal .media-library__list-item-figure {
  background-color: #f3f6f8;
  box-shadow: inset 0 0 0 1px #d9e3ea; }

.editor-media-modal .media-library__list-item-file-name::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.editor-media-modal__gallery-help {
  position: absolute;
  bottom: 8px;
  right: 22px; }

.editor-media-modal__gallery-help-content {
  font-size: 15px;
  text-align: left; }

.editor-media-modal__gallery-help-instruction {
  padding: 16px;
  max-width: 280px; }

.editor-media-modal__gallery-help-icon {
  position: relative;
  display: block;
  width: 34px;
  height: 34px;
  float: left;
  margin: 4px 12px 12px 0;
  border-radius: 50%;
  background-color: #e9eff3;
  color: #2e4453; }

.editor-media-modal__gallery-help-icon .gridicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.editor-media-modal__gallery-help-actions {
  overflow-y: hidden;
  padding: 8px 16px;
  border-top: 1px solid #e9eff3; }

.editor-media-modal__gallery-help-remember-dismiss {
  float: left;
  margin-top: 4px;
  font-size: 13px; }

.editor-media-modal__gallery-help-remember-dismiss .form-checkbox {
  margin-top: 2px; }

.editor-media-modal__gallery-help-actions .button {
  float: right; }

.editor-media-modal__secondary-actions {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px; }

.editor-media-modal__secondary-actions .gridicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  fill: #2e4453; }
  .editor-media-modal__secondary-actions .gridicon:hover {
    fill: #78dcfa; }

.editor-media-modal__secondary-action.is-mobile {
  position: relative;
  min-width: 60px;
  transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.editor-media-modal__secondary-action.is-desktop {
  display: none; }

@media (min-width: 661px) {
  .editor-media-modal__secondary-action.is-mobile {
    display: none; }
  .editor-media-modal__secondary-action.is-desktop {
    display: inline-block; } }

.editor-media-modal__secondary-action:not(.is-mobile).editor-media-modal__delete {
  line-height: 1;
  color: #d94f4f; }
  .editor-media-modal__secondary-action:not(.is-mobile).editor-media-modal__delete:hover {
    color: #e27979; }
  .editor-media-modal__secondary-action:not(.is-mobile).editor-media-modal__delete:disabled {
    cursor: default;
    cursor: not-allowed;
    color: #f0b8b8; }

.editor-media-modal__secondary-action.is-active {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
  .editor-media-modal__secondary-action.is-active .gridicon,
  .editor-media-modal__secondary-action.is-active .gridicon:hover {
    fill: #00aadc; }

.editor-media-modal .dialog__action-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0; }

.editor-media-modal .dialog__action-buttons .button:first-of-type {
  margin-left: 0; }

.editor-media-modal__back-to-library .is-desktop {
  display: none; }

@media (min-width: 661px) {
  .editor-media-modal__back-to-library .is-desktop {
    display: inherit; }
  .editor-media-modal__back-to-library .is-mobile {
    display: none; } }

.editor-media-modal__plan-storage {
  display: none; }
  @media (min-width: 481px) {
    .editor-media-modal__plan-storage {
      display: inline-block; } }

.editor-media-modal__fieldset {
  margin-bottom: 16px; }

.editor-media-modal__fieldset,
.editor-media-modal__fieldset .form-text-input,
.editor-media-modal__fieldset textarea {
  font-size: 13px; }

.editor-media-modal__fieldset textarea {
  min-height: 76px; }

.editor-media-modal__fieldset-legend {
  display: block;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 6px; }

.editor-media-modal__fieldset .select-dropdown.is-compact .select-dropdown__header {
  padding: 6px 44px 6px 16px; }

.editor-media-modal__fieldset .select-dropdown.is-compact .select-dropdown__header::after {
  top: 7px; }

.editor-media-modal__fieldset .select-dropdown.is-compact .select-dropdown__item,
.editor-media-modal__fieldset .select-dropdown.is-compact .select-dropdown__item-text {
  padding: 8px 44px 8px 16px; }

.editor-media-modal-detail .header-cake.card {
  padding-top: 0;
  padding-bottom: 0;
  height: 50px;
  line-height: 1; }
  @media (max-width: 660px) {
    .editor-media-modal-detail .header-cake.card {
      margin-bottom: 0; } }

.editor-media-modal-detail .header-cake__title {
  padding: 6px; }

.editor-media-modal-detail__preview-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  position: relative;
  border-bottom: 1px solid #c8d7e1;
  background-color: #f3f6f8;
  box-shadow: inset 0 0 2px 2px rgba(168, 190, 206, 0.1); }
  @media (min-width: 661px) {
    .editor-media-modal-detail__preview-wrapper {
      -webkit-box-flex: 2;
          -ms-flex: 2 0 0%;
              flex: 2 0 0%;
      margin: 0 0 16px 24px;
      border: 0; } }

.editor-media-modal-detail__preview-wrapper .spinner,
.editor-media-modal-detail__preview {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .editor-media-modal-detail__preview-wrapper .spinner .spinner__border,
  .editor-media-modal-detail__preview .spinner__border {
    fill: transparent; }

.editor-media-modal-detail__preview.is-image {
  width: auto;
  height: auto;
  transition: opacity 200ms ease-in-out; }

.editor-media-modal-detail__preview.is-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%; }

.editor-media-modal-detail__preview.is-uploading, .editor-media-modal-detail__preview.is-loading {
  opacity: 0.5; }

.editor-media-modal-detail__previous,
.editor-media-modal-detail__next {
  position: absolute;
  top: 50%;
  width: 46px;
  height: 46px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(46, 68, 83, 0.85);
  border-radius: 24px;
  color: white;
  cursor: pointer; }
  .editor-media-modal-detail__previous .gridicon,
  .editor-media-modal-detail__next .gridicon {
    margin-top: 6px; }
  .editor-media-modal-detail__previous:hover,
  .editor-media-modal-detail__next:hover {
    background-color: rgba(79, 116, 142, 0.9); }

.editor-media-modal-detail__previous {
  left: 10px /*rtl:ignore*/; }
  .editor-media-modal-detail__previous:before {
    margin: 0 1px 0 0; }

.editor-media-modal-detail__next {
  right: 10px /*rtl:ignore*/; }
  .editor-media-modal-detail__next:before {
    margin: 0 0 0 3px; }

.editor-media-modal-detail__edition-bar {
  display: none; }
  @media (min-width: 481px) {
    .editor-media-modal-detail__edition-bar.is-desktop {
      display: block;
      position: absolute;
      top: 8px;
      right: 8px; }
      .editor-media-modal-detail__edition-bar.is-desktop button {
        margin-left: 8px; } }
  @media (max-width: 480px) {
    .editor-media-modal-detail__edition-bar.is-mobile {
      display: block;
      text-align: right; }
      .editor-media-modal-detail__edition-bar.is-mobile button {
        margin-bottom: 16px;
        margin-left: 8px; }
        .editor-media-modal-detail__edition-bar.is-mobile button:first-child {
          margin-left: 0; } }

.editor-media-modal-detail__sidebar {
  -webkit-box-flex: 2;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  padding: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal-detail__sidebar {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0%;
              flex: 1 0 0%;
      padding-top: 0;
      padding-right: 24px;
      overflow-y: auto; } }

.editor-media-modal-detail__sidebar textarea {
  resize: vertical; }

.editor-media-modal-detail__file-info {
  display: block;
  margin: 0;
  padding: 8px 0; }

.editor-media-modal-detail__file-info tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.editor-media-modal-detail__file-info tr {
  display: block;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  width: 100%; }

.editor-media-modal-detail__file-info th,
.editor-media-modal-detail__file-info td {
  width: 90%;
  display: block; }

.editor-media-modal-detail__file-info th {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  margin-bottom: 4px;
  text-transform: uppercase; }

.editor-media-modal-detail__file-info td {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  white-space: nowrap; }
  .editor-media-modal-detail__file-info td::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  .editor-media-modal-detail__file-info td span {
    display: block; }

.editor-media-modal-detail__file-info.is-loading td {
  position: relative;
  color: transparent; }
  .editor-media-modal-detail__file-info.is-loading td::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80%;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.editor-media-modal-detail__file-info tr:last-child td,
.editor-media-modal-detail__file-info tr:nth-last-child(2):nth-child(odd) td {
  margin-bottom: 0; }

.editor-media-modal-detail__file-info abbr {
  border-bottom-width: 0; }

.editor-media-modal-gallery__preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 2;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  margin: 80px 0 0;
  background-color: #f3f6f8;
  border: 1px solid #c8d7e1; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__preview {
      display: block;
      margin: 16px 0 16px 24px; } }

.editor-media-modal-gallery__preview .notice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  overflow: hidden; }

.editor-media-modal-gallery__preview .ellipsis-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: -12px; }

.editor-media-modal-gallery__preview-toggle {
  position: absolute;
  top: -28px;
  right: 15px;
  z-index: 100;
  width: 200px; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__preview-toggle {
      right: -1px; } }
  .editor-media-modal-gallery__preview-toggle .segmented-control__item .segmented-control__link {
    border-color: #c8d7e1; }
  .editor-media-modal-gallery__preview-toggle .segmented-control__item:first-of-type .segmented-control__link {
    border-bottom-left-radius: 0; }
  .editor-media-modal-gallery__preview-toggle .segmented-control__item:last-of-type .segmented-control__link {
    border-bottom-right-radius: 0;
    border-left-color: #c8d7e1; }
  .editor-media-modal-gallery__preview-toggle .segmented-control__item.is-selected .segmented-control__link {
    border-bottom-color: #f3f6f8; }

.editor-media-modal-gallery__preview-toggle .segmented-control__item {
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%; }

.editor-media-modal-gallery .sortable-list__item {
  width: 44%;
  margin: 3%; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery .sortable-list__item {
      width: 160px;
      margin: 16px 0 0 16px; } }

.editor-media-modal-gallery__edit-item {
  position: relative; }

.editor-media-modal-gallery__remove {
  position: absolute;
  top: 0;
  /*rtl:ignore*/
  right: 0;
  width: 28px;
  height: 28px;
  /*rtl:ignore*/
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  border: 1px solid #a8bece;
  border-radius: 50%;
  background-color: #f3f6f8;
  color: #a8bece;
  cursor: pointer; }

.editor-media-modal-gallery__remove .gridicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.editor-media-modal-gallery .media-library__list-item {
  display: block; }

.editor-media-modal-gallery .media-library__list-item-edit {
  display: none; }

.editor-media-modal-gallery .sortable-list__navigation {
  position: absolute;
  top: 16px;
  left: 16px;
  margin: 0; }

.editor-media-modal-gallery .sortable-list__navigation-button {
  background-color: white; }
  .editor-media-modal-gallery .sortable-list__navigation-button:disabled {
    opacity: 0.9;
    background-color: #f3f6f8; }

input.editor-media-modal-gallery__caption[type="text"] {
  font-size: 12px; }
  input.editor-media-modal-gallery__caption[type="text"]:focus {
    box-shadow: none; }

.popover.gallery__order-popover {
  z-index: 100300; }

.editor-media-modal-gallery__sidebar {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  padding: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__sidebar {
      padding-top: 0;
      padding-right: 24px;
      overflow-y: auto; } }

.editor-media-modal-gallery__preview-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 16px; }

.editor-media-modal-gallery__preview-shortcode,
.editor-media-modal-gallery__preview-shortcode .shortcode-frame {
  width: 100%; }

.editor-media-modal-gallery__preview-shortcode.is-loading {
  -webkit-animation: loading-fade 0.8s ease-in-out infinite;
          animation: loading-fade 0.8s ease-in-out infinite; }

.editor-media-modal-gallery__preview-shortcode::before, .editor-media-modal-gallery__preview-shortcode::after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  width: 90%;
  margin-left: -45%;
  transition: 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9);
  opacity: 0; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__preview-shortcode::before, .editor-media-modal-gallery__preview-shortcode::after {
      width: 75%;
      margin-left: -37.5%; } }

.editor-media-modal-gallery__preview-shortcode::before {
  top: 16px;
  height: 130px;
  background: linear-gradient(to right, #d9e3ea, #d9e3ea 40%, transparent 40%, transparent 42%, #c8d7e1 42%); }

.editor-media-modal-gallery__preview-shortcode::after {
  top: calc( 146px + 2%);
  height: 240px;
  background: #a8bece; }

.editor-media-modal-gallery__preview-shortcode.is-loading::before, .editor-media-modal-gallery__preview-shortcode.is-loading::after {
  opacity: 1; }

.editor-media-modal-gallery__fields .for-setting-type {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__fields .for-setting-type {
      position: static; } }

.editor-media-modal-gallery__fields .for-setting-type .editor-media-modal__fieldset-legend {
  display: none; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__fields .for-setting-type .editor-media-modal__fieldset-legend {
      display: block; } }

.editor-media-modal-gallery__fields .for-setting-type .select-dropdown__container {
  width: 100%; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__fields .for-setting-type .select-dropdown__container {
      width: auto; } }

input[type].editor-media-modal-gallery__input-width-auto {
  width: auto; }

.editor-media-modal-gallery__preview-individual-content {
  padding-top: 8px; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__preview-individual-content {
      max-width: 75%;
      margin: 0 auto; } }
  @media (min-width: 961px) {
    .editor-media-modal-gallery__preview-individual-content {
      max-width: 50%; } }

.editor-media-modal-gallery__preview-individual .wp-caption {
  margin: 0 auto;
  text-align: center;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif; }

.editor-media-modal-gallery__preview-individual .wp-caption {
  background: none;
  box-sizing: border-box;
  border: none;
  margin-bottom: 16px;
  max-width: 100%;
  padding-top: 0; }
  .editor-media-modal-gallery__preview-individual .wp-caption.alignleft {
    margin-right: 16px; }
  .editor-media-modal-gallery__preview-individual .wp-caption.alignright {
    margin-left: 16px; }

.editor-media-modal-gallery__preview-individual .wp-caption-dt {
  overflow: hidden; }

.editor-media-modal-gallery__preview-individual .wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0; }

.editor-media-modal-gallery__preview-individual .wp-caption-dd {
  background: #f3f6f8;
  color: #4f748e;
  font-size: 14px;
  line-height: 1.7;
  padding: 16px; }

.conversations__intro {
  border: 1px solid #e9eff3;
  color: #005082;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 140px; }
  @media (min-width: 661px) and (max-width: 773px) {
    .conversations__intro {
      background-position: 150px 20px; } }
  @media (max-width: 660px) {
    .conversations__intro {
      background-position: 120px 20px; } }
  .conversations__intro .conversations__intro-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .conversations__intro .conversations__intro-character {
    background: url("/calypso/images/reader/reader-conversations-characters.svg") no-repeat 8px bottom;
    background-size: 97%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 245px;
            flex: 0 0 245px;
    min-height: 140px; }
    @media (min-width: 661px) and (max-width: 840px) {
      .conversations__intro .conversations__intro-character {
        display: none; } }
    @media (max-width: 660px) {
      .conversations__intro .conversations__intro-character {
        display: none; } }
  .conversations__intro .conversations__intro-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0;
            flex: 1 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 24px;
    padding: 10px 0; }
  @media (max-width: 660px) {
    .conversations__intro .conversations__intro-copy-hidden {
      display: none;
      visibility: hidden; } }

.conversations__intro .conversations__intro-close {
  -webkit-box-align: start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px; }
  .conversations__intro .conversations__intro-close .conversations__intro-close-icon {
    fill: #a8bece;
    position: absolute;
    -webkit-transform: scale(1);
            transform: scale(1); }
    .conversations__intro .conversations__intro-close .conversations__intro-close-icon:hover {
      cursor: pointer;
      fill: #4f748e; }

.is-reader-page .discover-attribution {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  text-transform: lowercase;
  color: #87a6bc;
  position: relative;
  margin-top: 13px;
  margin-bottom: 8px; }
  .is-reader-page .discover-attribution.is-site {
    margin-top: 15px; }
  .is-reader-page .discover-attribution .gridicons-arrow-right {
    height: 12px;
    width: 12px;
    fill: white;
    background: #87a6bc;
    padding: 4px;
    border-radius: 100%;
    position: relative;
    top: 6px;
    margin-right: 6px; }
  .is-reader-page .discover-attribution .gravatar {
    background: #f3f6f8;
    position: relative;
    top: 6px;
    margin: 1px 6px 1px 0; }
  .is-reader-page .discover-attribution .discover-attribution__author,
  .is-reader-page .discover-attribution .discover-attribution__blog {
    color: #00aadc;
    text-decoration: none;
    text-transform: none; }
    .is-reader-page .discover-attribution .discover-attribution__author:hover,
    .is-reader-page .discover-attribution .discover-attribution__blog:hover {
      color: #78dcfa; }
  .is-reader-page .discover-attribution .discover-attribution__blog {
    margin-right: 6px; }
  .is-reader-page .discover-attribution .noticon {
    font-size: 20px;
    height: 20px;
    background-color: #c8d7e1;
    color: white;
    margin-right: 6px; }
  .is-reader-page .discover-attribution .follow-button {
    position: static;
    border: none;
    padding: 0;
    vertical-align: text-bottom;
    color: #a8bece;
    font-size: 13px;
    line-height: 16px;
    background: transparent;
    float: none; }
    .is-reader-page .discover-attribution .follow-button.is-following {
      color: #4ab866; }
    .is-reader-page .discover-attribution .follow-button:focus {
      box-shadow: none; }
    @media (max-width: 660px) {
      .is-reader-page .discover-attribution .follow-button .follow-button__label {
        display: inline-block; } }

.following .search {
  margin-bottom: 0; }

.following__search.card.is-compact {
  padding: 0;
  box-shadow: 0 0 0 2px #c8d7e1, 0 1px 2px #c8d7e1;
  z-index: 1; }

.following__intro {
  background: url("/calypso/images/reader/reader-intro-background.svg") white no-repeat 100% 20px;
  border: 1px solid #e9eff3; }
  .following__intro .following__intro-copy {
    color: #045182; }
    .following__intro .following__intro-copy a {
      color: #1785be;
      border-bottom: 1px #1785be solid; }
      .following__intro .following__intro-copy a:hover {
        color: #00aadc;
        border-bottom: 1px solid #00aadc; }
  .following__intro .following__intro-character {
    background: url("/calypso/images/reader/reader-intro-character.svg") no-repeat 8px bottom; }

.following__intro {
  background-size: 450px;
  min-height: 140px; }
  @media (min-width: 661px) and (max-width: 773px) {
    .following__intro {
      background-position: 150px 20px; } }
  @media (max-width: 660px) {
    .following__intro {
      background-position: 120px 20px; } }
  @media (max-width: 660px) {
    .following__intro .following__intro-copy-hidden {
      display: none;
      visibility: hidden; } }
  .following__intro .following__intro-character {
    background-size: 106px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    min-height: 140px; }
    @media (min-width: 661px) and (max-width: 773px) {
      .following__intro .following__intro-character {
        display: none; } }
    @media (max-width: 660px) {
      .following__intro .following__intro-character {
        background-size: 106px; } }

.following__intro .following__intro-header {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.following__intro .following__intro-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 24px; }
  @media (min-width: 661px) and (max-width: 773px) {
    .following__intro .following__intro-copy {
      margin-bottom: 20px;
      margin-top: 20px; } }
  @media (max-width: 960px) {
    .following__intro .following__intro-copy {
      font-size: 16px; } }
  @media (max-width: 660px) {
    .following__intro .following__intro-copy {
      font-size: 18px; } }
  @media (max-width: 480px) {
    .following__intro .following__intro-copy {
      font-size: 16px; } }

.following__search {
  margin-top: 8px; }
  @media (min-width: 661px) {
    .following__search {
      margin-top: 30px; } }

.following__intro .following__intro-close {
  -webkit-box-align: start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px; }
  .following__intro .following__intro-close .following__intro-close-icon {
    position: absolute;
    z-index: 1;
    fill: white;
    -webkit-transform: scale(1);
            transform: scale(1); }
    .following__intro .following__intro-close .following__intro-close-icon:hover {
      cursor: pointer;
      fill: #437b7a; }
    .following__intro .following__intro-close .following__intro-close-icon:hover + .following__intro-close-icon-bg {
      background-color: white;
      box-shadow: 0 0 0 2px #e6f1f1; }
  .following__intro .following__intro-close .following__intro-close-icon-bg {
    background-color: #5ca8a6;
    border-radius: 10px;
    display: block;
    height: 20px;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 0;
    width: 20px; }

.following__intro .following__intro-close .following__intro-close-icon {
  fill: #a8bece; }

.following__intro .following__intro-close .following__intro-close-icon-bg {
  background-color: white; }

.following-manage__header {
  font-weight: 600;
  margin: 14px 0 14px 14px; }
  @media (min-width: 661px) {
    .following-manage__header {
      margin: 36px 0 20px; } }

.following-manage .search {
  margin: 0; }

.following-manage .following-manage__input-card {
  padding: 0; }

.following-manage__input-card.card.is-compact {
  box-shadow: 0 0 0 2px #c8d7e1, 0 1px 2px #c8d7e1; }

.following-manage__subscriptions {
  margin-top: 20px;
  padding-top: 10px; }

.following-manage__show-more {
  border-top: 1px solid #c8d7e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px; }

.following-manage__show-more-button.button {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #87a6bc;
  font-size: 11px;
  padding: 2px 9px 6px 11px;
  position: relative;
  top: -1px; }
  .following-manage__show-more-button.button .gridicon.gridicons-chevron-down {
    height: 14px;
    left: -4px;
    top: 3px;
    width: 14px; }
  .following-manage__show-more-button.button:hover {
    color: #668eaa;
    cursor: pointer; }

.following-manage__subscriptions-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 960px) {
    .following-manage__subscriptions-controls {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (max-width: 660px) {
    .following-manage__subscriptions-controls {
      margin: 0 15px; } }
  .following-manage__subscriptions-controls > :not(:first-child) {
    margin-right: 10px; }
  .following-manage__subscriptions-controls .following-manage__subscriptions-header {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-weight: 600;
    padding: 4px 0 15px; }
    @media (max-width: 960px) {
      .following-manage__subscriptions-controls .following-manage__subscriptions-header {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%; } }
  .following-manage__subscriptions-controls .following-manage__subscriptions-sort {
    position: relative; }
    @media (max-width: 960px) {
      .following-manage__subscriptions-controls .following-manage__subscriptions-sort::before {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto;
        height: 30px;
        right: 30px;
        top: 1px; } }
  @media (max-width: 960px) {
    .following-manage__subscriptions-controls .following-manage__subscriptions-sort,
    .following-manage__subscriptions-controls .following-manage__subscriptions-search {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }
  .following-manage__subscriptions-controls .following-manage__subscriptions-sort .following-manage__sort-controls {
    color: #87a6bc;
    font-size: 12px;
    font-weight: normal;
    padding-top: 8px;
    width: 100%; }
    @media (min-width: 961px) {
      .following-manage__subscriptions-controls .following-manage__subscriptions-sort .following-manage__sort-controls {
        min-width: 200px; } }
  .following-manage__subscriptions-controls .following-manage__subscriptions-search {
    margin-top: 1px; }
    @media (max-width: 660px) {
      .following-manage__subscriptions-controls .following-manage__subscriptions-search {
        margin-right: 0; } }
  .following-manage__subscriptions-controls .following-manage__subscriptions-search .search-card {
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.7); }
    .following-manage__subscriptions-controls .following-manage__subscriptions-search .search-card .following-manage__search-followed-input.is-compact {
      height: 32px; }
      @media (max-width: 660px) {
        .following-manage__subscriptions-controls .following-manage__subscriptions-search .search-card .following-manage__search-followed-input.is-compact {
          min-width: 0; } }
    .following-manage__subscriptions-controls .following-manage__subscriptions-search .search-card .search__input {
      background: transparent;
      padding-bottom: 5px; }
  .following-manage__subscriptions-controls .following-manage__subscriptions-import-export {
    margin-right: 0; }
    @media (max-width: 660px) {
      .following-manage__subscriptions-controls .following-manage__subscriptions-import-export {
        display: none; } }
    .following-manage__subscriptions-controls .following-manage__subscriptions-import-export .gridicon.gridicons-ellipsis {
      fill: #a8bece;
      top: 0; }

.following-manage__subscriptions-import-export-menu-item .reader-import-button__icon,
.following-manage__subscriptions-import-export-menu-item .reader-export-button__icon {
  vertical-align: middle; }

.following-manage__subscriptions-import-export-menu-item:hover .reader-import-button__icon,
.following-manage__subscriptions-import-export-menu-item:hover .reader-export-button__icon, .following-manage__subscriptions-import-export-menu-item:focus .reader-import-button__icon,
.following-manage__subscriptions-import-export-menu-item:focus .reader-export-button__icon {
  fill: white; }

.following-manage__subscriptions-import-export-menu-item:hover .reader-import-button__label,
.following-manage__subscriptions-import-export-menu-item:hover .reader-export-button__label, .following-manage__subscriptions-import-export-menu-item:focus .reader-import-button__label,
.following-manage__subscriptions-import-export-menu-item:focus .reader-export-button__label {
  color: white; }

.following-manage .reader-recommended-sites {
  border-bottom: 1px solid #c8d7e1; }

.following-manage__search-followed {
  margin-left: 0; }

@media (min-width: 961px) {
  .following-manage__search-followed-input {
    min-width: 200px; } }

.following-manage__search-results > div {
  border-bottom: 1px solid #e9eff3; }
  .following-manage__search-results > div:nth-last-child(2), .following-manage__search-results > div:last-child {
    border-bottom: 0; }

.following-manage__search-results.is-empty,
.following-manage__subscriptions-list.is-empty {
  color: #668eaa; }

.following-manage__search-results .reader-subscription-list-item__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 24px; }
  @media (min-width: 661px) {
    .following-manage__search-results .reader-subscription-list-item__options {
      min-width: 90px; } }
  @media (min-width: 661px) {
    .following-manage__search-results .reader-subscription-list-item__options .button.follow-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.following-manage__search-results.is-empty {
  margin-top: 10px;
  word-wrap: break-word; }

.following-manage__subscriptions-list.is-empty {
  margin-top: 30px;
  text-align: center; }

.following-manage__sites-window-scroller-row-wrapper {
  border-bottom: 1px solid #e9eff3; }
  .following-manage__sites-window-scroller-row-wrapper:last-child {
    border: 0; }

.following-manage__url-follow-no-search-results-message {
  margin-top: -5px;
  padding-bottom: 15px;
  color: #668eaa; }

.following-manage__url-follow {
  border-bottom: 1px solid #e9eff3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 13px 0 10px;
  position: relative;
  z-index: 1; }
  .following-manage__url-follow .follow-button .gridicon {
    fill: #00aadc; }
  .following-manage__url-follow .follow-button .follow-button__label {
    color: #00aadc; }
    @media (max-width: 660px) {
      .following-manage__url-follow .follow-button .follow-button__label {
        display: inline; } }
  .following-manage__url-follow .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .following-manage__url-follow .follow-button.is-following .follow-button__label {
    color: #4ab866; }

.is-reader-page .following.main {
  max-width: 800px; }

.is-reader-page .reader__card.card.is-placeholder {
  border-bottom: 1px solid #c8d7e1;
  box-shadow: none;
  margin-bottom: 0;
  padding: 6px 0 30px; }
  @media (max-width: 660px) {
    .is-reader-page .reader__card.card.is-placeholder {
      margin: 0 15px; } }
  .is-reader-page .reader__card.card.is-placeholder .reader__post-footer {
    margin-left: 0; }

@media (max-width: 660px) {
  .following {
    -webkit-perspective: none;
    perspective: none; } }

.reader__content .reader-excerpt,
.reader__content .reader-post-card__title,
.reader__content .reader-combined-card__post-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.reader__card.card {
  padding: 16px;
  transition: all 0.1s ease-in-out;
  margin-bottom: 15px; }
  @media (min-width: 481px) {
    .reader__card.card {
      padding: 16px 24px 24px;
      margin-bottom: 24px; }
      .reader__card.card.is-selected, .reader__card.card:hover, .reader__card.card.is-x-post.is-selected, .reader__card.card.is-x-post:hover, .reader__card.card.tag-afk.is-selected, .reader__card.card.tag-afk:hover {
        box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; } }
  .reader__card.card .site {
    margin-right: 96px; }
  .reader__card.card .site__content {
    padding: 0; }
  .reader__card.card .follow-button {
    position: absolute;
    top: -3px;
    right: 0; }
    @media (min-width: 661px) {
      .reader__card.card .follow-button {
        z-index: 1; } }
  .reader__card.card .reader-post-byline {
    margin: 8px 0;
    padding: 0;
    font-size: 14px;
    color: #a8bece; }
    .reader__card.card .reader-post-byline .gravatar {
      height: 16px;
      width: 16px;
      top: 4px; }
  .reader__card.card.is-placeholder {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .reader__card.card.is-placeholder .reader__placeholder-text,
    .reader__card.card.is-placeholder .site-icon {
      color: transparent;
      background-color: #e9eff3;
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite; }
    .reader__card.card.is-placeholder .site-icon {
      display: inline-block;
      margin-right: 6px;
      height: 16px;
      width: 16px; }
    .reader__card.card.is-placeholder .reader__post-time {
      position: relative; }
  @media (min-width: 481px) {
    .reader__card.card.is-headerless {
      padding-top: 25px; } }
  .reader__card.card.is-headerless .reader__post-title {
    margin-top: 0; }
  .reader__card.card.is-headerless.has-featured-image {
    padding-top: 0; }
  .reader__card.card .post-excerpt-only p {
    margin-bottom: 1em; }
  .reader__card.card.hide-xpost .po-xpost {
    display: none; }
  .reader__card.card.is-x-post {
    background: transparent;
    box-shadow: none;
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .reader__card.card.is-x-post .reader__post-title {
      font-size: 16px;
      line-height: normal;
      margin: 0;
      cursor: pointer; }
  .reader__card.card.tag-afk {
    background: transparent;
    box-shadow: none;
    padding: 16px 24px; }
    .reader__card.card.tag-afk:hover {
      cursor: pointer; }
    .reader__card.card.tag-afk .reader-full-post__story-content,
    .reader__card.card.tag-afk .reader-post-byline__tag,
    .reader__card.card.tag-afk .reader-post-byline__date,
    .reader__card.card.tag-afk .reader__post-featured-image,
    .reader__card.card.tag-afk .reader__post-footer,
    .reader__card.card.tag-afk .post-excerpt,
    .reader__card.card.tag-afk .site__info {
      display: none; }
    .reader__card.card.tag-afk .site {
      pointer-events: none; }
    .reader__card.card.tag-afk .reader__post-header {
      margin-bottom: 0; }
    .reader__card.card.tag-afk .reader__post-title {
      display: block;
      font-size: 16px;
      margin: 0;
      position: absolute;
      top: 14px;
      left: 66px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: calc( 100% - 90px); }
    .reader__card.card.tag-afk .reader-post-byline {
      margin: 0;
      font-size: 13px;
      position: absolute;
      top: 34px;
      left: 44px; }
    .reader__card.card.tag-afk .follow-button {
      display: none; }
    .reader__card.card.tag-afk.is-headerless {
      padding: 16px 24px 54px; }
      .reader__card.card.tag-afk.is-headerless .reader__post-title,
      .reader__card.card.tag-afk.is-headerless .reader-post-byline {
        position: absolute;
        left: 25px; }

.is-reader-page .reader__card.card.is-x-post {
  border-bottom: 1px solid #c8d7e1;
  margin: 0;
  padding: 20px 42px; }
  .is-reader-page .reader__card.card.is-x-post:hover {
    box-shadow: none; }
  .is-reader-page .reader__card.card.is-x-post .reader__post-title-link,
  .is-reader-page .reader__card.card.is-x-post .reader__post-title-link:visited {
    color: #4f748e; }
  .is-reader-page .reader__card.card.is-x-post .reader__post-title-link:hover {
    color: #2e4453; }
  .is-reader-page .reader__card.card.is-x-post .reader-avatar {
    margin: 0 12px 0 0;
    width: auto; }
    .is-reader-page .reader__card.card.is-x-post .reader-avatar:hover {
      cursor: pointer; }
  .is-reader-page .reader__card.card.is-x-post .site-icon {
    margin: 1px; }
  .is-reader-page .reader__card.card.is-x-post .gravatar {
    border: 1px solid white; }

.reader__post-featured-image,
.reader__post-featured-video {
  cursor: pointer;
  overflow: hidden;
  width: calc( 100% + 32px);
  position: relative;
  top: 0;
  left: -16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #c8d7e1;
  box-shadow: inset 0 0 2px 2px rgba(168, 190, 206, 0.1);
  background: rgba(233, 239, 243, 0.3); }
  @media (min-width: 481px) {
    .reader__post-featured-image,
    .reader__post-featured-video {
      left: -24px;
      width: calc( 100% + 48px);
      margin-bottom: 24px; } }
  .reader__post-featured-image img,
  .reader__post-featured-video img {
    display: block;
    width: auto !important;
    margin: 0 auto;
    max-height: 70vh; }
  .reader__post-featured-image.is-shorter-abtest img,
  .reader__post-featured-video.is-shorter-abtest img {
    -o-object-fit: cover;
       object-fit: cover;
    max-height: none; }
  .reader__post-featured-image iframe,
  .reader__post-featured-video iframe {
    display: block; }

.reader__card .reader-full-post__story-content {
  margin: 0 -24px;
  padding: 0 24px;
  background: transparent;
  border: none;
  color: #3d596d;
  line-height: 1.8;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .reader__card .reader-full-post__story-content blockquote {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px; }
  .reader__card .reader-full-post__story-content p {
    line-height: 1.8; }
  @media (min-width: 481px) {
    .reader__card .reader-full-post__story-content p.reblog-from {
      margin-left: -24px;
      margin-right: -24px;
      padding-left: 24px;
      padding-right: 24px; } }
  @media (max-width: 480px) {
    .reader__card .reader-full-post__story-content p.reblog-from {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px; } }
  .reader__card .reader-full-post__story-content p.reblog-source {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9eff3; }

.reader__x-post-author {
  font-weight: 600; }

.reader__x-post,
.reader__x-post-to {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  color: #87a6bc;
  position: relative; }

.reader__x-post-to {
  margin-top: 16px;
  padding-left: 26px; }
  .reader__x-post-to .gridicon {
    height: 12px;
    width: 12px;
    display: inline-block;
    fill: white;
    background: #87a6bc;
    padding: 4px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.reader__post-header {
  margin: 0 0 16px 0;
  padding: 0;
  position: relative;
  line-height: 16px; }
  .reader__post-header:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.reader__post-byline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #a8bece;
  font-size: 12px;
  line-height: 1; }

.reader-stream__recommended-posts {
  border-bottom: 1px solid #c8d7e1;
  padding-bottom: 12px; }
  @media (max-width: 660px) {
    .reader-stream__recommended-posts {
      margin: 0 15px; } }

.reader-stream__recommended-posts-header {
  color: #a8bece;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 13px 0 17px;
  position: relative;
  text-transform: uppercase; }
  .reader-stream__recommended-posts-header .gridicon {
    fill: #a8bece;
    margin-right: -2px;
    position: relative;
    left: -2px;
    top: 2px; }

.reader-stream__recommended-posts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 -30px;
  padding: 0; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-stream__recommended-posts-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 0 -10px; } }
  @media (max-width: 660px) {
    .reader-stream__recommended-posts-list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0 0 -30px; } }
  @media (max-width: 535px) {
    .reader-stream__recommended-posts-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 0 -10px; } }

.reader-stream__recommended-posts-list-item {
  list-style-type: none;
  position: relative;
  width: 50%;
  position: relative;
  top: -41px; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-stream__recommended-posts-list-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      top: 0;
      width: 100%; } }
  @media (max-width: 535px) {
    .reader-stream__recommended-posts-list-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      top: 0;
      width: 100%; } }
  .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss {
    height: 30px; }
    .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .button {
      float: right; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .button {
          float: none; } }
      @media (max-width: 535px) {
        .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .button {
          float: none; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss {
        float: left;
        position: relative;
        width: 20px; } }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss {
        float: left;
        position: relative;
        width: 20px; } }
    .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .gridicon {
      fill: #a8bece;
      width: 14px;
      height: 14px;
      top: -3px; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .gridicon {
          top: -10px; } }
      @media (max-width: 535px) {
        .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .gridicon {
          top: -10px; } }
  .reader-stream__recommended-posts-list-item .card.reader-related-card-v2 {
    margin: 0;
    padding-top: 6px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .card.reader-related-card-v2 {
        padding-top: 0; } }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .card.reader-related-card-v2 {
        padding-top: 0; } }
    .reader-stream__recommended-posts-list-item .card.reader-related-card-v2 .reader-related-card-v2__meta .gravatar {
      margin: 3px 8px 0 0; }
    .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta {
      margin-bottom: 17px; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta {
          margin-top: -2px; } }
      @media (max-width: 535px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta {
          margin-top: -2px; } }
    .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta .follow-button {
      margin-top: -9px; }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__site-info {
        margin-top: 20px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__site-info {
        margin-top: 20px; } }
    .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__post {
      margin-top: 0;
      max-height: 108px; }
      @media (max-width: 535px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__post {
          max-height: 128px; } }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__post {
          max-height: 128px; } }
      @media (max-width: 480px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__post {
          max-height: 125px; } }
  .reader-stream__recommended-posts-list-item:first-child {
    margin-right: 10px; }
    @media (min-width: 661px) {
      .reader-stream__recommended-posts-list-item:first-child {
        margin-right: 15px; } }
  .reader-stream__recommended-posts-list-item:last-child {
    margin-left: 10px; }
    @media (min-width: 661px) {
      .reader-stream__recommended-posts-list-item:last-child {
        margin-left: 15px; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-stream__recommended-posts-list-item:first-child, .reader-stream__recommended-posts-list-item:last-child {
      margin: 0 0 20px 0; } }
  @media (max-width: 535px) {
    .reader-stream__recommended-posts-list-item:first-child, .reader-stream__recommended-posts-list-item:last-child {
      margin: 0 0 20px 0; } }
  @media (max-width: 480px) {
    .reader-stream__recommended-posts-list-item:first-child, .reader-stream__recommended-posts-list-item:last-child {
      margin: 0 0 20px 0; } }
  .reader-stream__recommended-posts-list-item:only-child {
    margin: 0; }
  .reader-stream__recommended-posts-list-item .reader-related-card-v2__meta .follow-button {
    margin-top: -8px; }
  .reader-stream__recommended-posts-list-item .reader-related-card-v2__post {
    margin-top: -2px;
    max-height: 208px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__post {
        max-height: 107px; } }
    @media (max-width: 660px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__post {
        max-height: 207px; } }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__post {
        max-height: 104px; } }
    .reader-stream__recommended-posts-list-item .reader-related-card-v2__post .reader-related-card-v2__excerpt {
      -webkit-line-clamp: initial; }
  .reader-stream__recommended-posts-list-item .reader-related-card-v2__featured-image {
    border: 1px solid #e9eff3;
    margin: 0 0 14px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__featured-image {
        margin: 0 15px 0 0; } }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__featured-image {
        margin: 0 15px 0 0; } }

.reader-list-gap {
  border-bottom: 1px solid #c8d7e1;
  cursor: pointer;
  margin-bottom: 16px;
  padding: 30px 0;
  position: relative;
  text-align: center; }
  @media (max-width: 660px) {
    .reader-list-gap {
      margin: 0 15px; } }
  .reader-list-gap.is-selected {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .reader-list-gap::before, .reader-list-gap::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0; }
  .reader-list-gap::before {
    background: linear-gradient(-135deg, #e9eff3 8px, transparent 0) 0 8px, linear-gradient(135deg, #e9eff3 8px, transparent 0) 0 8px;
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 16px 16px;
    height: 16px;
    top: 46%; }
  .reader-list-gap::after {
    background: linear-gradient(-135deg, white 8px, transparent 0) 0 8px, linear-gradient(135deg, white 8px, transparent 0) 0 8px;
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 16px 16px;
    height: 16px;
    top: 44%; }

.reader-list-gap__button {
  border: none;
  background: #87a6bc;
  color: white;
  position: relative;
  z-index: 1; }
  .reader-list-gap__button:hover {
    color: rgba(255, 255, 255, 0.8); }

.reader-list-item__title,
.reader-list-item__description {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 54px;
  margin-right: 100px;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }
  .reader-list-item__title:after,
  .reader-list-item__description:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.reader-list-item__card.is-placeholder .reader-list-item__title,
.reader-list-item__card.is-placeholder .reader-list-item__description {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.reader-list-item__card.is-placeholder .reader-list-item__title {
  margin-top: -3px; }

.reader-list-item__card.is-placeholder .reader-list-item__description {
  margin-top: 4px;
  width: 25%; }

.reader-list-item__title {
  color: #2e4453;
  font-size: 16px; }
  .reader-list-item__title a {
    color: #2e4453; }

.reader-list-item__description {
  font-style: italic;
  font-size: 13px;
  color: #87a6bc; }
  .reader-list-item__description a {
    color: #87a6bc; }

.reader-list-item__icon {
  position: absolute;
  left: 16px;
  top: 14px;
  height: 48px;
  width: 48px;
  text-align: center; }
  .reader-list-item__icon .gridicon {
    background: #c8d7e1;
    fill: white;
    position: relative;
    top: 1px; }

.reader-list-item__actions {
  position: absolute;
  bottom: 0;
  right: 20px;
  top: 18px; }
  @media (max-width: 660px) {
    .reader-list-item__actions .follow-button__label {
      display: none; } }

.foldable-card .reader-list-item__icon {
  left: 42px; }

.foldable-card .reader-list-item__title,
.foldable-card .reader-list-item__description {
  margin: 0 100px 0 90px; }
  @media (max-width: 660px) {
    .foldable-card .reader-list-item__title,
    .foldable-card .reader-list-item__description {
      margin: 0 30px 0 90px; } }

.is-group-reader .card.list-stream__header {
  box-shadow: none;
  border-bottom: 1px solid #c8d7e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 48px;
  margin-top: 24px;
  padding: 0 14px 14px; }
  @media (min-width: 661px) {
    .is-group-reader .card.list-stream__header {
      padding-left: 0;
      padding-right: 0;
      margin-top: 0; } }
  .is-group-reader .card.list-stream__header.has-description {
    padding-bottom: 18px; }
  .is-group-reader .card.list-stream__header:hover {
    cursor: default; }

.list-stream__header-icon {
  height: 48px;
  width: 48px;
  background: #c8d7e1;
  text-align: center; }
  .list-stream__header-icon .gridicon {
    fill: white;
    height: 24px;
    position: relative;
    top: 12px;
    width: 24px; }

.list-stream__header-details {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
  width: calc( 100% - 15px); }
  @media (min-width: 661px) {
    .list-stream__header-details {
      width: calc( 100% - 165px); } }

.list-stream__header-title {
  color: #2e4453;
  font-size: 16px; }

.list-stream__header-description {
  margin: 0;
  color: #87a6bc; }

.list-stream__header-title,
.list-stream__header-description {
  height: 22px;
  overflow: hidden;
  position: relative; }
  .list-stream__header-title:after,
  .list-stream__header-description:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 15%;
    height: auto; }

.list-stream__header-follow {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  z-index: 0; }
  .list-stream__header-follow .follow-button {
    padding: 0;
    z-index: 1; }
    .list-stream__header-follow .follow-button .gridicon {
      fill: #00aadc; }
    .list-stream__header-follow .follow-button .follow-button__label {
      color: #00aadc; }
    .list-stream__header-follow .follow-button.is-following .gridicon {
      fill: #4ab866; }
    .list-stream__header-follow .follow-button.is-following .follow-button__label {
      color: #4ab866; }

.list-stream__header.is-placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .list-stream__header.is-placeholder .list-stream__header-title,
  .list-stream__header.is-placeholder .follow-button,
  .list-stream__header.is-placeholder .follow-button__label {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .list-stream__header.is-placeholder .list-stream__header-title {
    margin-right: 25%; }
  .list-stream__header.is-placeholder .gridicon {
    display: none; }

.list-stream__header-edit {
  margin-left: auto; }
  .list-stream__header-edit .list-stream__header-action-label {
    display: none; }
  .list-stream__header-edit .list-stream__header-action-icon .gridicon {
    fill: #87a6bc;
    margin: auto;
    position: relative;
    bottom: 0;
    top: 12px;
    right: -6px; }

.post-excerpt-link {
  background: #f3f6f8;
  color: #4f748e;
  padding: 16px 48px 16px 24px;
  margin: 20px 0 8px;
  position: relative; }
  @media (max-width: 480px) {
    .post-excerpt-link {
      padding-left: 16px; } }
  .post-excerpt-link .gridicon {
    position: absolute;
    right: 16px;
    top: 10px;
    padding: 8px;
    cursor: pointer;
    fill: #a8bece;
    width: 20px;
    height: 20px;
    transition: all 0.15s ease-in-out; }
    @media (max-width: 480px) {
      .post-excerpt-link .gridicon {
        right: 8px; } }
    .post-excerpt-link .gridicon:hover {
      fill: #78dcfa; }
  .post-excerpt-link.is-showing-notice .gridicon {
    fill: #2e4453; }
  .post-excerpt-link.is-showing-notice .post-excerpt-link__helper {
    max-height: 300px;
    padding-top: 8px; }

.post-excerpt-link__helper {
  max-height: 0;
  overflow: hidden;
  font-size: 14px;
  color: #87a6bc;
  margin: 0;
  transition: all 0.15s ease-in-out; }

.reading-time {
  color: #87a6bc;
  font-weight: 400; }

.reading-time__approx {
  color: #a8bece; }

.reader-recommended__heading {
  color: #87a6bc;
  font-size: 12px;
  text-transform: uppercase;
  margin: 13px 0 12px 17px; }
  @media (min-width: 481px) {
    .reader-recommended__heading {
      margin: 0 0 12px; } }

@media (max-width: 480px) {
  .reader-list-item__title,
  .reader-list-item__description {
    margin-left: 60px; } }

.recommended-for-you .is-placeholder .reader-list-item__title,
.recommended-for-you .is-placeholder .reader-list-item__description {
  margin-top: 1px; }

.is-reader-page .main.search-stream {
  max-width: 960px; }

@media (max-width: 660px) {
  .search-stream__intro {
    margin-left: 16px; } }

.search-stream .search {
  margin-bottom: 0; }

.is-reader-page .search-stream__fixed-area {
  background-color: white;
  position: fixed;
  top: 0;
  margin-top: 47px;
  padding-top: 30px;
  z-index: 20;
  -webkit-font-smoothing: subpixel-antialiased; }

.search-stream__fixed-area .section-nav-tabs.is-dropdown {
  margin: 0; }

.search-stream .search-stream__input-card.card {
  box-shadow: 0 0 0 2px #c8d7e1, 0 1px 2px #c8d7e1;
  margin-bottom: 0; }

.search-stream__input-card.card {
  margin-bottom: 16px;
  padding: 0;
  z-index: 0; }

@media (max-width: 660px) {
  .main.search-stream {
    -webkit-perspective: none;
            perspective: none; } }

.search-stream__blank-suggestions {
  border-bottom: 1px solid #c8d7e1;
  font-size: 13px;
  color: #87a6bc;
  padding: 16px 0;
  text-align: left; }
  .search-stream__blank-suggestions a,
  .search-stream__blank-suggestions a:visited {
    color: #00aadc; }
  .search-stream__blank-suggestions a:hover {
    color: #78dcfa; }
  @media (max-width: 660px) {
    .search-stream__blank-suggestions {
      padding: 16px 16px; } }

.is-reader-page .search-stream .reader__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }

.is-reader-page .search-stream.search-stream__with-sites .search-stream__results.is-two-columns .reader__content,
.is-reader-page .search-stream.search-stream__with-sites .search-stream__single-column-results.is-post-results .reader__content {
  -ms-flex-flow: inherit;
      flex-flow: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.is-reader-page .search-stream__recommendation-list-item {
  box-sizing: border-box;
  border-bottom: 1px solid #c8d7e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: calc( 50% - 15px);
      flex-basis: calc( 50% - 15px);
  margin-left: 15px;
  padding: 18px 0 21px 0; }
  @media (min-width: 661px) and (max-width: 730px) {
    .is-reader-page .search-stream__recommendation-list-item {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin: 0; } }
  @media (max-width: 660px) {
    .is-reader-page .search-stream__recommendation-list-item {
      -ms-flex-preferred-size: calc( 50% - 30px);
          flex-basis: calc( 50% - 30px);
      margin-left: 15px;
      margin-right: 15px; } }
  @media (max-width: 535px) {
    .is-reader-page .search-stream__recommendation-list-item {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-left: 15px;
      margin-right: 15px; } }
  .is-reader-page .search-stream__recommendation-list-item:nth-child(2n) {
    -ms-flex-preferred-size: calc( 50% - 15px);
        flex-basis: calc( 50% - 15px);
    margin-left: 0;
    margin-right: 15px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .is-reader-page .search-stream__recommendation-list-item:nth-child(2n) {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-right: 0; } }
    @media (max-width: 660px) {
      .is-reader-page .search-stream__recommendation-list-item:nth-child(2n) {
        -ms-flex-preferred-size: calc( 50% - 30px);
            flex-basis: calc( 50% - 30px);
        margin-left: 15px;
        margin-right: 15px; } }
    @media (max-width: 535px) {
      .is-reader-page .search-stream__recommendation-list-item:nth-child(2n) {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-left: 15px;
        margin-right: 15px; } }
  .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post {
    max-height: 208px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post {
        max-height: 105px; } }
    @media (max-width: 660px) {
      .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post {
        max-height: 206px; } }
    @media (max-width: 535px) {
      .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post {
        max-height: 103px; } }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post .reader-related-card-v2__excerpt {
      -webkit-line-clamp: initial; }
  .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__post {
    max-height: 110px; }
    @media (max-width: 535px) {
      .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__post {
        max-height: 104px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__post {
        max-height: 104px; } }
  .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__meta {
    margin-bottom: 18px; }
  .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__featured-image {
    margin: 0 0 14px; }
  .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta {
    -webkit-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
    margin-bottom: 12px; }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .reader-related-card-v2__byline,
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .reader-related-card-v2__byline-author,
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .reader-related-card-v2__byline-site {
      margin-top: 0; }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .reader-related-card-v2__byline-author {
      margin-bottom: -3px; }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .follow-button {
      height: 25px;
      margin-top: 0;
      position: relative;
      top: -2px; }
      @media (max-width: 480px) {
        .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .follow-button {
          margin-right: 0; } }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .gravatar {
      margin: 4px 8px 0 0; }

.search-stream__sort-picker {
  position: absolute;
  right: 50px;
  top: 11px;
  z-index: 23; }

.search-stream .search-stream__results.is-two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.search-stream__headers {
  color: #87a6bc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  display: flex;
  font-weight: 600;
  list-style-type: none;
  margin: 17px 0 0;
  text-transform: uppercase; }

.search-stream__post-header,
.search-stream__site-header {
  border-bottom: 1px solid #c8d7e1;
  padding-bottom: 15px; }

.search-stream .search-stream__post-header,
.search-stream .search-stream__site-header {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.search-stream .search-stream__post-header {
  margin-right: 40px; }

.search-stream .search-stream__site-header {
  max-width: 265px; }

.search-stream__header .section-nav-tabs__dropdown,
.search-stream__header .section-nav__mobile-header {
  display: none; }

.search-stream__header .section-nav {
  background: inherit;
  border-bottom: 1px solid #c8d7e1;
  box-shadow: none;
  height: 53px;
  margin-bottom: 0;
  padding-bottom: 0; }
  @media (min-width: 481px) {
    .search-stream__header .section-nav {
      height: 58px; } }

.search-stream__header .section-nav-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  margin-top: 5px;
  width: 0; }

.search-stream__header .section-nav-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .search-stream__header .section-nav-tabs__list .section-nav-tab.is-selected {
    border-bottom: 2px solid #2e4453; }
  .search-stream__header .section-nav-tabs__list .is-selected .section-nav-tab__link {
    color: #2e4453; }
  .search-stream__header .section-nav-tabs__list .section-nav-tab__link {
    background-color: transparent;
    color: #0087be;
    padding: 16px; }
    .search-stream__header .section-nav-tabs__list .section-nav-tab__link:hover {
      color: #00aadc; }
  .search-stream__header .section-nav-tabs__list .section-nav-tab__text {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
    width: 100%; }

.search-stream .search-stream__site-results {
  max-width: 265px;
  min-width: 265px;
  margin-left: 40px; }
  .search-stream .search-stream__site-results .reader-infinite-stream__row-wrapper {
    border: 0; }
  .search-stream .search-stream__site-results .reader-subscription-list-item .follow-button__label,
  .search-stream .search-stream__site-results .reader-subscription-list-item__settings-label {
    display: none; }

.search-stream__results.is-two-columns .reader-subscription-list-item__byline {
  min-width: 180px;
  max-width: 180px; }

.search-stream__single-column-results .reader-subscription-list-item__options {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  max-width: 25px; }
  @media (min-width: 661px) {
    .search-stream__single-column-results .reader-subscription-list-item__options {
      -webkit-box-align: start;
          -ms-flex-align: start;
                  -ms-grid-row-align: flex-start;
              align-items: flex-start;
      min-width: 90px; } }

.search-stream__single-column-results .reader-subscription-list-item__timestamp {
  display: none; }

.search-stream__results.is-two-columns .gridicon__follow {
  left: 2px; }

.search-stream__results.is-two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.is-reader-page .search-stream .reader-post-card.card {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

.search-stream__results.is-two-columns .search-stream__post-results {
  max-width: 660px;
  width: calc( 100% - 300px); }
  @media (min-width: 961px) and (max-width: 1040px) {
    .search-stream__results.is-two-columns .search-stream__post-results .reader-post-card__post {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 960px) {
    .search-stream__results.is-two-columns .search-stream__post-results .reader-post-card__post {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (min-width: 961px) and (max-width: 1040px) {
    .search-stream__results.is-two-columns .search-stream__post-results .reader-post-card.card.has-thumbnail .reader-featured-image {
      height: 80px;
      margin: 0 0 20px;
      max-width: 100%; } }
  @media (max-width: 960px) {
    .search-stream__results.is-two-columns .search-stream__post-results .reader-post-card.card.has-thumbnail .reader-featured-image {
      height: 80px;
      margin: 0 0 20px;
      max-width: 100%; } }
  .search-stream__results.is-two-columns .search-stream__post-results .reader-post-card.is-photo .reader-post-card__title {
    white-space: normal; }
  @media (min-width: 961px) and (max-width: 1040px) {
    .search-stream__results.is-two-columns .search-stream__post-results .reader-post-card.is-gallery .reader-post-card__gallery-item:last-child {
      display: none; } }
  @media (max-width: 960px) {
    .search-stream__results.is-two-columns .search-stream__post-results .reader-post-card.is-gallery .reader-post-card__gallery-item:last-child {
      display: block; } }
  .search-stream__results.is-two-columns .search-stream__post-results .reader-share__button-label,
  .search-stream__results.is-two-columns .search-stream__post-results .comment-button__label-status,
  .search-stream__results.is-two-columns .search-stream__post-results .like-button__label-status {
    display: none; }
  .search-stream__results.is-two-columns .search-stream__post-results .reader-share__button {
    top: 2px; }

.search-stream__results.is-two-columns .search-stream__site-results .gridicons-cog {
  left: -2px;
  top: 8px; }

.search-stream__results.is-two-columns .search-stream__site-results .reader-email-settings__button-label {
  display: none; }

@media (max-width: 660px) {
  .search-stream .reader-subscription-list-item .gridicons-cog {
    left: 1px; } }

@media (max-width: 660px) {
  .card.reader-search-card.is-photo {
    z-index: 0; } }

.search-stream__url-follow {
  border-bottom: 1px solid #e9eff3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 13px 0 10px;
  position: relative;
  z-index: 1; }
  .search-stream__url-follow .follow-button .gridicon {
    fill: #00aadc; }
  .search-stream__url-follow .follow-button .follow-button__label {
    color: #00aadc; }
    @media (max-width: 660px) {
      .search-stream__url-follow .follow-button .follow-button__label {
        display: inline; } }
  .search-stream__url-follow .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .search-stream__url-follow .follow-button.is-following .follow-button__label {
    color: #4ab866; }

.is-group-reader .sidebar {
  overflow-x: hidden; }
  @media (max-width: 660px) {
    .is-group-reader .sidebar {
      z-index: 23; } }
  .is-group-reader .sidebar .sidebar__menu {
    margin-bottom: 8px; }
    .is-group-reader .sidebar .sidebar__menu .selected .menu-link-icon,
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon {
      fill: #87a6bc; }
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar-streams__edit-icon {
      fill: white; }
    .is-group-reader .sidebar .sidebar__menu .is-action-button-selected {
      background-color: #f3f6f8; }
      .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .gridicon {
        fill: #4f748e; }
      .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .sidebar__menu-item-label, .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .menu-link-text {
        color: #2e4453; }
      .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .sidebar__button {
        background-color: #668eaa;
        color: white; }
    .is-group-reader .sidebar .sidebar__menu .sidebar-streams__team {
      margin-top: -1px; }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable {
      margin-top: 0; } }
  .is-group-reader .sidebar .is-togglable .sidebar__heading {
    margin: 0;
    padding: 10px 16px 10px 18px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    .is-group-reader .sidebar .is-togglable .sidebar__heading .gridicon {
      top: 10px;
      left: 20px;
      height: 16px;
      transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .is-group-reader .sidebar .is-togglable .sidebar__heading .count {
      margin-left: 8px; }
    .is-group-reader .sidebar .is-togglable .sidebar__heading:hover {
      color: #00aadc;
      background-color: #f3f6f8; }
      .is-group-reader .sidebar .is-togglable .sidebar__heading:hover .gridicon {
        fill: #00aadc; }
  .is-group-reader .sidebar .is-togglable .sidebar__menu-list,
  .is-group-reader .sidebar .is-togglable .sidebar__menu-empty {
    height: 0;
    overflow: hidden; }
  .is-group-reader .sidebar .is-togglable .sidebar__menu-item {
    transition: opacity 0.15s ease-in-out, -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s ease-in-out;
    transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s ease-in-out, -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: 0.05s;
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__heading {
    background-color: #f3f6f8;
    box-shadow: 0 1px 0 #c8d7e1, 0 -1px 0 #c8d7e1; }
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__heading .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-add-button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list,
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-empty {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px; }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-item {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-item .add-new {
      background: white;
      border: 1px solid #c8d7e1;
      border-radius: 3px;
      color: #668eaa;
      font-size: 11px;
      padding: 6px 7px;
      position: absolute;
      top: 2px;
      right: 8px;
      text-transform: none; }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list .sidebar__menu-item,
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list .sidebar-dynamic-menu__tag {
      background: none;
      border-top: 0; } }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list li:first-child {
      margin-top: -5px; } }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list li:last-child {
      border-bottom: 1px solid rgba(200, 215, 225, 0.5); } }
  .is-group-reader .sidebar .is-togglable .is-add-open .sidebar__menu-add {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .is-group-reader .sidebar .sidebar__menu-empty,
  .is-group-reader .sidebar .sidebar__menu-empty:hover {
    max-width: 60%;
    padding-right: 32px;
    padding-left: 55px;
    font-size: 13px;
    color: #2e4453;
    background-color: transparent !important; }
  .is-group-reader .sidebar .sidebar__menu-item a.sidebar__button {
    margin-top: 5px; }
    @media (max-width: 660px) {
      .is-group-reader .sidebar .sidebar__menu-item a.sidebar__button {
        margin-top: 10px; } }
  .is-group-reader .sidebar .sidebar__menu-item-label {
    padding: 8px 16px 8px 55px; }
    .is-group-reader .sidebar .sidebar__menu-item-label::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20px;
      height: auto;
      padding-right: 50px; }
    .is-group-reader .sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20px;
      height: auto;
      right: 60px; }
    .is-group-reader .sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after {
      right: 20px; }
  .is-group-reader .sidebar .sidebar__menu-add-button {
    position: absolute;
    top: 7px;
    right: 8px;
    border-width: 1px;
    border-color: #c8d7e1;
    padding: 6px 7px;
    border-radius: 3px;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    pointer-events: none;
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 0.05s; }
  .is-group-reader .sidebar .sidebar__menu-add {
    opacity: 0;
    transition: all 0.15s ease-in;
    pointer-events: none;
    padding: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px; }
    .is-group-reader .sidebar .sidebar__menu-add input {
      font-size: 13px;
      padding: 10px 24px 9px; }
    .is-group-reader .sidebar .sidebar__menu-add .gridicon {
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      padding: 8px 13px; }
  .is-group-reader .sidebar .selected .sidebar__menu-action .gridicon {
    fill: #fff !important; }
  .is-group-reader .sidebar .sidebar__menu-action {
    position: absolute;
    top: 3px;
    right: 8px;
    line-height: 15px;
    padding: 3px 4px 2px 4px; }
    .is-group-reader .sidebar .sidebar__menu-action .gridicon {
      position: relative;
      top: 0;
      left: auto;
      fill: #87a6bc !important;
      margin-right: 0; }
    .is-group-reader .sidebar .sidebar__menu-action:hover {
      cursor: pointer; }
      .is-group-reader .sidebar .sidebar__menu-action:hover .gridicon {
        fill: #d94f4f !important; }
    @media (max-width: 660px) {
      .is-group-reader .sidebar .sidebar__menu-action {
        top: -40px; }
        .is-group-reader .sidebar .sidebar__menu-action .gridicon {
          top: 6px; } }
  .is-group-reader .sidebar .sidebar__menu-action-label,
  .is-group-reader .sidebar .sidebar-dynamic-menu-action_label {
    display: none; }

.reader__featured-card {
  padding: 16px 24px 0;
  margin-bottom: 24px; }

.reader__featured-header {
  margin-bottom: 16px; }

.reader__featured-title {
  color: #2e4453;
  display: block;
  font-size: 14px;
  line-height: 1.6; }

.reader__featured-description {
  font-size: 13px;
  color: #87a6bc; }

.reader__featured-posts {
  position: relative;
  left: -24px;
  width: calc( 100% + 48px);
  background-color: #2e4453; }
  @media (min-width: 961px) {
    .reader__featured-posts {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.reader__featured-post {
  position: relative;
  min-height: 52px;
  padding: 32px 24px;
  background-color: #2e4453;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  z-index: 0; }
  @media (min-width: 961px) {
    .reader__featured-post {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-height: 152px; }
      .reader__featured-post:hover {
        background-color: #3d596d; } }

.reader__featured-post-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.3; }

.reader__featured-post-title {
  position: relative;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 18px;
  color: white;
  z-index: 1; }

.tag-stream__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .tag-stream__header.has-back-button {
    margin-top: -27px; }

.tag-stream__header-follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

@media (max-width: 660px) {
  .tag-stream__header .follow-button {
    margin: 12px 0 0 15px; } }

@media (max-width: 660px) {
  .tag-stream__header .follow-button__label {
    display: inline; } }

.tag-stream__header-image {
  background: #e9eff3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 120px;
  margin-top: 15px;
  padding: 10px;
  position: relative;
  z-index: 0; }
  .tag-stream__header-image::before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1; }

.tag-stream__header-image .gridicon.gridicons-tag {
  fill: white;
  position: relative;
  right: 6px;
  top: 3px;
  z-index: 2; }

.tag-stream__header-image-title {
  color: white;
  font-size: 28px;
  line-height: 1.3;
  margin-top: 42px;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  z-index: 2; }

.tag-stream__header-image-byline {
  color: white;
  font-size: 12px;
  font-weight: 500;
  padding-top: 24px;
  text-align: right;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  z-index: 2;
  -webkit-font-smoothing: antialiased; }

.tag-stream__header-image-byline-label {
  opacity: .7; }

.tag-stream__header-image-byline-link,
.tag-stream__header-image-byline-link:visited {
  color: white;
  opacity: .9; }

.tag-stream__header-image-byline-link:hover {
  color: white; }

.is-reader-page .card.header-cake {
  background: none;
  box-shadow: none;
  padding: 0;
  position: relative;
  left: -3px;
  top: 8px; }
  @media (max-width: 660px) {
    .is-reader-page .card.header-cake {
      left: 13px;
      top: 20px; } }
  @media (max-width: 480px) {
    .is-reader-page .card.header-cake {
      top: 14px; } }
  .is-reader-page .card.header-cake .button.header-cake__back {
    padding: 0; }

.is-reader-page .main .tag-stream__empty-content {
  margin-top: 15px; }

.is-reader-page .layout__content {
  padding-top: 47px; }

.is-group-reader .async-load {
  margin: 30px auto;
  width: 50%; }

.is-reader-page .reader__content,
.is-reader-page .reader-start {
  margin-top: 0; }

@media (min-width: 661px) {
  .is-reader-page .recommended-for-you.main,
  .is-reader-page .following.main {
    margin: 30px auto; } }

.is-reader-page .reader-full-post__story-content {
  margin-top: 0; }

.reader__content sup, .reader__content sub {
  position: relative;
  font-size: 0.83em; }

.reader__content sup {
  top: -0.5em; }

.reader__content sub {
  bottom: -0.5em; }

.reader__site-name {
  clear: none;
  color: #4f748e;
  font-size: 14px;
  line-height: 1.3;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 340px;
  margin-right: 8px; }
  .reader__site-name.is-long {
    position: relative; }
    .reader__site-name.is-long:after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
  @media (max-width: 480px) {
    .reader__site-name {
      font-size: 13px;
      max-width: 180px; } }

.reader__post-time {
  color: #a8bece;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap; }
  @media (max-width: 480px) {
    .reader__post-time {
      font-size: 11px; } }

.reader__post-time a {
  color: inherit; }

.reader__post-title {
  clear: none;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.416;
  color: #2e4453;
  margin: 24px 0 8px 0;
  max-width: 750px;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  @media (max-width: 480px) {
    .reader__post-title {
      font-size: 18px;
      line-height: 1.3; } }
  .reader__post-title .reader__post-title-link, .reader__post-title .reader__post-title-link:hover {
    color: #2e4453; }

@media (max-width: 660px) {
  .is-reader-page .is-site-stream .reader-feed-header.has-back-button .reader-feed-header__follow {
    right: 0; } }

@media (max-width: 960px) {
  .is-reader-page .is-site-stream .reader-feed-header.has-back-button .reader-feed-header__follow .reader-feed-header__follow-count {
    display: none; } }

.is-reader-page .is-site-stream .reader-feed-header__back-and-follow .card.header-cake {
  background: none;
  box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 100px;
  position: relative;
  top: 4px;
  z-index: 1; }
  @media (max-width: 960px) {
    .is-reader-page .is-site-stream .reader-feed-header__back-and-follow .card.header-cake {
      margin-top: 0; } }
  @media (max-width: 660px) {
    .is-reader-page .is-site-stream .reader-feed-header__back-and-follow .card.header-cake {
      left: 0; } }

.is-reader-page .is-site-stream .reader-feed-header__back-and-follow .button.header-cake__back {
  overflow: visible;
  padding: 0;
  position: relative; }

.wpcom-reblog-snapshot .reblogger-headline {
  display: none; }

.wpcom-reblog-snapshot .reblogger-note-content blockquote {
  padding: 0;
  margin: 0 0 24px 0;
  border: none;
  background: none;
  color: inherit; }

.wpcom-reblog-snapshot p.reblog-from {
  position: relative;
  margin: 0 -32px 0 -32px;
  padding: 16px 32px 8px 32px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  border-top: 1px solid #c8d7e1;
  background: linear-gradient(to bottom, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%); }
  .wpcom-reblog-snapshot p.reblog-from .avatar {
    display: none; }

.wpcom-reblog-snapshot p.reblog-source {
  position: relative;
  top: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 15px;
  padding-top: 5px;
  border-top: 1px solid #c8d7e1; }
  .wpcom-reblog-snapshot p.reblog-source a {
    padding: 5px 10px;
    display: block;
    text-align: center; }
  .wpcom-reblog-snapshot p.reblog-source span {
    display: none; }

.reader__post-footer {
  clear: both;
  padding: 0;
  margin: 16px 0 0 -4px;
  list-style: none;
  font-size: 14px;
  color: #87a6bc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .reader__post-footer li {
    margin-right: 8px; }
    @media (min-width: 481px) {
      .reader__post-footer li {
        margin-right: 16px; } }
    .reader__post-footer li:last-child {
      margin-right: 0; }
  .reader__post-footer a {
    text-decoration: none; }

@media (max-width: 530px) {
  .is-group-reader .post-edit-button__label,
  .is-group-reader .reader-share__button-label,
  .is-group-reader .comment-button__label-status,
  .is-group-reader .like-button__label-status {
    display: none; } }

@media (min-width: 661px) and (max-width: 790px) {
  .is-group-reader .post-edit-button__label,
  .is-group-reader .reader-share__button-label,
  .is-group-reader .comment-button__label-status,
  .is-group-reader .like-button__label-status {
    display: none; } }

.reader__post-embed-count {
  padding: 4px 6px;
  border-radius: 4px;
  background: #f3f6f8; }

/* Tiled Gallery Default Styles
 * Mostly copied from Atlas -Shaun
-------------------------------------------------------------- */
.tiled-gallery {
  clear: both;
  overflow: hidden;
  margin: 0 auto 20px auto;
  max-width: 100%; }

.tiled-gallery img {
  margin: 2px !important;
  /* Ensure that this value isn't overridden by themes that give content images blanket margins */ }

.tiled-gallery .gallery-group {
  float: left;
  position: relative; }

.tiled-gallery .tiled-gallery-item {
  float: left;
  margin: 0;
  position: relative;
  width: inherit;
  /* prevents ie8 bug with inline width styles */ }

.tiled-gallery .gallery-row {
  overflow: hidden; }

.tiled-gallery .tiled-gallery-item a {
  /* Needs to reset some properties for theme compatibility */
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: auto; }

.tiled-gallery .tiled-gallery-item img,
.tiled-gallery .tiled-gallery-item img:hover {
  /* Needs to reset some properties for theme compatibility */
  background: none;
  border: none;
  box-shadow: none;
  max-width: 100%;
  padding: 0;
  vertical-align: middle; }

.tiled-gallery-caption {
  /* Captions */
  box-sizing: border-box;
  /* to make width: 100% work */
  background: #222;
  background: rgba(0, 0, 0, 0.3);
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2) 73%, rgba(0, 0, 0, 0.5) 100%);
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 14px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-weight: 400;
  overflow: hidden;
  padding: 10px 20px;
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px; }

.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption {
  /* Smaller captions */
  font-size: 11px; }

/* Hide galleries in widgets until they've been resized to fit.
 * Gallery widgets are almost guaranteed to need resizing, and
 * the jump is a little more obvious than galleries in content. */
.widget-gallery .tiled-gallery-unresized {
  visibility: hidden;
  height: 0px;
  overflow: hidden; }

/* =Greyscale
-------------------------------------------------------------- */
.tiled-gallery .tiled-gallery-item img.grayscale {
  position: absolute;
  left: 0;
  top: 0; }

.tiled-gallery .tiled-gallery-item img.grayscale:hover {
  opacity: 0; }

/* =Circles Layout
-------------------------------------------------------------- */
.tiled-gallery.type-circle .tiled-gallery-item img {
  border-radius: 50%; }

.tiled-gallery.type-circle .tiled-gallery-caption {
  display: none;
  opacity: 0; }

.is-group-reader .main .empty-content,
.is-reader-page .main .empty-content {
  padding-top: 0; }
  .is-group-reader .main .empty-content .empty-content__title,
  .is-reader-page .main .empty-content .empty-content__title {
    margin-top: -10px; }
  .is-group-reader .main .empty-content.stream__empty,
  .is-reader-page .main .empty-content.stream__empty {
    margin-top: 25px; }

@media (max-width: 480px) {
  .is-group-reader .empty-content__action,
  .is-reader-page .empty-content__action {
    margin-bottom: 10px; } }

.is-reader-page .search-stream .empty-content {
  margin-top: 135px; }

.is-reader-page .search-stream__single-column-results .empty-content {
  margin-top: 0; }

/* = List end (shown at end of streams)
 --------------------------------------------------------------- */
.is-reader-page .list-end:before {
  border-bottom: none; }

.is-reader-page .list-end:after {
  background-color: inherit;
  margin-top: 20px; }

.reader-update-notice {
  position: fixed;
  top: 55px;
  right: 16px;
  background: rgba(240, 130, 30, 0.96);
  padding: 6px 18px 6px 34px;
  border-radius: 24px;
  color: white;
  z-index: 22;
  margin: 0;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  pointer-events: none;
  transition: background 0.15s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: background 0.15s ease-in-out, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: background 0.15s ease-in-out, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .reader-update-notice:hover {
    background: #00aadc; }
  .reader-update-notice.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto;
    cursor: pointer; }

.reader-update-notice .gridicon {
  fill: white;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 10px; }

.support-user__login-dialog.dialog.card {
  min-width: 380px; }

.support-user__heading {
  font-size: 21px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 15px; }

.design-menu__header {
  background: #e9eff3;
  border-bottom: 1px solid #d9e3ea;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  position: relative; }
  .design-menu__header .button {
    text-align: left;
    padding: 16px;
    width: 100%; }
  @media (max-width: 660px) {
    .design-menu__header {
      background-color: #f3f6f8; } }
  .design-menu__header:hover {
    background-color: #f3f6f8; }
    .design-menu__header:hover .button.is-borderless:hover,
    .design-menu__header:hover .button.is-borderless:focus {
      color: #2e4453; }

.design-menu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  background: #e9eff3;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100vw;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  opacity: 1;
  z-index: 100201;
  border-right: 1px solid #d9e3ea; }
  @media (min-width: 661px) {
    .design-menu {
      width: 272px; } }
  .design-menu.is-visible.is-layout-preview-sidebar {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw); }
  @media (min-width: 661px) {
    .design-menu.is-visible {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw); } }

.design-menu .site {
  background-color: #fff; }

.design-menu__preview.button,
.design-menu__save.button {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px; }

@media (min-width: 661px) {
  .design-menu__preview.button {
    display: none; } }

.design-tool-list ul {
  list-style: none;
  margin: 0; }

.design-tool-list__button {
  position: relative; }

.sidebar__menu .gridicon.design-tool-list__button__icon {
  cursor: pointer;
  right: 12px;
  left: inherit; }

.design-preview__mobile-show-sidebar {
  width: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 661px) {
    .design-preview__mobile-show-sidebar {
      display: none; } }

.design-preview__mobile-show-sidebar-label {
  margin-left: 6px; }

.wp-job-manager__main {
  font-size: 14px; }

.wp-job-manager__main .form-toggle__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.wp-job-manager__main .form-toggle__switch {
  margin-top: 3px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.wp-job-manager__main input[type="number"] {
  padding: 0;
  width: 50px;
  text-align: center; }

.wp-job-manager__main .form-setting-explanation.is-indented {
  margin-left: 36px; }

.wp-job-manager__main .form-fieldset .form-setting-explanation:first-child,
.wp-job-manager__main .form-toggle__wrapper + .form-setting-explanation {
  margin-top: 0; }

.wp-job-manager__main .form-fieldset .form-setting-explanation:first-child,
.wp-job-manager__main .form-toggle__wrapper + .form-setting-explanation,
.wp-job-manager__main .form-label + .form-setting-explanation {
  margin-bottom: 5px; }

.wp-job-manager__main .form-fieldset:last-child,
.wp-job-manager__main .form-setting-explanation:last-child,
.wp-job-manager__main .form-label:last-child {
  margin-bottom: 0; }

.wp-job-manager__setup .confirmation__link {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  color: #537994; }

.wp-job-manager__setup .confirmation__help {
  margin: 0; }

.wp-job-manager__setup .confirmation__support {
  list-style: none;
  margin: 0; }

.wp-job-manager__setup .confirmation__support li {
  margin-bottom: 5px; }

.wp-job-manager__setup .confirmation__support .gridicon {
  color: #0087be;
  top: 2px;
  position: relative; }

.wp-job-manager__setup .intro__skip-setup {
  color: #00aadc;
  display: block;
  font-size: 13px;
  text-align: center; }
  @media (min-width: 661px) {
    .wp-job-manager__setup .intro__skip-setup {
      float: left;
      line-height: 38px; } }

.wp-job-manager__setup .intro__start-setup {
  margin-top: 10px; }
  @media (max-width: 660px) {
    .wp-job-manager__setup .intro__start-setup {
      margin-bottom: 18px;
      width: 100%; } }
  @media (min-width: 661px) {
    .wp-job-manager__setup .intro__start-setup {
      float: right;
      margin: 0; } }

.wp-job-manager__setup .page-setup__page {
  display: inline; }

.wp-job-manager__setup .page-setup__pages .form-text-input {
  width: 250px; }

.wp-job-manager__setup .page-setup__pages .form-input-validation.is-error,
.wp-job-manager__setup .page-setup__pages .form-setting-explanation {
  margin-left: 36px; }

.wp-job-manager__setup .page-setup__pages .button {
  margin-right: 8px; }

.wp-job-manager__setup .page-setup__skip {
  color: #00aadc;
  display: block;
  font-size: 13px;
  text-align: center; }
  @media (min-width: 661px) {
    .wp-job-manager__setup .page-setup__skip {
      float: left;
      line-height: 38px; } }

.wp-job-manager__setup .page-setup__create-pages {
  margin-top: 10px; }
  @media (max-width: 660px) {
    .wp-job-manager__setup .page-setup__create-pages {
      margin-bottom: 18px;
      width: 100%; } }
  @media (min-width: 661px) {
    .wp-job-manager__setup .page-setup__create-pages {
      float: right;
      margin: 0; } }

.wp-super-cache__main .form-toggle__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  font-size: 14px; }

.wp-super-cache__main .form-toggle__switch {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-top: 3px; }

.wp-super-cache__main .button {
  margin-right: 8px; }

.wp-super-cache__main .form-fieldset:last-child {
  margin-bottom: 0; }

.wp-super-cache__notice-hug-card {
  margin-top: -15px; }

.wp-super-cache__cache-test-results {
  list-style: none;
  margin: 0; }

.wp-super-cache__cache-test-results-label {
  display: inline-block;
  font-weight: bold;
  margin-top: 1.5em; }

.wp-super-cache__cache-test-results-item {
  padding: 5px 0; }

.wp-super-cache__cache-test-results-icon {
  margin-left: 5px;
  vertical-align: bottom; }
  .wp-super-cache__cache-test-results-icon.gridicons-checkmark-circle {
    color: #4ab866; }
  .wp-super-cache__cache-test-results-icon.gridicons-cross-circle {
    color: #d94f4f; }

.wp-super-cache__cache-timeout.form-text-input {
  width: 100px;
  margin-right: 10px; }

.wp-super-cache__scheduler .form-radio {
  margin-top: 12px; }

.wp-super-cache__scheduler .form-text-input {
  width: 100px;
  margin-left: 10px;
  margin-right: 10px; }

.wp-super-cache__clock {
  margin-top: 5px; }

.wp-super-cache__interval {
  margin: 10px 0 0 24px; }

.wp-super-cache__nested-page-types {
  margin-left: 36px; }

.wp-super-cache__directly-cached-files .form-text-input,
.wp-super-cache__directly-cached-files .form-text-input-with-action {
  width: 300px; }

.wp-super-cache__directly-cached-files-delete {
  margin-left: 8px;
  vertical-align: middle; }

.wp-super-cache__cache-stat {
  margin-bottom: 20px; }

.wp-super-cache__cache-stat-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px; }

.wp-super-cache__cache-stat-item {
  display: block; }

.wp-super-cache__foldable-card.is-compact .foldable-card__header {
  padding: 24px; }

.wp-super-cache__stats {
  border-collapse: collapse;
  margin: 0; }

.wp-super-cache__stats-header-row {
  color: #87a6bc; }

.wp-super-cache__stats-header-column {
  padding: 8px 12px; }
  .wp-super-cache__stats-header-column:first-child {
    padding-left: 0; }
  .wp-super-cache__stats-header-column:last-child {
    padding-right: 0; }

.wp-super-cache__stat {
  border-bottom: 1px solid #e9eff3;
  color: #2e4453;
  font-size: 14px;
  height: 30px; }
  .wp-super-cache__stat:last-child {
    border-bottom: none; }

.wp-super-cache__stat td {
  padding: 16px 12px;
  vertical-align: middle; }
  .wp-super-cache__stat td:first-child {
    padding-left: 0; }
  .wp-super-cache__stat td:last-child {
    padding-right: 0; }

.wp-super-cache__stat-dir {
  max-width: 140px;
  overflow-wrap: break-word; }
  @media (min-width: 961px) {
    .wp-super-cache__stat-dir {
      max-width: none;
      overflow-wrap: normal; } }

@media (min-width: 961px) {
  .wp-super-cache__stat-age {
    width: 100%; } }

.wp-super-cache__stat-action {
  text-align: right; }

.wp-super-cache__stat-action .button {
  margin-right: 0; }

.wp-super-cache__preload-posts {
  text-transform: capitalize; }

.wp-super-cache__preload-interval.form-text-input {
  padding: 0;
  width: 50px;
  text-align: center;
  display: inline-block; }

.wp-super-cache__cache-type-fieldset {
  margin-left: 40px;
  margin-bottom: 0;
  margin-top: -10px; }

.wp-super-cache__toggle-notice.is-compact {
  margin-left: 36px;
  margin-bottom: 5px; }

.wp-super-cache__condition-settings-explanation {
  margin-bottom: 20px; }

.wp-super-cache__lock-down-container,
.wp-super-cache__cdn-fieldsets {
  margin-left: 40px; }

.wp-super-cache__lock-down-explanation,
.wp-super-cache__lock-down-code-block {
  margin-bottom: 1.5em; }

.wp-super-cache__lock-down-code-block {
  overflow: hidden; }

.wp-super-cache__main .wp-super-cache__lock-down-code-block-snippet {
  font-family: monospace, serif;
  display: block; }

.wp-super-cache__main .wp-super-cache__lock-down-code-block-button {
  margin-right: 0;
  float: right; }

.wp-super-cache__main .wp-super-cache__debug-cache-comment-snippet {
  font-family: monospace, serif;
  font-style: normal;
  display: block;
  white-space: pre; }

.wp-super-cache__plugins-tab .form-setting-explanation {
  margin-left: 36px;
  margin-bottom: 5px; }

.wp-super-cache__debug-fieldsets,
.wp-super-cache__debug-tab .form-fieldset .form-setting-explanation.is-indented {
  margin-left: 36px; }

.wp-super-cache__debug-log-button {
  margin-top: 12px; }

.zoninator__zone-list-item {
  border: 1px solid #e9eff3;
  white-space: nowrap; }
  .zoninator__zone-list-item .section-header__label-text {
    width: 90px; }
    @media (min-width: 481px) {
      .zoninator__zone-list-item .section-header__label-text {
        width: 235px; } }
    @media (min-width: 661px) {
      .zoninator__zone-list-item .section-header__label-text {
        width: 120px; } }
    @media (min-width: 1041px) {
      .zoninator__zone-list-item .section-header__label-text {
        width: 440px; } }

.zoninator__zone-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5; }

.zoninator__recent-posts-dropdown .select-dropdown__options {
  width: 250px; }

.zoninator__search-autocomplete.has-highlight {
  box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; }

.zoninator__search-autocomplete .search.has-focus {
  box-shadow: none; }

.zoninator__search-autocomplete-card {
  padding: 11px 24px 10px;
  min-height: 48px; }

.zoninator__search-autocomplete .suggestions__wrapper {
  position: absolute;
  left: 0;
  top: 52px;
  z-index: 10; }

.zoninator__main .form-fieldset:last-child {
  margin-bottom: 0; }

.is-section-zoninator .layout__content {
  overflow: visible; }

.zones-dashboard__zone-label {
  color: #2e4453;
  font-weight: bold; }
  .zones-dashboard__zone-label.is-placeholder {
    width: 38%;
    height: 22px;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.zones-dashboard__zone-description {
  color: #2e4453;
  height: 15px;
  width: 56%; }
  .zones-dashboard__zone-description.is-placeholder {
    margin: 7px 0 0;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.zones-dashboard__zone-description-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (max-width: 660px) {
  .design {
    padding: 0 6px; } }

.design__group > h2,
.docs__design-group > h2,
.design__group > h2 a:first-child,
.docs__design-group > h2 a:first-child {
  color: #2e4453;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-size: 38px;
  font-weight: bold;
  margin: 40px 0 15px; }

.design h3, .design h4 {
  font-weight: bold;
  margin-bottom: 8px; }

.docs__design-toggle,
.design__toggle {
  float: right;
  top: -68px;
  position: relative; }

.design__group,
.docs__design-group {
  color: #2e4453; }

.design__group .docs-example,
.docs__design-group .docs-example {
  margin-top: 40px; }

.design__group > .gridicon:hover,
.design__group > .social-logo:hover,
.docs__design-group > .gridicon:hover,
.docs__design-group > .social-logo:hover {
  fill: #87a6bc;
  cursor: pointer; }

.design__collection {
  min-height: 500px; }

.docs__design-button-row,
.design__button-row {
  margin-bottom: 20px; }
  .docs__design-button-row .button,
  .design__button-row .button {
    margin-right: 16px !important; }

.docs__design-button-group-row {
  margin-bottom: 20px; }
  .docs__design-button-group-row .button-group {
    margin-right: 16px; }

.docs__design-button-row .button-group .button {
  margin-right: 0 !important; }

.card__component-instance {
  background-color: #f3f6f8;
  margin: 0;
  padding: 15px 20px; }
  .card__component-instance h3 span {
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
    margin-left: 5px; }
  .card__component-instance h3 .gridicon {
    margin: 0 0 0 5px; }
  .card__component-instance label {
    font-size: 13px;
    color: #87a6bc;
    display: inline-block;
    margin: 5px 0 1px; }
  .card__component-instance a.card__property-action {
    float: right;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 24px; }
  .card__component-instance input.editable-property {
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 14px; }

.card__block {
  margin: 0 0 10px 0; }

.state-value {
  color: #4f748e;
  font-size: 13px;
  background-color: white;
  padding: 5px;
  border: 1px dotted #87a6bc;
  border-radius: 3px;
  text-align: center;
  cursor: default; }

.docs-example__wrapper-unique .docs__select-dropdown-container {
  height: 600px; }
  .docs-example__wrapper-unique .docs__select-dropdown-container .select-dropdown-example__fixed-width .select-dropdown__item .select-dropdown__item-text {
    position: initial; }
  .docs-example__wrapper-unique .docs__select-dropdown-container .select-dropdown-example__fixed-width .select-dropdown__item::before {
    display: none; }
  .docs-example__wrapper-unique .docs__select-dropdown-container .select-dropdown-example__fixed-width .select-dropdown__container {
    max-width: 220px; }

.docs__suggestions-container .search-card {
  margin-bottom: 4px; }

.docs__suggestions-container .search.has-focus {
  box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; }

code[class*="lang-"] {
  color: #393A34;
  direction: ltr;
  text-align: left;
  white-space: pre;
  line-height: 1.2em;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

code[class*="lang-"]::-moz-selection, code[class*="lang-"] ::-moz-selection,
code[class*="lang-"]::-moz-selection, code[class*="lang-"] ::-moz-selection {
  background: #b3d4fc; }

code[class*="lang-"]::selection, code[class*="lang-"] ::selection,
code[class*="lang-"]::-moz-selection, code[class*="lang-"] ::-moz-selection {
  background: #b3d4fc; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #969896;
  font-style: italic; }

.token.namespace {
  opacity: .7; }

.token.string,
.token.attr-value {
  color: #183691; }

.token.url,
.token.symbol,
.token.number,
.token.boolean,
.token.constant,
.token.property,
.token.regex,
.token.variable,
.token.inserted {
  color: #0086b3; }

.token.atrule,
.token.attr-name,
.language-autohotkey .token.selector {
  color: #00a4db; }

.token.function,
.token.deleted,
.language-autohotkey .token.tag {
  color: #9a050f; }

.token.tag,
.token.selector,
.language-autohotkey .token.keyword {
  color: #00009f; }

.token.important,
.token.function,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.punctuation,
.token.operator,
.token.keyword {
  color: #a71d5d; }

.token.entity,
.token.function {
  color: #795da3; }