@charset "UTF-8";
/* Collection default theme */
.Collection {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* Without this property, Chrome repaints the entire Collection any time a new row or column is added.
     Firefox only repaints the new row or column (regardless of this property).
     Safari and IE don't support the property at all. */
  will-change: transform; }

.Collection__innerScrollContainer {
  box-sizing: border-box;
  overflow: hidden; }

.Collection__cell {
  position: absolute; }

/* Grid default theme */
.Grid {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* Without this property, Chrome repaints the entire Grid any time a new row or column is added.
     Firefox only repaints the new row or column (regardless of this property).
     Safari and IE don't support the property at all. */
  will-change: transform; }

.Grid__innerScrollContainer {
  box-sizing: border-box;
  overflow: hidden;
  position: relative; }

.Grid__cell {
  position: absolute; }

/* FlexTable default theme */
.FlexTable__Grid {
  overflow-x: hidden;
  box-sizing: border-box; }

.FlexTable__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box; }

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

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

.FlexTable__headerColumn,
.FlexTable__rowColumn {
  margin-right: 10px;
  min-width: 0px; }

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

.FlexTable__headerColumn:first-of-type,
.FlexTable__rowColumn:first-of-type {
  margin-left: 10px; }

.FlexTable__sortableHeaderColumn {
  cursor: pointer; }

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

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

/* VirtualScroll default theme */
.VirtualScroll {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

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

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }
  .screen-reader-text:hover, .screen-reader-text:active, .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; }

.post-card__anchor, .post-card__search-title, .post-card__search-excerpt, .post-excerpt, .post-type-list__post-title, .editor-media-modal-gallery__preview-individual .wp-caption, .comment__content, .reader__card .reader__full-post-content, .reader__full-post-content {
  font-family: Merriweather, 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, .chart__empty_notice::before, .posts__list .post__meta li a:before, .reader__full-post-content .video-plh-notice::before, input[type=checkbox]:checked:before, .noticon:before,
.noticon:after, .plan-actions__current-plan-label:before, .filter-popover-content:before, .filter-popover-content th {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.updated-confirmation .conf-alert .conf-alert_title:after, .chart__empty_notice::before, .posts__list .post__meta li a:before, .reader__full-post-content .video-plh-notice::before {
  display: inline-block;
  font: normal 16px/1 Noticons;
  vertical-align: middle; }

.welcome-message {
  position: relative;
  margin-bottom: 6%;
  padding: 0 20px 12px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
  .welcome-message:after {
    content: ".";
    display: block;
    height: 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; } }

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

.stats-module.is-loading ul.module-header-actions .gridicon, ul.module-header-actions .stats-module.is-loading .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, ul.module-header-actions .stats-module.is-loading .gridicon:hover::before,
.stats-module.is-loading ul.module-header-actions .gridicon::before, ul.module-header-actions
.stats-module.is-loading .gridicon::before,
.stats-module.is-loading ul.module-header-actions .gridicon:hover, ul.module-header-actions
.stats-module.is-loading .gridicon:hover,
.stats-module.is-loading ul.module-header-actions .gridicon, ul.module-header-actions
.stats-module.is-loading .gridicon {
  color: #f3f6f8;
  fill: #f3f6f8; }

.welcome-message .welcome-section-title, .domain-search-page-wrapper h2, .translator-invitation__title, .media-library__heading, .jetpack-plugins-setup__header, .sharing-service-group__title, .stats-section-title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0; }

.stats-geochart, .stats-pagination__ellipsis,
.stats-pagination__ellipsis:hover, .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, .stats-pagination__list-item, 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, .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; }

.stats-geochart, .stats-pagination__ellipsis,
.stats-pagination__ellipsis:hover, .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; }

/*
 * 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 {
  -webkit-transition: -webkit-transform .2s ease-out;
  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 {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  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 {
  -webkit-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: 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 {
  -webkit-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: 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 {
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  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 {
  -webkit-transition: opacity 0.5s cubic-bezier(0.4, 1, 0.4, 1);
  transition: opacity 0.5s cubic-bezier(0.4, 1, 0.4, 1); }

body.animate .fade-background,
html.animate .fade-background {
  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 1, 0.4, 1);
  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, .token-field, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input {
  margin: 0;
  padding: 7px 14px;
  width: 100%;
  color: #2e4453;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #c8d7e1;
  background-color: white;
  -webkit-transition: all .15s ease-in-out;
  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, .token-field::-webkit-input-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input::-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, .token-field::-moz-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input::-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, .token-field:-ms-input-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:-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, .token-field::placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input::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, .token-field:hover, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input: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, .token-field:focus, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input: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, .token-field:focus::-ms-clear, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input: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, .token-field:disabled, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled {
    background: #f3f6f8;
    border-color: #e9eff3;
    color: #a8bece;
    -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, .token-field:disabled:hover, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input: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, .token-field:disabled::-webkit-input-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input: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, .token-field:disabled::-moz-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input: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, .token-field:disabled:-ms-input-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input: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, .token-field:disabled::placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled::placeholder {
      color: #a8bece; }

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 {
  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: 14px;
  line-height: 21px;
  font-weight: 600;
  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-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; }

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

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

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

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

#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'; }

#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: tab_in_bottom;
  -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; }

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

.olrk-state-compressed #habla_window_div #habla_sizebutton_a {
  background-color: #00aadc;
  padding: 5px 5px 3px 5px;
  text-decoration: none; }

.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: 28px !important; }

/**
* Welcome Messages (currently on stats and post pages)
*/
.welcome-message {
  position: relative;
  background: #f3f6f8;
  margin-bottom: 6%;
  padding: 16px; }
  .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 {
    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; } }

/**
* Infinite Scroll End:
* ------
* Marker that gets appended to the end of a list (e.g. posts) once
* infinite scroll has reached the last page.
*/
.infinite-scroll-end {
  position: relative;
  width: 100%;
  margin-top: 1em;
  text-align: center; }
  .infinite-scroll-end:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: -1;
    border-bottom: solid 1px #d9e3ea; }
  .infinite-scroll-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; }

/**
 * 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; }

/* =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 {
  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; }

/* =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; }

/*
Disabled blocks of content.
Used in releated posts settings.
@todo get rid of it
*/
.disabled-block {
  opacity: 0.5; }

/*
@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;
    -webkit-transition: border-radius 0.2s ease-out;
    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;
    -webkit-transition: all 0.2s ease-out;
    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; }

/**
 * 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;
    -webkit-transition: border-color 0.3s ease, color 0.3s ease;
    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 {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0; }
  .updated-trans-enter .updated-confirmation {
    pointer-events: none; }
  .updated-trans-enter .conf-alert {
    -webkit-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: 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 {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1; }
  .updated-trans-leave .updated-confirmation {
    pointer-events: none; }
  .updated-trans-leave .conf-alert {
    -webkit-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: 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); }

/**
 * Notifications
 */
#wpnt-notes-panel2 {
  position: fixed;
  top: 47px;
  right: 0;
  bottom: 0;
  min-width: 400px; }
  @media (max-width: 480px) {
    #wpnt-notes-panel2 {
      width: 100%;
      min-width: 0; } }
  #wpnt-notes-panel2.wpnt-open {
    opacity: 1;
    pointer-events: auto; }
  #wpnt-notes-panel2.wpnt-closed {
    opacity: 0;
    pointer-events: none;
    display: none; }

#wpnt-notes-panel2.wide {
  border-left: 0px;
  box-shadow: none; }

html.touch #wpnt-notes-panel2 {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

iframe#wpnt-notes-iframe2 {
  width: 400px;
  height: 100%; }
  @media (max-width: 480px) {
    iframe#wpnt-notes-iframe2 {
      width: 100%; } }

iframe#wpnt-notes-iframe2.wide {
  width: 410px; }
  @media (min-width: 961px) {
    iframe#wpnt-notes-iframe2.wide.widescreen {
      width: 810px; } }

.domain-search__content {
  overflow: visible;
  padding: 0 0 20px 0;
  position: static; }

.domain-search-page-wrapper h2 {
  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; } }

form.google-apps-dialog {
  padding: 0; }
  form.google-apps-dialog .google-apps-dialog__product-details {
    background: #f3f6f8;
    padding: 24px 0;
    text-align: center; }
  form.google-apps-dialog .google-apps-dialog__product-name {
    color: #888;
    font-size: 25px;
    font-weight: 100;
    margin: 0; }
  form.google-apps-dialog .google-apps-dialog__product-logo {
    background: url("/calypso/images/upgrades/google-apps-logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 34px;
    margin: 2px 7px 0 0;
    text-indent: -999999px;
    vertical-align: text-top;
    width: 102px; }
  form.google-apps-dialog .google-apps-dialog__header {
    padding: 18px;
    text-align: center; }
    form.google-apps-dialog .google-apps-dialog__header .google-apps-dialog__title {
      color: #2e4453;
      font-weight: 600;
      margin: 0; }
  form.google-apps-dialog .google-apps-dialog__no-setup-required {
    color: #537994; }
  form.google-apps-dialog .google-apps-dialog__file-storage,
  form.google-apps-dialog .google-apps-dialog__professional-email {
    color: #668eaa;
    font-size: 13px;
    font-weight: 600;
    line-height: 130%; }
  form.google-apps-dialog .google-apps-dialog__professional-email {
    border-bottom: 1px solid #d2dee6;
    display: inline-block;
    margin-bottom: 8px;
    padding-bottom: 12px; }
  form.google-apps-dialog .google-apps-dialog__price-per-user {
    color: #00aadc;
    font-size: 18px;
    font-weight: 600; }
  form.google-apps-dialog .google-apps-dialog__billing-period {
    color: #a8bece;
    font-size: 12px;
    text-transform: uppercase; }
  form.google-apps-dialog .notice li {
    list-style: disc; }

.google-apps-dialog__users-enter {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  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 {
  padding: 30px; }
  .google-apps-dialog__footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 661px) {
    .google-apps-dialog__footer {
      padding: 18px; } }
  .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; } }

.layout {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .is-previewing .layout {
    -webkit-filter: blur(3px);
    opacity: 0.2; }

.layout__content {
  position: relative;
  margin: 47px 0 0 0;
  padding: 32px 32px 32px 304px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .layout__content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .has-no-sidebar .layout__content {
    padding-left: 32px; }
  .is-section-theme .layout__content {
    padding: 0;
    margin: 0; }

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

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

.layout__primary {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }

.layout__content a {
  text-decoration: none; }

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

.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(100vw);
              transform: translateX(100vw); } }

.layout.focus-sites .sidebar, .layout.focus-sites .post-editor__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: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
    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: 100vw;
      left: -100vw;
      -webkit-overflow-scrolling: touch; } }
  .layout__secondary .site-selector .site-selector__recent {
    border-bottom: 1px solid #c8d7e1; }

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

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

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

.auth.main {
  float: none;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  background: none; }
  .auth.main .notice {
    width: calc( 100% - 20px);
    margin: 20px auto 0 auto; }
  .auth.main .notice.is-info {
    color: #f3f6f8;
    padding: 0;
    margin: 20px auto 0 auto; }
  .auth.main .notice.is-info .notice__text {
    padding: 0; }
  .auth.main .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],
  .auth__form .form-buttons-bar .editor-drawer-well__placeholder[disabled] .is-primary.editor-drawer-well__button, .editor-drawer-well__placeholder[disabled]
  .auth__form .form-buttons-bar .is-primary.editor-drawer-well__button {
    background: #00a8db;
    border: #00a8db; }
  .auth__form .form-buttons-bar .button.is-primary[disabled], .auth__form .form-buttons-bar .editor-drawer-well__placeholder[disabled] .is-primary.editor-drawer-well__button, .editor-drawer-well__placeholder[disabled] .auth__form .form-buttons-bar .is-primary.editor-drawer-well__button,
  .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%; }

.accordion {
  box-shadow: 0 -1px 0 #dce5ec, 0 1px 0 #dce5ec;
  margin-top: 1px;
  position: relative; }

.accordion__toggle {
  display: block;
  width: 100%;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 16px;
  padding-right: 38px;
  color: #2e4453;
  background-color: #f3f6f8;
  text-align: left; }
  .accordion__toggle:hover {
    background-color: #e9eff3; }
  .accordion__toggle::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: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a8bece; }

.accordion.is-expanded {
  box-shadow: 0 0 0 1px #c8d7e1; }
  .accordion.is-expanded .accordion__toggle {
    background-color: white;
    box-shadow: 0 0 0 1px #c8d7e1; }
    .accordion.is-expanded .accordion__toggle::after {
      content: '\f432'; }
  .accordion.is-expanded .accordion__content {
    overflow: visible; }

.accordion__header.has-subtitle .accordion__toggle {
  padding-top: 8px;
  padding-bottom: 8px; }

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

.accordion__header.has-icon .accordion__title,
.accordion__header.has-icon .accordion__subtitle {
  padding-left: 28px; }

.accordion__subtitle {
  font-size: 0.8em;
  font-style: italic;
  color: #87a6bc;
  white-space: nowrap;
  overflow-x: 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: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
  background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 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: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
  background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
  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: 16px; }

.accordion__section {
  margin-bottom: 24px; }

.accordion__section:last-child {
  margin-bottom: 0; }

.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-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__popover.popover {
  z-index: 100; }

.author-selector__popover .search {
  border-bottom: 1px solid #e9eff3;
  height: 43px;
  margin-bottom: 0; }
  .author-selector__popover .search .search__input[type="search"] {
    border-radius: 5px;
    font-size: 14px;
    height: 43px;
    padding: 0 50px 0; }
  .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; }

.bulk-select {
  display: inline-block; }

.bulk-select__container {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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], .editor-drawer-well__placeholder[disabled] .editor-drawer-well__button, .button:disabled {
    color: #e9eff3;
    background: white;
    border-color: #e9eff3;
    cursor: default; }
    .button[disabled]:active, .editor-drawer-well__placeholder[disabled] .editor-drawer-well__button:active, .button:disabled:active {
      border-width: 1px 1px 2px; }
  .button:focus {
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa; }
  .button.is-compact {
    padding: 7px;
    color: #668eaa;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }
    .button.is-compact:disabled {
      color: #e9eff3; }
    .button.is-compact .gridicon {
      top: 4px;
      margin-top: -8px; }
    .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.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[disabled], .editor-drawer-well__placeholder[disabled] .is-primary.editor-drawer-well__button, .button.is-primary:disabled {
    background: #bceefd;
    border-color: #8cc9e2;
    color: white; }
  .button.is-primary.is-compact {
    color: white; }

.button.is-scary {
  color: #d94f4f; }
  .button.is-scary:hover, .button.is-scary:focus {
    border-color: #d94f4f; }
  .button.is-scary:focus {
    box-shadow: 0 0 0 2px #eba3a3; }
  .button.is-scary[disabled], .editor-drawer-well__placeholder[disabled] .is-scary.editor-drawer-well__button, .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], .editor-drawer-well__placeholder[disabled] .is-primary.is-scary.editor-drawer-well__button, .button.is-primary.is-scary:disabled {
    background: #eba3a3;
    border-color: #e48484; }

.button.is-borderless {
  border: none;
  background: none;
  color: #668eaa;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0; }
  .button.is-borderless:hover, .button.is-borderless:focus {
    box-shadow: none;
    color: #2e4453; }
  .button.is-borderless .gridicon {
    width: 24px;
    height: 24px;
    top: 6px; }
  .button.is-borderless[disabled], .editor-drawer-well__placeholder[disabled] .is-borderless.editor-drawer-well__button, .button.is-borderless:disabled {
    color: #e9eff3;
    cursor: default; }
    .button.is-borderless[disabled]:active, .editor-drawer-well__placeholder[disabled] .is-borderless.editor-drawer-well__button: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], .editor-drawer-well__placeholder[disabled] .is-borderless.is-scary.editor-drawer-well__button {
      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 {
  background: 0 0;
  border: 0;
  padding: 0 2px 1px;
  width: auto;
  box-shadow: none; }

.layout__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 {
  border-width: 1px 0;
  border-style: solid none;
  border-color: transparent;
  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; }

.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:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.section-header .button-group .button {
  margin-right: 0; }

.button-group.example {
  margin-bottom: 16px;
  display: inline-block; }

.card, .editor-drawer-well__placeholder {
  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, .editor-drawer-well__placeholder:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 481px) {
    .card, .editor-drawer-well__placeholder {
      margin-bottom: 16px;
      padding: 24px; } }
  .card.is-compact, .is-compact.editor-drawer-well__placeholder {
    margin-bottom: 1px; }
    @media (min-width: 481px) {
      .card.is-compact, .is-compact.editor-drawer-well__placeholder {
        margin-bottom: 1px;
        padding: 16px 24px; } }
  .card.is-card-link, .is-card-link.editor-drawer-well__placeholder {
    padding-right: 48px; }

.card__link-indicator {
  color: #c8d7e1;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 16px; }

a.card:hover .card__link-indicator, a.editor-drawer-well__placeholder:hover .card__link-indicator {
  color: #a8bece; }

a.card:focus, a.editor-drawer-well__placeholder:focus {
  outline: 0; }
  a.card:focus .card__link-indicator, a.editor-drawer-well__placeholder: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: -webkit-linear-gradient(top, #f3f6f8 0%, #c8d7e1 100%);
  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: -webkit-flex;
  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;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-shrink: 1;
  -webkit-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: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(233, 239, 243, 0.5));
    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;
    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 {
        content: '\f456';
        position: absolute;
        top: 23px;
        left: 20px;
        margin: -12px 0px 0 -8px;
        font-size: 24px;
        line-height: 1; } }

.chart__tooltip {
  z-index: 1000;
  position: absolute;
  /* default offset for edge-cases: https://github.com/component/tip/pull/12 */
  top: 0;
  left: 0 /*rtl:ignore*/;
  right: auto /*rtl:ignore*/; }
  .chart__tooltip.tip-bottom-left .tip-arrow {
    border-color: rgba(255, 255, 255, 0);
    position: absolute; }
    .chart__tooltip.tip-bottom-left .tip-arrow::before {
      content: '';
      border: 4px solid rgba(255, 255, 255, 0);
      border-bottom-color: #3d596d;
      position: absolute;
      left: 231px /*rtl:ignore*/;
      top: -3px; }
      .rtl .chart__tooltip.tip-bottom-left .tip-arrow::before {
        left: -18px /*rtl:ignore*/;
        top: -3px; }
  .chart__tooltip.tip-bottom-right .tip-arrow, .chart__tooltip.tip-bottom .tip-arrow {
    border-color: rgba(255, 255, 255, 0);
    position: absolute; }
    .chart__tooltip.tip-bottom-right .tip-arrow::before, .chart__tooltip.tip-bottom .tip-arrow::before {
      content: '';
      border: 4px solid rgba(255, 255, 255, 0);
      border-bottom-color: #3d596d;
      position: absolute;
      left: 11px /*rtl:ignore*/;
      top: -3px; }
      .rtl .chart__tooltip.tip-bottom-right .tip-arrow::before, .rtl .chart__tooltip.tip-bottom .tip-arrow::before {
        left: -238px /*rtl:ignore*/;
        top: -3px; }
  .chart__tooltip.tip-top .tip-arrow {
    border-color: rgba(255, 255, 255, 0);
    position: absolute; }
    .chart__tooltip.tip-top .tip-arrow::before {
      content: '';
      border: 4px solid rgba(255, 255, 255, 0);
      border-top-color: #3d596d;
      position: absolute;
      left: 118px /*rtl:ignore*;
      bottom: -40px; }
  .chart__tooltip.tip-bottom .tip-arrow::before {
    left: 86px /*rtl:ignore*/;
    top: -4px; }
    .rtl .chart__tooltip.tip-bottom .tip-arrow::before {
      left: -93px /*rtl:ignore*/; }
  .chart__tooltip .tip-inner {
    border: 0;
    box-shadow: none;
    border-radius: 2px;
    color: white;
    background: #3d596d;
    font-size: 11px;
    padding: 6px 10px;
    margin-top: 4px;
    width: 230px;
    text-align: left; }
    .chart__tooltip .tip-inner ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .chart__tooltip .tip-inner ul:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      .chart__tooltip .tip-inner ul li {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 100;
        height: 24px;
        letter-spacing: 0.1em;
        border: 0; }
        .chart__tooltip .tip-inner ul li .wrapper {
          display: block;
          line-height: inherit;
          line-height: 24px;
          clear: both; }
        .chart__tooltip .tip-inner ul li .value {
          text-align: right;
          float: right;
          min-width: 22px;
          color: #c8d7e1; }
        .chart__tooltip .tip-inner ul li .label {
          display: block;
          overflow: hidden;
          word-break: break-all;
          vertical-align: baseline; }
        .chart__tooltip .tip-inner ul li .gridicon {
          vertical-align: middle;
          margin-right: 6px;
          margin-top: -3px; }
  .chart__tooltip.is-streak {
    margin-top: -5px;
    height: 35px; }
    .chart__tooltip.is-streak .tip-arrow::before {
      left: 85px;
      top: 30px; }
    .chart__tooltip.is-streak .tip-inner {
      width: 160px;
      position: relative;
      top: -10px; }
      .chart__tooltip.is-streak .tip-inner li {
        height: 14px; }
        .chart__tooltip.is-streak .tip-inner li .label {
          width: 100%;
          float: left;
          text-align: center; }
          .rtl .chart__tooltip.is-streak .tip-inner li .label {
            font-size: 11px; }
          .chart__tooltip.is-streak .tip-inner li .label .post-count {
            font-weight: bold; }
        .chart__tooltip.is-streak .tip-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: -webkit-linear-gradient(left, rgba(61, 89, 109, 0) 0%, rgba(61, 89, 109, 0.5), #3d596d);
      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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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: calc( 100% + 1px); }
  .clipboard-button-input .clipboard-button:focus::before {
    right: calc( 100% + 3px); }

.comment-button {
  color: #a8bece;
  list-style-type: none;
  padding: 4px 4px 4px 27px;
  position: relative; }
  .comment-button:hover {
    color: #78dcfa;
    cursor: pointer; }
  .comment-button .comment-button__label-count {
    margin-right: 4px; }
  @media (max-width: 480px) {
    .comment-button .comment-button__label-status {
      display: none; } }

.comment-button__icon {
  fill: #a8bece;
  position: absolute;
  left: 0;
  top: 3px; }
  .comment-button__icon:hover {
    fill: #78dcfa; }

.count {
  display: inline-block;
  padding: 1px 6px;
  border: solid 1px #87a6bc;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  color: #87a6bc;
  text-align: center; }

.date-picker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%; }

.date-picker__day {
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0);
  width: 24px;
  height: 24px;
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  line-height: 24px;
  text-align: center;
  margin: 0 auto; }
  .date-picker__day.is-selected {
    color: white; }
    .date-picker__day.is-selected:hover {
      color: white; }
  .date-picker__day:hover {
    color: #a8bece; }

.date-picker__day_event {
  border-color: #c8d7e1; }

.date-picker__day-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  -webkit-transition: color 90ms ease;
  transition: color 90ms ease; }

.date-picker__day-selected {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 125ms ease-out;
  transition: transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  border-radius: 50%;
  background-color: #00aadc; }

.date-picker__day.is-selected .date-picker__day-selected {
  -webkit-transition: opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08);
  transition: opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08);
  transition: transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08), opacity 125ms ease-out;
  transition: transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08), opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08);
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

/**
 * The follow class names are coming from react-day-picker component
 * and they aren't possible change them without change its code base.
 */
.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;
  color: #87a6bc;
  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: #c8d7e1;
  text-transform: uppercase; }
  .DayPicker-Weekday abbr {
    border-bottom: none;
    cursor: auto; }

.DayPicker-Body {
  display: table-row-group; }

.DayPicker-Week {
  display: table-row; }

.DayPicker-Day {
  display: table-cell;
  position: relative;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  color: #87a6bc; }

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default; }

.DayPicker-Day--today::before {
  content: '';
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -12px;
  border: solid 1px #f0821e;
  border-radius: 50%; }

.DayPicker-Day--disabled {
  color: #c8d7e1;
  cursor: default; }

.DayPicker-Day--sunday {
  color: #f3f6f8; }

.DayPicker-Day--outside {
  cursor: pointer;
  font-weight: normal; }
  .DayPicker-Day--outside .date-picker__day {
    color: #c8d7e1; }

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  color: white;
  background-color: #f3f6f8; }

.DayPicker--ar {
  direction: rtl; }

.dialog__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  -webkit-transition: background-color .2s ease-in;
  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, .dialog.editor-drawer-well__placeholder {
  max-width: 90%;
  opacity: 1;
  position: relative;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  margin: auto 0; }
  .dialog-enter .dialog.card, .dialog-enter .dialog.editor-drawer-well__placeholder,
  .dialog-leave.dialog-leave-active .dialog.card,
  .dialog-leave.dialog-leave-active .dialog.editor-drawer-well__placeholder {
    opacity: 0; }
  .dialog.card, .dialog.editor-drawer-well__placeholder,
  .dialog-enter.dialog-enter-active .dialog.card,
  .dialog-enter.dialog-enter-active .dialog.editor-drawer-well__placeholder,
  .dialog-leave .dialog.card,
  .dialog-leave .dialog.editor-drawer-well__placeholder {
    opacity: 1; }

.dialog__content {
  color: #4f748e; }
  .dialog__content h1 {
    color: #2e4453;
    font-size: 1.375em;
    font-weight: 600;
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em; }

.dialog__action-buttons {
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0 -24px -24px;
  text-align: right; }

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

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

.docs-example__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.docs-example__title,
.docs-example__toggle {
  margin: 0 !important; }

.docs-example__header + .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
 * Styles for the stats section of docs-example
 * Can be rendered as standalone hence the new root/component.
 */
.docs-example-stats {
  /* component root */ }

.docs-example-stats__item {
  margin: 0; }

.docs-example-stats__item + .docs-example-stats__item {
  margin-top: 1.5em; }

.domain-mapping-suggestion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 661px) {
    .domain-mapping-suggestion .domain-product-price {
      margin-top: 5px; } }
  @media (min-width: 661px) {
    .domain-mapping-suggestion .domain-product-price.is-free-domain {
      margin-top: 5px; } }
  .domain-mapping-suggestion .domain-suggestion__action {
    margin-top: 20px; }
    @media (min-width: 661px) {
      .domain-mapping-suggestion .domain-suggestion__action {
        margin-top: 10px; } }

@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: #668eaa;
  display: inline-block;
  font-size: 17px;
  font-weight: 600; }
  @media (min-width: 661px) {
    .domain-product-price {
      min-width: 130px; } }
  @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;
    -webkit-flex: 1 1 280px;
        -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, .domain-search-results__domain-availability .domain-suggestion.editor-drawer-well__placeholder {
  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, .domain-search-results__domain-availability .domain-suggestion.editor-drawer-well__placeholder {
      margin-bottom: 30px; } }

.domain-search-results__domain-availability .notice small {
  display: block;
  font-size: 12px; }

.map-domain-step .domain-search-results__domain-availability {
  margin-top: 30px; }

.domain-suggestion {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .domain-suggestion:after {
    content: ".";
    display: block;
    height: 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-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%; }
  @media (min-width: 661px) {
    .domain-suggestion__content {
      display: -webkit-box;
      display: -webkit-flex;
      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; }
  .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;
      height: 32px; }

.domain-suggestion__action {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 1px 0 0 5%;
  min-width: 100px; }
  @media (min-width: 661px) {
    .domain-suggestion__action {
      margin-top: 3px; } }
  @media (min-width: 961px) {
    .domain-suggestion__action {
      margin-top: 0; } }
  .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; }
    .is-placeholder .domain-suggestion__action .button {
      opacity: 0;
      pointer-events: none; }
  .domain-suggestion__action .button {
    width: 100%; }
    .domain-suggestion__action .button.added {
      background-color: #f3f6f8; }
      .domain-suggestion__action .button.added .noticon {
        font-size: 25px;
        line-height: 16px; }

.example-domain-suggestions {
  background-color: #f3f6f8;
  padding: 0; }

.example-domain-suggestions__illustration {
  background: url("/calypso/images/drake/drake-nomedia.svg") center no-repeat;
  background-size: 175%;
  float: left;
  height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25%; }
  @media (max-width: 660px) {
    .example-domain-suggestions__illustration {
      display: none; } }

.example-domain-suggestions__premium-price {
  font-size: 11pt;
  cursor: pointer; }

.example-domain-suggestions__information {
  background-color: white;
  width: 100%; }
  @media (max-width: 660px) {
    .example-domain-suggestions__information {
      padding: 5px 0; } }
  @media (min-width: 661px) {
    .example-domain-suggestions__information {
      float: right;
      width: 75%; } }

.example-domain-suggestions__header {
  color: #4f748e;
  font-size: 22px;
  font-weight: 200;
  margin: 15px 20px; }

.example-domain-suggestions__list {
  list-style: none;
  margin: 0 20px; }
  .example-domain-suggestions__list li {
    background-color: #f3f6f8;
    padding: 15px;
    margin: 2px 0; }
    .example-domain-suggestions__list li:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    @media (min-width: 481px) {
      .example-domain-suggestions__list li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }

.example-domain-suggestions__price {
  color: #87a6bc;
  font-size: 14px; }
  @media (min-width: 661px) {
    .example-domain-suggestions__price {
      font-size: 16px; } }
  @media (min-width: 481px) {
    .example-domain-suggestions__price {
      text-align: right;
      width: 100%; } }
  .example-domain-suggestions__price.is-free {
    text-transform: uppercase; }

.example-domain-suggestions__mapping-information {
  color: #4f748e;
  margin: 15px 20px; }
  .example-domain-suggestions__mapping-information a {
    text-decoration: underline; }

.map-domain-step {
  padding: 0; }
  .map-domain-step fieldset {
    clear: left; }
  .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-top: -5px;
        margin-bottom: 0; } }
  .map-domain-step .notice {
    margin-top: 25px; }

@media (min-width: 961px) {
  .map-domain-step__domain-description {
    max-width: 75%;
    float: left;
    margin-bottom: 20px; } }

@media (min-width: 661px) {
  input.map-domain-step__external-domain {
    float: left;
    width: calc( 100% - 90px); } }

.map-domain-step__go {
  margin: 10px 0 0 0;
  width: 100%; }
  @media (min-width: 661px) {
    .map-domain-step__go {
      float: right;
      margin: 0;
      width: 80px; } }

.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;
    -webkit-transition: opacity, 0.3s, ease-in-out;
    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); } }

.drop-zone {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
  transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
  border: 2px dashed #005082;
  background-color: rgba(0, 135, 190, 0.8); }
  .drop-zone.is-active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s opacity, 0.3s background-color;
    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: 24px;
  text-align: center;
  color: white;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  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; }

.drop-zone.is-full-screen .drop-zone__content {
  font-size: 30px; }

.gridicon.ellipsis-menu__toggle-icon {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  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; }

/**
 * Emojify
 */
.emojify__emoji {
  height: 18px;
  width: 18px;
  vertical-align: middle; }

.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: #87a6bc;
  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;
  top: 2px;
  position: relative; }

.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: #87a6bc; }

.faq__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
  list-style: none; }

.faq__item {
  width: 100%;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 21px; }
  @media (min-width: 480px) and (max-width: 660px), (min-width: 800px) and (max-width: 1040px) {
    .faq__item {
      width: calc( ( 100% - 24px ) / 2);
      margin-left: 24px; }
      .faq__item:nth-child(2n+1) {
        margin-left: 0; } }
  @media (min-width: 1041px) {
    .faq__item {
      width: calc( ( 100% - 48px ) / 3);
      margin-left: 24px; }
      .faq__item:nth-child(3n+1) {
        margin-left: 0; } }

.faq__question {
  margin-bottom: 12px;
  font-weight: 600;
  color: #668eaa; }

.faq__answer {
  margin-bottom: 1em;
  color: #87a6bc; }
  .faq__answer a {
    color: #00aadc;
    text-decoration: underline; }

.feature-example {
  height: 400px;
  margin-top: 36px;
  position: relative;
  overflow: hidden; }

.feature-example__gradient {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(243, 246, 248, 0.4), #f3f6f8);
  background: linear-gradient(to bottom, rgba(243, 246, 248, 0.4), #f3f6f8);
  z-index: 179; }

.foldable-card.card, .foldable-card.editor-drawer-well__placeholder {
  position: relative;
  -webkit-transition: margin .15s linear;
  transition: margin .15s linear;
  padding: 0; }
  .foldable-card.card:after, .foldable-card.editor-drawer-well__placeholder:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .foldable-card.card.is-expanded, .foldable-card.is-expanded.editor-drawer-well__placeholder {
    margin-bottom: 8px; }

.foldable-card__header {
  min-height: 64px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 2;
  -webkit-flex: 2 1;
      -ms-flex: 2 1;
          flex: 2 1;
  margin-right: 5px; }
  @media (max-width: 480px) {
    .foldable-card__main {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1;
          -ms-flex: 1 1;
              flex: 1 1; } }

.foldable-card__secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.foldable-card__expand {
  width: 48px; }
  .foldable-card__expand .gridicon {
    fill: #87a6bc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    vertical-align: middle;
    -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    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: #87a6bc;
  font-size: 12px;
  -webkit-transition: opacity 0.2s linear;
  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 {
    -webkit-transition: none;
    transition: none;
    -webkit-box-flex: 2;
    -webkit-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; }

.follow-button .gridicon__follow {
  opacity: 1;
  pointer-events: auto; }

.follow-button .gridicon__following {
  display: none;
  pointer-events: auto; }

.follow-button::-moz-focus-inner {
  border: 0; }

@media (max-width: 660px) {
  .follow-button {
    padding: 7px 8px 9px 14px; } }

.follow-button .gridicon {
  height: 18px;
  padding-right: 4px;
  top: 5px;
  width: 18px; }

.follow-button .gridicon__following {
  opacity: 0;
  pointer-events: none; }

.follow-button .gridicon__unfollow .gridicon__follow {
  opacity: 0;
  pointer-events: none; }

.follow-button .gridicon__unfollow .gridicon__following {
  opacity: 1;
  pointer-events: auto; }

.follow-button.is-following {
  color: #4ab866; }
  .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .follow-button.is-following .gridicon__follow {
    display: none;
    pointer-events: none; }
  .follow-button.is-following .gridicon__following {
    display: inline-block;
    opacity: 1;
    pointer-events: auto; }
  .follow-button.is-following:hover {
    color: #4ab866; }
    .follow-button.is-following:hover .gridicon {
      fill: #4ab866; }

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

.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;
  clear: both;
  visibility: hidden; }

@media (max-width: 480px) {
  .form-buttons-bar {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-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-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 .gridicon {
    float: left;
    margin-left: -34px; }

.form-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px; }

.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-range {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 18px;
  margin: 0;
  padding: 0;
  background: #c8d7e1;
  background: -webkit-linear-gradient(top, transparent, transparent 8px, #c8d7e1 8px, #c8d7e1 10px, transparent 10px);
  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: -webkit-radial-gradient(#00aadc, #00aadc 6px, #005082 7px, transparent 8px, transparent);
  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: #87a6bc;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0 0 0; }

.form-tel-input {
  -webkit-appearance: none; }
  .form-tel-input:not(:focus).is-error {
    border-color: #d94f4f; }
  .form-tel-input:not(:focus).is-error:hover {
    border-color: #c92c2c; }

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; }
  input[type="email"].form-text-input.is-valid,
  input[type="password"].form-text-input.is-valid,
  input[type="url"].form-text-input.is-valid,
  input[type="text"].form-text-input.is-valid {
    border-color: #4ab866; }
  input[type="email"].form-text-input.is-valid:hover,
  input[type="password"].form-text-input.is-valid:hover,
  input[type="url"].form-text-input.is-valid:hover,
  input[type="text"].form-text-input.is-valid:hover {
    border-color: #3a9551; }
  input[type="email"].form-text-input.is-error,
  input[type="password"].form-text-input.is-error,
  input[type="url"].form-text-input.is-error,
  input[type="text"].form-text-input.is-error {
    border-color: #d94f4f; }
  input[type="email"].form-text-input.is-error:hover,
  input[type="password"].form-text-input.is-error:hover,
  input[type="url"].form-text-input.is-error:hover,
  input[type="text"].form-text-input.is-error:hover {
    border-color: #c92c2c; }
  input[type="email"].form-text-input:focus.is-valid,
  input[type="password"].form-text-input:focus.is-valid,
  input[type="url"].form-text-input:focus.is-valid,
  input[type="text"].form-text-input:focus.is-valid {
    box-shadow: 0 0 0 2px #caead2; }
  input[type="email"].form-text-input:focus.is-valid:hover,
  input[type="password"].form-text-input:focus.is-valid:hover,
  input[type="url"].form-text-input:focus.is-valid:hover,
  input[type="text"].form-text-input:focus.is-valid:hover {
    box-shadow: 0 0 0 2px #a6dcb3; }
  input[type="email"].form-text-input:focus.is-error,
  input[type="password"].form-text-input:focus.is-error,
  input[type="url"].form-text-input:focus.is-error,
  input[type="text"].form-text-input:focus.is-error {
    box-shadow: 0 0 0 2px #f9e2e2; }
  input[type="email"].form-text-input:focus.is-error:hover,
  input[type="password"].form-text-input:focus.is-error:hover,
  input[type="url"].form-text-input:focus.is-error:hover,
  input[type="text"].form-text-input:focus.is-error:hover {
    box-shadow: 0 0 0 2px #f0b8b8; }

.form-text-input-with-affixes {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .form-text-input-with-affixes.no-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -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"] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 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 {
      -webkit-transform: scale(1);
              transform: scale(1); }

.form-text-input-with-affixes__prefix,
.form-text-input-with-affixes__suffix {
  background: #f3f6f8;
  border: 1px solid #c8d7e1;
  color: #4f748e;
  padding: 8px 14px;
  white-space: nowrap; }

.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__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;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .4s ease, box-shadow 0s;
  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;
    -webkit-transition: all .2s ease;
    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; }

.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 .form-toggle__switch:hover {
  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 .form-toggle__switch:hover {
  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: -webkit-flex;
  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;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.sortable-list.is-vertical .sortable-list__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -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 {
  -webkit-flex-wrap: nowrap;
      -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: -webkit-flex;
      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__text {
  padding-left: 16px;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 661px) {
    .global-notices .notice__text {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      padding: 9px 13px; } }

@media (min-width: 661px) {
  .global-notices .notice a.notice__action {
    font-size: 14px;
    padding: 9px 16px; } }

.global-notices .notice__dismiss {
  -webkit-flex-shrink: 0;
      -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 {
    background: #c8d7e1;
    display: inline-block;
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite; }

.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 */ }

.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__gravatar {
  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: #4f748e;
  clear: none;
  font-size: 21px; }

.happiness-support__text {
  color: #668eaa;
  margin-bottom: 16px;
  margin-top: 16px; }

.happiness-support__gravatar {
  float: right;
  margin-left: 30px;
  text-align: center; }
  .happiness-support__gravatar .gravatar {
    display: block; }
    @media (max-width: 660px) {
      .happiness-support__gravatar .gravatar {
        height: 68px;
        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-cake.card, .header-cake.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 18px;
  padding-top: 11px;
  padding-bottom: 11px; }
  .header-cake.card::after, .header-cake.editor-drawer-well__placeholder::after {
    display: none; }
  @media (max-width: 660px) {
    .header-cake.card, .header-cake.editor-drawer-well__placeholder {
      margin-top: 10px; } }

.header-cake__back {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -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__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #87a6bc;
  text-align: center;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px; }

.infinite-list__spacer {
  width: 100%; }

.info-popover .gridicon {
  cursor: pointer;
  color: #b8cad7; }
  .info-popover .gridicon:hover {
    color: #2e4453; }

.info-popover.is_active .gridicon {
  color: #2e4453; }

.popover.info-popover__tooltip .tip-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: #87a6bc;
  font-size: 12px;
  text-align: left;
  position: relative;
  z-index: 1; }

.text-chrono {
  border: 0; }

.like-button {
  display: inline-block;
  padding: 4px 4px 4px 27px;
  color: #a8bece;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear; }
  .like-button .gridicon {
    position: absolute;
    top: 2px;
    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 {
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .like-button .gridicons-star-outline {
    fill: #c8d7e1; }
  .like-button.is-animated .gridicons-star-outline {
    -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .like-button:hover {
    cursor: pointer;
    color: #78dcfa; }
    .like-button:hover .gridicons-star-outline {
      fill: #78dcfa; }
  .like-button.is-liked {
    color: #a8bece; }
    .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 .like-button__label-count {
    margin-right: 4px; }
  @media (max-width: 480px) {
    .like-button .like-button__label-status {
      display: none; } }

.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 .button.is-primary {
    float: none;
    margin: 0;
    width: 100%; }

.logged-out-form__link-item {
  border-bottom: 1px solid #c8d7e1;
  color: #87a6bc;
  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: #87a6bc; }
  .logged-out-form__link-item:hover {
    color: #00aadc; }

.main {
  margin: auto;
  max-width: 720px;
  z-index: 20; }
  .main.themes {
    max-width: 100%; }
  .main.sites {
    max-width: 320px; }
  .main.customize {
    max-width: 100%; }
  .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; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 24px;
  border-radius: 1px;
  background: #e9eff3;
  box-sizing: border-box;
  font-size: 14px;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }
  @media (min-width: 661px) {
    .notice {
      font-size: inherit; } }
  .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; }

.notice__icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 13px 0 13px 16px; }
  @media (max-width: 660px) {
    .notice__icon {
      display: none; } }

.notice__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (max-width: 480px) {
    .notice__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.notice__text {
  font-size: 15px;
  padding: 11px 24px; }
  .notice__text > span,
  .notice__text > div {
    max-width: 680px; }
  @media (min-width: 661px) {
    .notice__text {
      padding: 13px; } }
  .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 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 11px 16px;
  cursor: pointer;
  color: #87a6bc; }
  @media (min-width: 661px) {
    .notice__dismiss {
      padding: 13px 16px; } }
  .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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  margin-left: auto;
  padding: 13px 16px;
  text-decoration: none;
  white-space: nowrap; }
  .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; }
  a.notice__action:hover, a.notice__action:focus {
    background: rgba(255, 255, 255, 0.2); }
  @media (max-width: 480px) {
    a.notice__action {
      margin: 0;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }

.notice.is-compact {
  border-radius: 2px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  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__text {
    font-size: 12px;
    padding: 6px 8px;
    line-height: 1; }
  .notice.is-compact .notice__icon {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-flex-shrink: 0;
        -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 {
    display: none; }
  .notice.is-compact a.notice__action {
    background: transparent;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    -webkit-align-self: center;
        -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-paypal {
    background-image: url("/calypso/images/upgrades/paypal.svg");
    background-size: 70px;
    width: 70px; }
    .payment-logo.is-paypal.is-compact {
      width: 16px; }

.plan {
  background: #f3f6f8;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0; }
  .plan.jetpack_free, .plan.jetpack_premium, .plan.jetpack_business, .plan.jetpack_premium_monthly, .plan.jetpack_business_monthly {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .plan.is-placeholder .plan__plan-tagline {
    -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.is-placeholder .plan__plan-tagline:after {
      content: '\00a0'; }
  .plan.is-placeholder .plan__illustration {
    display: none; }
  .plan.is-placeholder .plan__plan-details p {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d9e3ea;
    color: transparent;
    margin-bottom: 5px; }
    .plan.is-placeholder .plan__plan-details p:after {
      content: '\00a0'; }
  .plan.is-placeholder .plan__plan-details p:nth-child(2) {
    width: 70%; }
  .plan .gridicons-checkmark-circle {
    fill: #4ab866;
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 6px; }

.plan__plan-expand {
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%; }
  .jetpack_free .plan__plan-expand,
  .jetpack_premium .plan__plan-expand,
  .jetpack_business .plan__plan-expand .jetpack_premium_monthly .plan__plan-expand .jetpack_business_monthly .plan__plan-expand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.plan__plan-details {
  box-sizing: border-box;
  color: #2e4453;
  padding: 16px;
  width: 100%;
  font-size: 13px;
  opacity: 0.8; }
  .plan__plan-details ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px; }
    .plan__plan-details ul li {
      font-size: 13px;
      padding: 5px 0 5px 14px;
      opacity: .8; }
  .plan__plan-details p {
    margin: 0; }
  .plan__plan-details .plan__learn-more {
    font-size: 13px;
    display: block;
    margin: 8px 0 0 0; }
  .jetpack_free .plan__plan-details,
  .jetpack_premium .plan__plan-details,
  .jetpack_business .plan__plan-details .jetpack_premium_monthly .plan__plan-details .jetpack_business_monthly .plan__plan-details {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

@media (max-width: 960px) {
  .plans.has-sidebar .plan.is-active .plan__plan-expand {
    max-height: 500px; }
  .plans.has-sidebar .plan__plan-expand {
    max-height: 0; }
  .plans.has-sidebar .plan__plan-tagline {
    display: none; }
  .plans.has-sidebar .plan__illustration {
    display: none; }
  .plans.has-sidebar .plan__plan-details {
    border-top: 2px solid #c8d7e1;
    float: left; } }

@media (min-width: 961px) {
  .plans.has-sidebar .plan {
    margin: 0 2% 15px 0; }
    .plans.has-sidebar .plan:last-child {
      margin-right: 0; }
    .plans.has-sidebar .plan .gridicons-checkmark-circle {
      left: 50%;
      top: 64px;
      margin-left: 30px; }
    .plans.has-sidebar .plan.jetpack_free .plan__plan-tagline, .plans.has-sidebar .plan.jetpack_premium .plan__plan-tagline, .plans.has-sidebar .plan.jetpack_business .plan__plan-tagline, .plans.has-sidebar .plan.jetpack_premium_monthly .plan__plan-tagline, .plans.has-sidebar .plan.jetpack_business_monthly .plan__plan-tagline {
      height: 32px; }
  .plans.has-sidebar .plan__plan-tagline {
    color: #87a6bc;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center; }
  .plans.has-sidebar .plan__plan-details {
    min-height: 209px; }
  .plans.has-sidebar .plan-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media (max-width: 660px) {
  .plans.has-no-sidebar .plan.is-active .plan__plan-expand {
    max-height: 500px; }
  .plans.has-no-sidebar .plan__plan-expand {
    max-height: 0; }
  .plans.has-no-sidebar .plan__plan-tagline {
    display: none; }
  .plans.has-no-sidebar .plan__illustration {
    display: none; }
  .plans.has-no-sidebar .plan__plan-details {
    border-top: 2px solid #c8d7e1;
    float: left; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan {
    margin: 0 2% 15px 0; }
    .plans.has-no-sidebar .plan:last-child {
      margin-right: 0; }
    .plans.has-no-sidebar .plan .gridicons-checkmark-circle {
      left: 50%;
      top: 64px;
      margin-left: 30px; }
    .plans.has-no-sidebar .plan.jetpack_free .plan__plan-tagline, .plans.has-no-sidebar .plan.jetpack_premium .plan__plan-tagline, .plans.has-no-sidebar .plan.jetpack_business .plan__plan-tagline, .plans.has-no-sidebar .plan.jetpack_premium_monthly .plan__plan-tagline, .plans.has-no-sidebar .plan.jetpack_business_monthly .plan__plan-tagline {
      height: 32px; }
  .plans.has-no-sidebar .plan__plan-tagline {
    color: #87a6bc;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center; }
  .plans.has-no-sidebar .plan__plan-details {
    min-height: 209px; }
  .plans.has-no-sidebar .plan-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.plan__features .gridicon {
  margin-left: -12px;
  position: relative;
  left: -5px;
  top: 2px; }

.plan .plan-actions {
  float: left;
  width: 100%;
  padding: 0 16px 16px 16px;
  box-sizing: border-box; }
  .plan .plan-actions.is-image-button {
    padding: 0; }
  .plan .plan-actions .plan-actions__upgrade-button {
    margin-top: 20px; }

.plan .plan-actions__action-details {
  clear: both;
  font-size: 12px;
  color: #668eaa;
  text-align: center; }
  .plan .plan-actions__action-details:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.plan-actions__upgrade-button {
  display: block;
  text-align: center;
  width: 100%; }

.plan-actions__trial-period {
  text-align: center;
  line-height: 16px;
  display: block;
  padding: 5px 10px 0 5px;
  color: #2e4453;
  opacity: .8; }

.plan-actions.is-placeholder .plan-actions__upgrade-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;
  border: none;
  border-radius: 0;
  margin-bottom: 0.5em;
  pointer-events: none; }
  .plan-actions.is-placeholder .plan-actions__upgrade-button:after {
    content: '\00a0'; }

.plan-actions.is-placeholder .plan-actions__trial-period {
  height: 3em; }

.plan-actions__current .plan-actions__upgrade-button {
  background: white;
  margin: 0 0 8px 0; }

.plan-actions__current .plan-actions__plan-expiration {
  color: #2e4453;
  display: block;
  font-size: 11px;
  opacity: .8;
  padding: 7px 0 0 0; }

.plan-actions__current-plan-label {
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  color: #2e4453;
  display: block;
  font-size: 14px;
  opacity: .6;
  padding: 0.5em 1.2em 0.62em;
  text-align: center; }
  .plan-actions__current-plan-label:before {
    font-size: 18px;
    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: #4ab866;
    margin-left: -10px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle; }

.plan-actions__trial-hint {
  font-size: 12px;
  line-height: 18px; }

.plan-actions__trial-upgrade-now {
  white-space: nowrap; }

@media (max-width: 960px) {
  .plans.has-sidebar .plan.is-active .plan__plan-expand {
    max-height: 500px; }
  .plans.has-sidebar .plan__plan-expand {
    max-height: 0; }
  .plans.has-sidebar .plan__plan-tagline {
    display: none; }
  .plans.has-sidebar .plan__illustration {
    display: none; }
  .plans.has-sidebar .plan__plan-details {
    border-top: 2px solid #c8d7e1;
    float: left; } }

@media (min-width: 961px) {
  .plans.has-sidebar .plan {
    margin: 0 2% 15px 0; }
    .plans.has-sidebar .plan:last-child {
      margin-right: 0; }
    .plans.has-sidebar .plan .gridicons-checkmark-circle {
      left: 50%;
      top: 64px;
      margin-left: 30px; }
    .plans.has-sidebar .plan.jetpack_free .plan__plan-tagline, .plans.has-sidebar .plan.jetpack_premium .plan__plan-tagline, .plans.has-sidebar .plan.jetpack_business .plan__plan-tagline, .plans.has-sidebar .plan.jetpack_premium_monthly .plan__plan-tagline, .plans.has-sidebar .plan.jetpack_business_monthly .plan__plan-tagline {
      height: 32px; }
  .plans.has-sidebar .plan__plan-tagline {
    color: #87a6bc;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center; }
  .plans.has-sidebar .plan__plan-details {
    min-height: 209px; }
  .plans.has-sidebar .plan-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media (max-width: 660px) {
  .plans.has-no-sidebar .plan.is-active .plan__plan-expand {
    max-height: 500px; }
  .plans.has-no-sidebar .plan__plan-expand {
    max-height: 0; }
  .plans.has-no-sidebar .plan__plan-tagline {
    display: none; }
  .plans.has-no-sidebar .plan__illustration {
    display: none; }
  .plans.has-no-sidebar .plan__plan-details {
    border-top: 2px solid #c8d7e1;
    float: left; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan {
    margin: 0 2% 15px 0; }
    .plans.has-no-sidebar .plan:last-child {
      margin-right: 0; }
    .plans.has-no-sidebar .plan .gridicons-checkmark-circle {
      left: 50%;
      top: 64px;
      margin-left: 30px; }
    .plans.has-no-sidebar .plan.jetpack_free .plan__plan-tagline, .plans.has-no-sidebar .plan.jetpack_premium .plan__plan-tagline, .plans.has-no-sidebar .plan.jetpack_business .plan__plan-tagline, .plans.has-no-sidebar .plan.jetpack_premium_monthly .plan__plan-tagline, .plans.has-no-sidebar .plan.jetpack_business_monthly .plan__plan-tagline {
      height: 32px; }
  .plans.has-no-sidebar .plan__plan-tagline {
    color: #87a6bc;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center; }
  .plans.has-no-sidebar .plan__plan-details {
    min-height: 209px; }
  .plans.has-no-sidebar .plan-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.plan-actions__illustration {
  width: 70px;
  height: 70px;
  margin: 5px auto 10px auto;
  background-size: 100%;
  border-radius: 50%;
  border: 5px solid #e9eff3; }

.free_plan.plan-actions__illustration,
.jetpack_free.plan-actions__illustration {
  background-image: url("/calypso/images/plans/plan-beginner.svg"); }

.plans.has-personal-plan .free_plan.plan-actions__illustration,
.plans.has-personal-plan .jetpack_free.plan-actions__illustration, .main.has-personal-plan .free_plan.plan-actions__illustration,
.main.has-personal-plan .jetpack_free.plan-actions__illustration {
  margin-top: 23px; }

.personal-bundle.plan-actions__illustration {
  background-image: url("/calypso/images/plans/plan-personal.svg"); }

.value_bundle.plan-actions__illustration,
.jetpack_premium.plan-actions__illustration,
.jetpack_premium_monthly.plan-actions__illustration {
  background-image: url("/calypso/images/plans/plan-premium.svg"); }

.business-bundle.plan-actions__illustration,
.jetpack_business.plan-actions__illustration,
.jetpack_business_monthly.plan-actions__illustration {
  background-image: url("/calypso/images/plans/plan-business.svg"); }

.plan-discount-message {
  display: block;
  padding: 2px 10px;
  box-sizing: border-box;
  background: #2e4453;
  color: white;
  font-size: 10px;
  text-transform: uppercase; }

.plan-discount-message {
  display: block;
  width: 100%; }

@media (min-width: 961px) {
  .plans.has-sidebar .plan-discount-message {
    text-align: center; }
  .plans.has-sidebar .plan-discount-message {
    position: absolute;
    top: -19px;
    z-index: 1; }
  .plans.has-sidebar .plans-compare .plan-discount-message {
    margin: 0 10px;
    padding: 5px 10px;
    position: relative;
    top: auto;
    width: calc( 100% - 20px); }
    .plans.has-sidebar .plans-compare .plan-discount-message:after {
      content: "";
      position: absolute;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #2e4453 transparent;
      top: -20px;
      left: 42%; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan-discount-message {
    text-align: center; }
  .plans.has-no-sidebar .plan-discount-message {
    position: absolute;
    top: -19px;
    z-index: 1; }
  .plans.has-no-sidebar .plans-compare .plan-discount-message {
    margin: 0 10px;
    padding: 5px 10px;
    position: relative;
    top: auto;
    width: calc( 100% - 20px); }
    .plans.has-no-sidebar .plans-compare .plan-discount-message:after {
      content: "";
      position: absolute;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #2e4453 transparent;
      top: -20px;
      left: 42%; } }

.plan .plan-header__title:before, .plan-feature-column .plan-header__title:before {
  background-size: 100%;
  content: '';
  display: block;
  margin: 0 auto;
  width: 35px;
  height: 35px; }

.plan.personal-bundle .plan-header__title:before, .plan-feature-column.personal-bundle .plan-header__title:before {
  background-image: url("/calypso/images/plans/plan-personal.svg"); }

.plan.free_plan .plan-header__title:before, .plan.jetpack_free .plan-header__title:before, .plan-feature-column.free_plan .plan-header__title:before, .plan-feature-column.jetpack_free .plan-header__title:before {
  background-image: url("/calypso/images/plans/plan-beginner.svg"); }

.plan.value_bundle .plan-header__title:before, .plan.jetpack_premium .plan-header__title:before, .plan.jetpack_premium_monthly .plan-header__title:before, .plan-feature-column.value_bundle .plan-header__title:before, .plan-feature-column.jetpack_premium .plan-header__title:before, .plan-feature-column.jetpack_premium_monthly .plan-header__title:before {
  background-image: url("/calypso/images/plans/plan-premium.svg"); }

.plan.business-bundle .plan-header__title:before, .plan.jetpack_business .plan-header__title:before, .plan.jetpack_business_monthly .plan-header__title:before, .plan-feature-column.business-bundle .plan-header__title:before, .plan-feature-column.jetpack_business .plan-header__title:before, .plan-feature-column.jetpack_business_monthly .plan-header__title:before {
  background-image: url("/calypso/images/plans/plan-business.svg"); }

.plan .plan-header {
  background: white;
  width: 100%;
  padding: 24px 16px 16px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer; }
  .plan .plan-header: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;
    color: #00aadc;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  .plan .plan-header .plan-header__title {
    color: #0087be;
    display: block;
    font-size: 17px;
    line-height: 16px;
    text-align: center; }
    .plan .plan-header .plan-header__title:before {
      left: 10px;
      top: 16px;
      position: absolute; }

.plan.is-active .plan-header:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.plan-header.is-placeholder .plan-header__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;
  margin: 0 auto 5px;
  width: 60%; }
  .plan-header.is-placeholder .plan-header__title:after {
    content: '\00a0'; }
  .plan-header.is-placeholder .plan-header__title:before {
    display: none; }

@media (max-width: 480px) {
  .plan-header.is-placeholder {
    height: 70px; } }

@media (max-width: 960px) {
  .plans.has-sidebar .plan.card .plan-header, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header {
    float: left; }
    .plans.has-sidebar .plan.card .plan-header .plan-header__title, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-header__title {
      margin: -8px 0 0 0;
      padding: 0 0 0 40px;
      text-align: left; }
    .plans.has-sidebar .plan.card .plan-header .plan-actions, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-actions {
      display: none; } }

@media (min-width: 961px) {
  .plans.has-sidebar .plan .plan-header .plan-header__title:before, .plans.has-sidebar .plan-feature-column .plan-header .plan-header__title:before {
    display: none; }
  .plans.has-sidebar .plan.card .plan-header, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header {
    border-bottom: 2px solid #c8d7e1;
    padding: 16px; }
    .plans.has-sidebar .plan.card .plan-header:after, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header:after {
      display: none; }
    .plans.has-sidebar .plan.card .plan-header .plan-header__title, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-header__title {
      line-height: 20px; } }

@media (max-width: 660px) {
  .plans.has-no-sidebar .plan.card .plan-header, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header {
    float: left; }
    .plans.has-no-sidebar .plan.card .plan-header .plan-header__title, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-header__title {
      margin: -8px 0 0 0;
      padding: 0 0 0 40px;
      text-align: left; }
    .plans.has-no-sidebar .plan.card .plan-header .plan-actions, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-actions {
      display: none; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan .plan-header .plan-header__title:before, .plans.has-no-sidebar .plan-feature-column .plan-header .plan-header__title:before {
    display: none; }
  .plans.has-no-sidebar .plan.card .plan-header, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header {
    border-bottom: 2px solid #c8d7e1;
    padding: 16px; }
    .plans.has-no-sidebar .plan.card .plan-header:after, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header:after {
      display: none; }
    .plans.has-no-sidebar .plan.card .plan-header .plan-header__title, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-header__title {
      line-height: 20px; } }

.plan-list .jetpack_free .plan-header__title,
.plan-list .jetpack_premium .plan-header__title,
.plan-list .jetpack_business .plan-header__title,
.plan-list .jetpack_premium_monthly .plan-header__title,
.plan-list .jetpack_business_monthly .plan-header__title {
  margin-top: 15px; }

.plan-list {
  padding-top: 19px;
  text-align: left; }
  .plan-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

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

.plans-compare__columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.plan-feature-column {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: .9em;
  vertical-align: top; }
  .plan-feature-column.feature-list {
    text-align: left; }

.plans-compare .plan-actions {
  padding: 16px; }
  .plans-compare .plan-actions.is-image-button {
    padding: 0; }

.plans-compare .plan-actions__illustration {
  height: 40px;
  margin: 0 auto 5px auto;
  width: 40px; }

.plans-compare .wpcom-plan-price {
  font-size: 14px;
  margin-bottom: 5px; }

.plans-compare .wpcom-plan-price .wpcom-plan-price__billing-period {
  display: block;
  margin-left: 3px; }

.plans-compare.is-jetpack-site .plans-compare__header-cell {
  width: 33%; }

@media (max-width: 660px) {
  .plans-compare.is-placeholder .plans-compare__cell:nth-child(2),
  .plans-compare.is-placeholder .plans-compare__header-cell:nth-child(2) {
    display: table-cell; } }

.plans-compare__cell {
  font-size: 12px;
  padding: 10px;
  vertical-align: middle; }
  .plans-compare__cell:first-child {
    padding-left: 20px; }

.plans-compare__plan-name {
  color: #0087be;
  font-size: 16px; }

.plans-compare__cell-content {
  font-weight: 600;
  text-align: center; }

.plans-compare__header-cell {
  padding: 0 10px 10px;
  text-align: center;
  width: 20%; }

.plans-compare__feature-title-mobile {
  float: left;
  opacity: .5; }
  .plans-compare__feature-title-mobile.is-available {
    opacity: 1; }

.plans-compare__row:nth-child(odd) {
  background: #f3f6f8; }

.plans-compare__row.is-highlighted {
  background-color: rgba(240, 184, 73, 0.1); }
  .plans-compare__row.is-highlighted td {
    border-style: solid;
    border-color: #f0b849;
    border-top-width: 1px;
    border-bottom-width: 1px; }
  .plans-compare__row.is-highlighted td:first-child {
    border-left-width: 1px; }
  .plans-compare__row.is-highlighted td:last-child {
    border-right-width: 1px; }
  .plans-compare__row.is-highlighted > *:not(:last-child):not(:first-child) {
    border-left-width: 0;
    border-right-width: 0; }

.plans-compare__cell-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; }
  .plans-compare__cell-placeholder:after {
    content: '\00a0'; }
  .plans-compare__cell-placeholder.is-plan-specific {
    margin: 0 auto;
    width: 50%; }

.plans-compare__header-cell-placeholder {
  margin: 0 auto 10px auto;
  width: 80%;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .plans-compare__header-cell-placeholder:after {
    content: '\00a0'; }

.plans-compare__table .gridicon {
  color: #4ab866;
  vertical-align: middle; }

.plans-compare__feature-title {
  position: relative;
  white-space: nowrap; }

.plans-compare__feature-title__container {
  padding-right: 5px; }

.plans-compare__feature-descripcion {
  position: relative;
  top: -2px;
  display: inline; }

.plans-compare__feature-descripcion .gridicon {
  color: #87a6bc; }

.plans__const-info-hr {
  margin-bottom: 0.5em; }

@media (max-width: 960px) {
  .layout:not(.has-no-sidebar) .plans-compare .plans-compare__cell {
    border-width: 1px; }
    .layout:not(.has-no-sidebar) .plans-compare .plans-compare__cell:not(.is-selected) {
      display: none; }
  .layout:not(.has-no-sidebar) .plans-compare .plans-compare__cell-content {
    float: right; }
  .layout:not(.has-no-sidebar) .plans-compare .plans-compare__header-cell {
    display: none; }
    .layout:not(.has-no-sidebar) .plans-compare .plans-compare__header-cell.is-selected {
      display: table-cell;
      padding-bottom: 20px; }
  .layout:not(.has-no-sidebar) .plans-compare .plans-compare__action-cell:not(.is-selected) {
    display: none; } }

@media (min-width: 961px) {
  .layout:not(.has-no-sidebar) .plans-compare .plans-compare__table {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px); }
  .layout:not(.has-no-sidebar) .plans-compare .plans-compare__section-navigation {
    display: none; }
  .layout:not(.has-no-sidebar) .plans-compare .plans-compare__feature-title-mobile {
    display: none; } }

@media (max-width: 660px) {
  .layout.has-no-sidebar .plans-compare .plans-compare__cell {
    border-width: 1px; }
    .layout.has-no-sidebar .plans-compare .plans-compare__cell:not(.is-selected) {
      display: none; }
  .layout.has-no-sidebar .plans-compare .plans-compare__cell-content {
    float: right; }
  .layout.has-no-sidebar .plans-compare .plans-compare__header-cell {
    display: none; }
    .layout.has-no-sidebar .plans-compare .plans-compare__header-cell.is-selected {
      display: table-cell;
      padding-bottom: 20px; }
  .layout.has-no-sidebar .plans-compare .plans-compare__action-cell:not(.is-selected) {
    display: none; } }

@media (min-width: 661px) {
  .layout.has-no-sidebar .plans-compare .plans-compare__table {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px); }
  .layout.has-no-sidebar .plans-compare .plans-compare__section-navigation {
    display: none; }
  .layout.has-no-sidebar .plans-compare .plans-compare__feature-title-mobile {
    display: none; } }

.premium-popover.tip {
  width: 300px; }
  .premium-popover.tip .tip-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`.
 */
.tip-hide {
  opacity: 0; }

.popover {
  font-size: 11px;
  padding: 10px;
  z-index: 1000;
  position: absolute;
  /* default offset for edge-cases: https://github.com/component/tip/pull/12 */
  top: 0;
  left: 0 /*rtl:ignore*/;
  right: auto /*rtl:ignore*/; }
  .popover .tip-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; }
  .popover .tip-arrow {
    border: 10px dashed #c8d7e1;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 1; }
  .popover.fade {
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms; }
  .popover.tip-top .tip-arrow,
  .popover.tip-top-left .tip-arrow,
  .popover.tip-top-right .tip-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.tip-top .tip-arrow::before,
    .popover.tip-top-left .tip-arrow::before,
    .popover.tip-top-right .tip-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.tip-bottom .tip-arrow,
  .popover.tip-bottom-left .tip-arrow,
  .popover.tip-bottom-right .tip-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.tip-bottom .tip-arrow::before,
    .popover.tip-bottom-left .tip-arrow::before,
    .popover.tip-bottom-right .tip-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.tip-left .tip-arrow,
  .popover.tip-left-top .tip-arrow,
  .popover.tip-left-bottom .tip-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.tip-left .tip-arrow::before,
    .popover.tip-left-top .tip-arrow::before,
    .popover.tip-left-bottom .tip-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.tip-right .tip-arrow,
  .popover.tip-right-top .tip-arrow,
  .popover.tip-right-bottom .tip-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.tip-right .tip-arrow::before,
    .popover.tip-right-top .tip-arrow::before,
    .popover.tip-right-bottom .tip-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.tip-top-left, .popover.tip-bottom-left, .popover.tip-top-right, .popover.tip-bottom-right {
    padding-right: 0;
    padding-left: 0; }
  .popover.tip-top-left .tip-arrow,
  .popover.tip-bottom-left .tip-arrow {
    left: auto /*rtl:ignore*/;
    right: 5px /*rtl:ignore*/; }
  .popover.tip-top-right .tip-arrow,
  .popover.tip-bottom-right .tip-arrow {
    left: 15px /*rtl:ignore*/; }
  .popover.tip-top-left .tip-inner,
  .popover.tip-bottom-left .tip-inner {
    position: relative;
    left: 10px /*rtl:ignore*/; }
  .popover.tip-top-right .tip-inner,
  .popover.tip-bottom-right .tip-inner {
    position: relative;
    left: -10px /*rtl:ignore*/; }
  .popover.is-dialog-visible {
    z-index: 100300;
    /* Above .dialog */ }

.popover__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  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;
  -webkit-transition: all 0.05s ease-in-out;
  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:hover, .popover__menu-item:focus {
    background-color: #00aadc;
    border: 0;
    box-shadow: none;
    color: white; }
    .popover__menu-item:hover .gridicon, .popover__menu-item:focus .gridicon {
      color: white; }
  .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-separator,
.popover__hr {
  margin: 8px 0;
  background: #e9eff3; }

.post-card__site-info-title {
  color: #87a6bc;
  float: left;
  width: 100%; }

.has-image .post-card__site-info-title {
  width: calc( 100% - 120px); }

.post-card__site-info {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  margin-right: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }
  .post-card__site-info a {
    color: #87a6bc;
    text-decoration: none; }
    .post-card__site-info a:visited {
      color: inherit; }
    .post-card__site-info a:hover {
      color: #0087be; }
  .post-card__site-info .site-icon {
    -webkit-align-self: auto;
        -ms-flex-item-align: auto;
            align-self: auto;
    float: left;
    display: inline-block;
    margin-right: 4px; }

.post-card__title {
  float: left;
  line-height: 1.2;
  margin-top: 6px;
  width: 98%; }

.post-card__anchor {
  color: #2e4453;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4; }
  .post-card__anchor:visited {
    color: #2e4453; }
  .post-card__anchor:hover {
    color: #0087be; }

.post-card__thumbnail {
  border-radius: 2px;
  clear: right;
  float: right;
  max-height: 68px;
  max-width: 96px; }

.post-card__search.card, .post-card__search.editor-drawer-well__placeholder {
  position: relative;
  padding: 20px; }
  .post-card__search.card.has-thumbnail, .post-card__search.has-thumbnail.editor-drawer-well__placeholder {
    padding-left: 250px; }
    @media (min-width: 661px) and (max-width: 960px) {
      .post-card__search.card.has-thumbnail, .post-card__search.has-thumbnail.editor-drawer-well__placeholder {
        padding-left: 135px; } }
    @media (max-width: 480px) {
      .post-card__search.card.has-thumbnail, .post-card__search.has-thumbnail.editor-drawer-well__placeholder {
        padding-left: 108px; } }
  .post-card__search.card.is-photo, .post-card__search.is-photo.editor-drawer-well__placeholder {
    height: 168px;
    padding: 20px; }
    .post-card__search.card.is-photo:before, .post-card__search.is-photo.editor-drawer-well__placeholder:before {
      background: #2e4453;
      content: '';
      height: 100%;
      opacity: .4;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 1; }
    .post-card__search.card.is-photo .post-card__search-featured-image, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-featured-image {
      width: 100%; }
    .post-card__search.card.is-photo .post-card__search-title-link, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-title-link {
      color: white;
      padding-right: 20px;
      position: absolute;
      bottom: 43px; }
      .post-card__search.card.is-photo .post-card__search-title-link:hover, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-title-link:hover {
        opacity: .8; }
    .post-card__search.card.is-photo .post-card__search-byline, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-byline {
      position: absolute;
      bottom: 10px; }
      .post-card__search.card.is-photo .post-card__search-byline a, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-byline a,
      .post-card__search.card.is-photo .post-card__search-byline a:visited, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-byline a:visited {
        color: white; }
      .post-card__search.card.is-photo .post-card__search-byline .gravatar, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-byline .gravatar {
        border: 1px solid rgba(255, 255, 255, 0.4); }
    .post-card__search.card.is-photo .post-card__author-and-site, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__author-and-site {
      color: white; }
    .post-card__search.card.is-photo .post-card__search-social, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-social {
      position: relative; }
    .post-card__search.card.is-photo .gridicon, .post-card__search.is-photo.editor-drawer-well__placeholder .gridicon {
      fill: white; }
    .post-card__search.card.is-photo .comment-button__label-count, .post-card__search.is-photo.editor-drawer-well__placeholder .comment-button__label-count,
    .post-card__search.card.is-photo .like-button__label-count, .post-card__search.is-photo.editor-drawer-well__placeholder .like-button__label-count {
      color: white; }
    .post-card__search.card.is-photo .post-card__search-title-link, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-title-link,
    .post-card__search.card.is-photo .post-card__search-byline, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-byline,
    .post-card__search.card.is-photo .post-card__search-social, .post-card__search.is-photo.editor-drawer-well__placeholder .post-card__search-social {
      text-shadow: 0 1px rgba(0, 0, 0, 0.3);
      z-index: 2; }
    .post-card__search.card.is-photo .follow-button.is-following .gridicon, .post-card__search.is-photo.editor-drawer-well__placeholder .follow-button.is-following .gridicon {
      fill: white; }
    .post-card__search.card.is-photo .follow-button.is-following .follow-button__label, .post-card__search.is-photo.editor-drawer-well__placeholder .follow-button.is-following .follow-button__label {
      color: white; }

.post-card__search-title {
  display: inline;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700; }
  @media (min-width: 481px) {
    .post-card__search-title {
      font-size: 24px;
      line-height: 28px; } }

.post-card__search .post-card__search-title-link {
  color: inherit; }
  .post-card__search .post-card__search-title-link:hover {
    color: #4f748e; }
  .post-card__search .post-card__search-title-link:visited {
    color: #87a6bc; }

.post-card__search-featured-image {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 230px; }
  @media (min-width: 661px) and (max-width: 960px) {
    .post-card__search-featured-image {
      width: 115px; } }
  @media (max-width: 480px) {
    .post-card__search-featured-image {
      width: 90px; } }

.post-card__search-social {
  float: right;
  margin-bottom: 6px;
  padding-left: 20px; }

.post-card__search .like-button .gridicon {
  top: 2px; }

.post-card__search .comment-button .gridicon {
  top: 1px; }

.post-card__search-byline {
  font-size: 13px;
  list-style: none;
  margin: 6px 0;
  padding: 0; }
  .post-card__search-byline .gravatar {
    vertical-align: text-bottom;
    margin: 0 4px 0 0; }

.post-card__search-byline-item {
  display: inline-block; }

.post-card__author-and-site {
  color: #a8bece;
  margin-right: 10px; }

.post-card__search-excerpt {
  font-size: 14px;
  margin-top: 6px; }

.post-card__search .follow-button {
  background: none;
  border-style: none;
  font-size: 13px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -2px; }
  .post-card__search .follow-button .gridicon {
    fill: #0087be; }
  .post-card__search .follow-button .follow-button__label {
    color: #0087be;
    display: inline; }
  .post-card__search .follow-button:hover .gridicon {
    fill: #a8bece; }
  .post-card__search .follow-button:hover .follow-button__label {
    color: #a8bece; }
  .post-card__search .follow-button:focus {
    border-radius: 0; }
  .post-card__search .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .post-card__search .follow-button.is-following .follow-button__label {
    color: #4ab866; }
  .post-card__search .follow-button.is-following:hover .gridicon {
    fill: #0087be; }
  .post-card__search .follow-button.is-following:hover .follow-button__label {
    color: #0087be; }

.reader__content .post-card__author-and-site a,
.reader__content .post-card__author-and-site a:visited {
  color: #a8bece; }

.reader__content .post-card__author-and-site a:hover {
  color: #0087be; }

.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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 50%);
    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__header {
  height: 26px;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 47px;
  color: #87a6bc;
  font-size: 18px;
  font-weight: 300;
  width: 80%;
  margin: 0 10%; }
  .post-schedule__header:first-letter {
    text-transform: uppercase; }

.post-schedule .input-chrono__container {
  margin: 0 -16px; }
  .post-schedule .input-chrono__container input.input-chrono {
    padding-left: 16px;
    padding-right: 16px;
    border: 0; }

.post-schedule__header-month {
  cursor: pointer; }

.post-schedule__header-year {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 12px;
  color: #a8bece;
  height: 20;
  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;
  color: #87a6bc;
  font-size: 12px; }

hr.post-schedule__hr {
  height: 1px;
  background: #e9eff3;
  margin: 0 -16px; }

input.post-schedule__clock_time {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  border: 1px solid #e9eff3;
  width: 42px;
  text-align: center;
  padding: 0;
  color: #a8bece;
  font-size: 12px; }

.post-schedule__clock-divisor {
  margin: 0 6px; }

.info-popover__tooltip.post-schedule__timezone-info,
.post-schedule__clock-timezone {
  color: #87a6bc;
  line-height: 20px; }

.post-schedule__clock-timezone {
  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 .tip-inner {
    font-size: 12px; }

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

/* 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);
  -webkit-transition: all 0.4s ease-in-out;
  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%;
    -webkit-transition: all 0.4s ease-in-out;
    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 {
  -webkit-transition: none;
  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 {
  -webkit-transition-duration: 5s;
          transition-duration: 5s;
  -webkit-transition-timing-function: ease-out;
          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 {
  border-top: 1px solid #e9eff3;
  box-sizing: border-box;
  color: #87a6bc;
  position: relative; }
  .purchase-detail:last-child {
    border-bottom: none; }
  .purchase-detail .button:not(.clipboard-button) {
    width: 80%; }
  @media (min-width: 661px) {
    .purchase-detail {
      border: 1px solid #e9eff3;
      border-radius: 3px;
      max-width: 700px;
      margin: 16px auto;
      text-align: left; }
      .purchase-detail:last-child {
        border: 1px solid #e9eff3; }
      .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%; }
    @media (max-width: 660px) {
      .purchase-detail.is-placeholder .purchase-detail__button {
        margin: 0 auto; } }
  .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: #668eaa;
  font-size: 16px;
  margin: 8px 0 16px 0; }

.purchase-detail__icon {
  background: #4f748e;
  border-radius: 50%;
  color: white;
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 16px; }
  @media (min-width: 661px) {
    .purchase-detail__icon {
      margin-top: -36px;
      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; } }

.purchase-detail__required-notice {
  background-color: #f0b849;
  color: white;
  font-size: 14px;
  padding: 8px;
  text-align: center; }

.purchase-detail__title {
  clear: none;
  color: #4f748e;
  font-size: 21px; }

.purchase-detail__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
  margin-top: 0;
  max-width: 260px;
  display: inline-block;
  margin-top: 8px; }
  @media (min-width: 661px) {
    .purchase-detail__info {
      margin-top: 0px; } }

.purchase-detail__info-icon-container {
  display: inline-block;
  margin-top: 2px;
  margin-right: 4px;
  float: left;
  height: 14px; }

.push-notification__notice {
  max-width: 720px;
  margin: 0 auto 24px;
  padding-top: 4px;
  padding-bottom: 8px; }

.push-notification__prompt-enable {
  margin-top: 8px; }

.rating {
  width: 80px;
  color: #00aadc;
  line-height: 1; }
  .rating .noticon-rating-empty {
    color: #c8d7e1; }

.related-posts {
  margin: 48px 0;
  padding: 0; }

.related-posts__list,
.related-posts__list-item {
  list-style: none;
  margin: 0;
  padding: 0; }

.related-posts__heading {
  color: #87a6bc;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
  text-transform: uppercase; }

.post-card__site-info,
.post-card__anchor {
  text-decoration: none; }

/**
 * @component Search
 */
.search {
  margin-bottom: 24px;
  width: 60px;
  height: 51px;
  position: relative;
  z-index: 22; }
  @media (max-width: 660px) {
    .search {
      width: 50px; } }
  .search .search-open__icon {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 60px;
    z-index: 20;
    color: #0087be;
    cursor: pointer; }
    .accessible-focus .search .search-open__icon:focus {
      outline: dotted 1px #0087be; }
    @media (max-width: 660px) {
      .search .search-open__icon {
        width: 50px; } }
  .search .search-open__icon:hover {
    color: #3d596d; }
  .search .search-close__icon {
    position: absolute;
    bottom: 0;
    top: 50%;
    margin-top: -12px;
    width: 60px;
    cursor: pointer;
    z-index: 20;
    color: #3d596d;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in; }
    .search .search-close__icon:not(.ltr) {
      right: 0; }
    .search .search-close__icon.ltr {
      right: 0 /*rtl:ignore*/; }
    .accessible-focus .search .search-close__icon:focus {
      outline: dotted 1px #0087be; }
    .search .search-close__icon::before {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      margin-top: -8px;
      font-size: 16px;
      text-align: center; }
      @media (max-width: 660px) {
        .search .search-close__icon::before {
          font-size: 14px;
          margin-top: -7px; } }
    @media (max-width: 660px) {
      .search .search-close__icon {
        width: 50px; } }

.search.is-expanded-to-container {
  margin-bottom: 0;
  height: auto;
  position: absolute;
  bottom: 0;
  top: 0; }
  .search.is-expanded-to-container:not(.ltr) {
    right: 0; }
  .search.is-expanded-to-container.ltr {
    right: 0 /*rtl:ignore*/; }
  .search.is-expanded-to-container .search-open__icon:not(.ltr) {
    right: 0; }
  .search.is-expanded-to-container .search-open__icon.ltr {
    right: 0 /*rtl:ignore*/; }
  .search.is-expanded-to-container .search__input[type="search"] {
    height: 100%; }

.search__input[type="search"] {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0;
  padding: 0 50px 0 60px;
  border: 1px solid #87a6bc;
  background: white;
  height: 51px;
  -moz-appearance: none;
       appearance: none;
  box-sizing: border-box;
  -webkit-appearance: none; }
  @media (max-width: 660px) {
    .search__input[type="search"] {
      opacity: 0; }
      .search__input[type="search"]:not(.ltr) {
        right: 0;
        padding-left: 50px; }
      .search__input[type="search"].ltr {
        left: 0 /*rtl:ignore*/;
        padding-left: 50px /*rtl:ignore*/; } }
  .search__input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }
  .search__input[type="search"]:focus {
    box-shadow: none; }

.search.is-open {
  width: 100%; }
  .search.is-open:not(.ltr) {
    margin-right: 0 !important; }
  .search.is-open.ltr {
    margin-right: 0 /*rtl:ignore*/ !important; }
  .search.is-open .search-open__icon {
    color: #3d596d; }
    .search.is-open .search-open__icon:not(.ltr) {
      left: 0; }
    .search.is-open .search-open__icon.ltr {
      left: 0 /*rtl:ignore*/; }
  .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 .spinner {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .search .spinner:not(.ltr) {
    left: 30px; }
  .search .spinner.ltr {
    left: 30px /*rtl:ignore*/; }
  @media (max-width: 660px) {
    .search .spinner:not(.ltr) {
      left: 25px; }
    .search .spinner.ltr {
      left: 25px /*rtl:ignore*/; } }

.search.is-searching .search-open__icon {
  display: none; }

.search.is-searching .spinner {
  display: block;
  z-index: 20; }

@media (max-width: 660px) {
  .animating.search-opening .search input {
    opacity: 1; } }

.search-card.card, .search-card.editor-drawer-well__placeholder {
  padding: 0; }

.search-card .search {
  margin: 0; }

.section-header.card, .section-header.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 11px;
  padding-bottom: 11px;
  position: relative; }
  .section-header.card:after, .section-header.editor-drawer-well__placeholder:after {
    content: ''; }

.section-header__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 28px;
  position: relative; }
  .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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    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;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative; }
  .section-header__actions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.section-header__label {
  color: #87a6bc;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  font-size: 14px;
  line-height: 16px;
  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;
  -webkit-flex: 1 0 auto;
      -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;
    -webkit-flex: 0 1 auto;
        -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: -webkit-linear-gradient(top, #f3f6f8 0%, white 4px);
      background: linear-gradient(to bottom, #f3f6f8 0%, white 4px); } }
  @media (min-width: 481px) {
    .section-nav__panel {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .section-nav__panel:first-child {
        width: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
            -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: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
            -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;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .section-nav-tabs.is-dropdown {
      position: relative;
      width: auto;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
          -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: -webkit-flex;
      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;
    -webkit-flex: none;
        -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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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;
  -webkit-flex: 1 0 auto;
      -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;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none;
      width: auto; } }

.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 {
    position: static; }

.section-nav__segmented .segmented-control {
  margin: 0 15px; }

.section-nav__segmented .segmented-control__link {
  padding: 3px 16px 5px; }

@media (max-width: 480px) {
  .section-nav .search.is-expanded-to-container {
    height: 46px; } }

/**
 * Segmented Control
 */
.segmented-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  border-radius: 4px;
  background-color: white;
  list-style: none; }

.segmented-control__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -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: #87a6bc;
  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-compact {
    height: 28px; }

.select-dropdown__container {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: auto;
  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;
    box-shadow: 0 0 0 2px #78dcfa; }
    .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:focus {
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa;
    outline: 0;
    border-radius: 4px; }

.select-dropdown__header {
  padding: 11px 44px 11px 16px;
  border-style: solid;
  border-color: #c8d7e1;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  height: 18px;
  color: #2e4453;
  -webkit-transition: background-color 0.2s ease;
  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;
    position: absolute;
    right: 13px;
    top: 12px;
    display: block;
    line-height: 18px;
    color: rgba(135, 166, 188, 0.5); }
    .is-compact .select-dropdown__header::after {
      right: 4px;
      top: 4px; }
  .is-compact .select-dropdown__header {
    padding: 7px;
    color: #668eaa;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }
    .is-compact .select-dropdown__header .count {
      border-width: 0;
      margin-left: 0;
      line-height: 1; }
  .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'; }
  .select-dropdown__header .count {
    margin-left: 8px; }

.select-dropdown__header-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.select-dropdown__options {
  visibility: hidden;
  height: 0;
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  margin: -2px 0 0 0;
  background-color: white;
  border: 1px solid #c8d7e1;
  border-radius: 0 0 4px 4px; }
  .accessible-focus .select-dropdown__options {
    border: solid 1px #0087be;
    border-top-color: #c8d7e1; }
  .select-dropdown.is-open .select-dropdown__options {
    visibility: visible;
    height: auto; }

.select-dropdown__option:last-child .select-dropdown__item {
  border-radius: 0 0 4px 4px; }

.select-dropdown__item,
.select-dropdown__item-text {
  padding: 11px 44px 11px 16px; }

.select-dropdown__item {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #2e4453;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer; }
  .select-dropdown__item::before {
    content: attr(data-bold-text);
    font-weight: 700;
    opacity: 0; }
  .select-dropdown__item:visited {
    color: #2e4453; }
  .select-dropdown__item.is-selected {
    background-color: #00aadc;
    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-text {
  padding-right: 16px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .select-dropdown__item-text .count {
    color: inherit;
    border-color: inherit; }

.select-dropdown__separator {
  border-top: 1px solid #c8d7e1;
  display: block;
  margin: 8px 0; }

.select-dropdown__label {
  display: block;
  color: #a8bece;
  margin-top: 5px;
  line-height: 20px; }
  .select-dropdown__label label {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 16px 0px 16px; }

.seo-search-preview {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

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

/*rtl:ignore*/
.signup-form__input {
  direction: ltr; }

.signup-form .logged-out-form__footer {
  margin-top: 10px; }

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

.site-icon {
  position: relative;
  background: #c8d7e1;
  border: 1px solid white;
  overflow: hidden;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin: 0;
  text-align: center; }
  .site-icon.is-blank .gridicon {
    color: white;
    z-index: 0; }

.site-icon__img {
  background: white;
  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: block; }

.site-selector .site,
.site-selector .all-sites {
  font-size: 14px; }
  .site-selector .site.is-selected,
  .notouch .site-selector .site.is-selected:hover,
  .site-selector .all-sites.is-selected,
  .notouch
  .site-selector .all-sites.is-selected:hover {
    background-color: #87a6bc; }
    .site-selector .site.is-selected .site__badge,
    .notouch .site-selector .site.is-selected:hover .site__badge,
    .site-selector .all-sites.is-selected .site__badge,
    .notouch
    .site-selector .all-sites.is-selected:hover .site__badge {
      color: white; }
    .site-selector .site.is-selected .site__title,
    .site-selector .site.is-selected .site__domain,
    .notouch .site-selector .site.is-selected:hover .site__title,
    .notouch .site-selector .site.is-selected:hover .site__domain,
    .site-selector .all-sites.is-selected .site__title,
    .site-selector .all-sites.is-selected .site__domain,
    .notouch
    .site-selector .all-sites.is-selected:hover .site__title,
    .notouch
    .site-selector .all-sites.is-selected:hover .site__domain {
      color: white; }
      .site-selector .site.is-selected .site__title::after,
      .site-selector .site.is-selected .site__domain::after,
      .notouch .site-selector .site.is-selected:hover .site__title::after,
      .notouch .site-selector .site.is-selected:hover .site__domain::after,
      .site-selector .all-sites.is-selected .site__title::after,
      .site-selector .all-sites.is-selected .site__domain::after,
      .notouch
      .site-selector .all-sites.is-selected:hover .site__title::after,
      .notouch
      .site-selector .all-sites.is-selected: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: -webkit-linear-gradient(left, rgba(135, 166, 188, 0), #87a6bc 90%);
        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,
    .notouch .site-selector .site.is-selected:hover .count,
    .site-selector .all-sites.is-selected .count,
    .notouch
    .site-selector .all-sites.is-selected:hover .count {
      border-color: white;
      color: white; }
    .site-selector .site.is-selected.is-private .site__title::before,
    .notouch .site-selector .site.is-selected:hover.is-private .site__title::before,
    .site-selector .all-sites.is-selected.is-private .site__title::before,
    .notouch
    .site-selector .all-sites.is-selected:hover.is-private .site__title::before {
      color: white; }
  .notouch .site-selector .site:hover, .notouch
  .site-selector .all-sites:hover {
    background-color: #f3f6f8;
    cursor: pointer; }
    .notouch .site-selector .site:hover .site__title,
    .notouch .site-selector .site:hover .site__domain, .notouch
    .site-selector .all-sites:hover .site__title,
    .notouch
    .site-selector .all-sites:hover .site__domain {
      color: #00aadc; }
      .notouch .site-selector .site:hover .site__title::after,
      .notouch .site-selector .site:hover .site__domain::after, .notouch
      .site-selector .all-sites:hover .site__title::after,
      .notouch
      .site-selector .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: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
        background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; }
    .notouch .site-selector .site:hover .count, .notouch
    .site-selector .all-sites:hover .count {
      border-color: #00aadc;
      color: #00aadc; }

.site-selector .search {
  display: none;
  margin-bottom: 0;
  width: auto;
  height: auto;
  padding: 8px;
  border-bottom: 1px solid #e9eff3; }
  .site-selector .search .search__input[type="search"] {
    position: relative;
    height: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 32px;
    font-size: 13px;
    border: 1px solid #c8d7e1;
    -webkit-appearance: none; }
    .site-selector .search .search__input[type="search"]:hover {
      border: 1px solid #a8bece;
      background-color: white; }
    .site-selector .search .search__input[type="search"]::-webkit-input-placeholder {
      color: #87a6bc; }
    .site-selector .search .search__input[type="search"]::-moz-placeholder {
      color: #87a6bc; }
  .site-selector .search .search-open__icon {
    background-color: transparent;
    border-left: none;
    color: #87a6bc;
    padding: 0;
    width: auto;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px; }
    .site-selector .search .search-open__icon:not(.ltr) {
      left: 18px; }
    .site-selector .search .search-open__icon.ltr {
      left: 18px /*rtl:ignore*/; }
  .site-selector .search.is-open .search-close__icon {
    color: #87a6bc;
    margin-top: -9px;
    width: 18px;
    height: 18px; }
    .site-selector .search.is-open .search-close__icon:not(.ltr) {
      right: 16px; }
    .site-selector .search.is-open .search-close__icon.ltr {
      right: 16px /*rtl:ignore*/; }

.site-selector__sites {
  max-height: calc( 100% - 89px);
  overflow-y: auto; }

.site-selector__no-results {
  color: #87a6bc;
  font-style: italic;
  padding: 10px 20px; }

.site-selector__add-new-site {
  padding: 8px 9px;
  display: block;
  border-top: 1px solid #c8d7e1; }

.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-modal .sites-dropdown .site-selector {
  max-height: 20vh; }

.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 {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  color: #a8bece;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 16px;
  -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  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; }
  @media (max-width: 660px) {
    .sites-dropdown__wrapper {
      width: 100%; } }

.sites-dropdown.is-open .sites-dropdown__wrapper {
  position: relative;
  z-index: 170;
  margin: 0; }

.sites-dropdown__selected {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  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;
  max-height: 30vh;
  overflow-y: auto; }
  .sites-dropdown .site-selector.is-large {
    margin-top: 50px; }

.sites-dropdown .site-selector .search {
  position: absolute;
  top: 67px;
  left: 0;
  right: 0;
  margin: 0; }

.sites-dropdown .site-selector .search input {
  margin: 0;
  background-color: white; }

.sites-dropdown .site-selector .site {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .notouch .sites-dropdown .site-selector .site:hover {
    background: #00aadc; }
    .notouch .sites-dropdown .site-selector .site:hover .site__badge {
      color: white; }
    .notouch .sites-dropdown .site-selector .site:hover .site__title,
    .notouch .sites-dropdown .site-selector .site:hover .site__domain {
      color: white; }
      .notouch .sites-dropdown .site-selector .site:hover .site__title::after,
      .notouch .sites-dropdown .site-selector .site: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: -webkit-linear-gradient(left, rgba(0, 170, 220, 0), #00aadc 90%);
        background: linear-gradient(to right, rgba(0, 170, 220, 0), #00aadc 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; }
    .notouch .sites-dropdown .site-selector .site:hover .site__title:before {
      color: white; }
  .sites-dropdown .site-selector .site.is-selected,
  .notouch .sites-dropdown .site-selector .site.is-selected:hover {
    background-color: #f3f6f8; }
    .sites-dropdown .site-selector .site.is-selected .site__title,
    .notouch .sites-dropdown .site-selector .site.is-selected:hover .site__title {
      color: #2e4453; }
    .sites-dropdown .site-selector .site.is-selected .site__domain,
    .notouch .sites-dropdown .site-selector .site.is-selected:hover .site__domain {
      color: #87a6bc; }
    .sites-dropdown .site-selector .site.is-selected.is-private .site__title::before,
    .notouch .sites-dropdown .site-selector .site.is-selected:hover.is-private .site__title::before {
      color: #87a6bc; }

.sites-dropdown .site-selector .site:not(.is-selected) .site-icon__img {
  opacity: 1;
  -webkit-filter: none;
          filter: none; }

.sites-popover {
  width: 300px;
  font-size: 15px; }

.sites-popover .tip-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 .search {
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }

.sites-popover .site-selector__sites {
  overflow-y: auto;
  max-height: 70vh; }

.sites-popover .site__content {
  text-decoration: none; }

.sites-popover .site-selector__heading {
  margin-top: 16px; }

.sites-popover .site-selector .site.is-selected {
  background-color: #87a6bc; }
  .sites-popover .site-selector .site.is-selected .site__title {
    color: white; }
    .sites-popover .site-selector .site.is-selected .site__title::before {
      color: white; }
  .sites-popover .site-selector .site.is-selected .site__domain {
    color: white; }

.notouch .sites-popover .site-selector .site:hover {
  background: #00aadc; }
  .notouch .sites-popover .site-selector .site:hover .site__badge {
    color: white; }
  .notouch .sites-popover .site-selector .site:hover .site__title,
  .notouch .sites-popover .site-selector .site:hover .site__domain {
    color: white; }
    .notouch .sites-popover .site-selector .site:hover .site__title::after,
    .notouch .sites-popover .site-selector .site: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: -webkit-linear-gradient(left, rgba(0, 170, 220, 0), #00aadc 90%);
      background: linear-gradient(to right, rgba(0, 170, 220, 0), #00aadc 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
  .notouch .sites-popover .site-selector .site:hover .site__title:before {
    color: white; }

.sites-popover .site-selector .site:not(.is-selected) .site-icon__img {
  opacity: 1;
  -webkit-filter: none;
          filter: none; }

.social-logo {
  fill: currentColor; }

@-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; }

@-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: -webkit-linear-gradient(left, #a8bece 0%, #c8d7e1 50%, #a8bece 100%);
  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;
  -webkit-transition: background-color .5s ease-in-out;
  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; } }

.textarea-autosize {
  -webkit-transition: none !important;
  transition: none !important; }

.theme {
  padding: 0;
  margin: 0 10px 20px 10px;
  width: 230px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out; }
  .theme h2 {
    display: inline-block;
    color: black;
    font-weight: 600;
    padding: 15px 0 15px 15px;
    margin: inherit;
    font-family: inherit;
    font-size: inherit; }
  .theme .price {
    padding-left: 10px;
    color: #4FB769;
    font-size: 90%;
    font-weight: 600; }
  .theme.is-active {
    background: #00aadc; }
    .theme.is-active h2 {
      color: white; }
    .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__active-focus {
  opacity: 0.0;
  -webkit-transition: all 200ms ease-in-out;
  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__active-label {
  margin-left: 10px;
  color: #a9e9fc;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600; }

.theme__content {
  padding-top: 75%;
  padding-bottom: 54px; }

.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__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 54px; }

.theme__more-button {
  float: right;
  border-left: 1px solid #f3f6f8;
  height: 54px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 100ms ease-in-out;
  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;
    -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    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; }

.themes-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -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;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.wplink__dialog.dialog.card, .wplink__dialog.dialog.editor-drawer-well__placeholder {
  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, .editor-alert-modal.dialog.editor-drawer-well__placeholder {
    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 {
  margin: 0; }
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:hover .mce-open i.mce-caret,
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:focus .mce-open i.mce-caret,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:hover .mce-open i.mce-caret,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:focus .mce-open i.mce-caret {
    color: #a8bece; }
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:hover .gridicons-add-outline,
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:focus .gridicons-add-outline,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:hover .gridicons-add-outline,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu:focus .gridicons-add-outline {
    fill: #a8bece; }
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu .mce-open:hover i.mce-caret,
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu .mce-open:focus i.mce-caret,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu .mce-open:hover i.mce-caret,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu .mce-open:focus i.mce-caret {
    color: #2e4453; }
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu .gridicons-add-outline:hover,
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu .gridicons-add-outline:focus,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu .gridicons-add-outline:hover,
  .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-insert-menu .gridicons-add-outline:focus {
    fill: #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; }

.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: #3d596d;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  margin-left: 8px;
  margin-top: 2px; }

.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 (min-width: 661px) {
  .wpcom-help__dialog.dialog.card, .wpcom-help__dialog.dialog.editor-drawer-well__placeholder {
    max-width: 700px; } }

.wpcom-help__dialog.dialog.card .dialog__content, .wpcom-help__dialog.dialog.editor-drawer-well__placeholder .dialog__content {
  height: 70vh;
  margin: 0 -24px;
  padding: 0 24px;
  overflow-y: scroll;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: all; }

.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, .wpcom-charmap__dialog.dialog.editor-drawer-well__placeholder {
  padding: 0 24px; }
  .wpcom-charmap__dialog.dialog.card .dialog__content, .wpcom-charmap__dialog.dialog.editor-drawer-well__placeholder .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, .wpcom-charmap__dialog.dialog.editor-drawer-well__placeholder .dialog__action-buttons {
    margin: 0 -24px; }
  @media (min-width: 661px) {
    .wpcom-charmap__dialog.dialog.card, .wpcom-charmap__dialog.dialog.editor-drawer-well__placeholder {
      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; }

.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, .editor-contact-form-modal.dialog.editor-drawer-well__placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%; }
  @media (min-width: 661px) {
    .editor-contact-form-modal.dialog.card, .editor-contact-form-modal.dialog.editor-drawer-well__placeholder {
      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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px; }

.editor-contact-form-modal-fields,
.editor-contact-form-modal-settings {
  padding: 5px 20px;
  top: 65px;
  bottom: 74px;
  left: 0;
  right: 0;
  overflow-y: auto;
  position: absolute; }

.editor-contact-form-modal-field__remove {
  color: #c8d7e1;
  cursor: pointer;
  -webkit-transition: color 200ms;
  transition: color 200ms; }
  .editor-contact-form-modal-field__remove:hover {
    color: #d54e21; }

.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;
    -webkit-transition: width 0.2s;
    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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
        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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
        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: 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: 47px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0; }
  .mce-container.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-container {
    padding-left: 1px;
    padding-right: 1px; }
  .mce-container.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp {
    left: 229px; }
    @media (min-width: 961px) {
      .mce-container.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp {
        left: 273px; } }

.post-editor div.mce-toolbar-grp,
.mce-inline-toolbar-grp div.mce-toolbar-grp {
  background-color: rgba(255, 255, 255, 0.92);
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 1px 0;
  padding: 0;
  overflow-x: auto;
  margin: 0 auto; }
  @media screen and (min-width: 928px) {
    .post-editor div.mce-toolbar-grp,
    .mce-inline-toolbar-grp div.mce-toolbar-grp {
      border-left-width: 1px;
      border-right-width: 1px; } }

.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 {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  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);
  -webkit-transition: none;
  transition: none; }

.mce-window {
  border-radius: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  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);
  -webkit-transition: .05s all ease-in-out;
  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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
  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; } }

.mce-toolbar-grp:not(.mce-inline-toolbar-grp) .mce-btn-group .mce-btn.mce-first:not(.mce-wpcom-insert-menu) {
  margin-left: 4px; }

#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;
  -webkit-transition: height 0.2s;
  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;
  -webkit-transition: border-color 0.4s;
  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;
  -webkit-transition: opacity 0.4s;
  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 {
  -webkit-transition-duration: 0.8s;
          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 {
  -webkit-transition-duration: 0.4s;
          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 {
  -webkit-transition-duration: 0.8s;
          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 {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  border-color: #ccc; }

.fade-1000,
.fade-600,
.fade-400,
.fade-300 {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.fade-1000 {
  -webkit-transition-duration: 1s;
          transition-duration: 1s; }

.fade-600 {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s; }

.fade-400 {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }

.fade-300 {
  -webkit-transition-duration: 0.3s;
          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;
  -webkit-transition-property: border, background, color;
  transition-property: border, background, color;
  -webkit-transition-duration: .05s;
          transition-duration: .05s;
  -webkit-transition-timing-function: ease-in-out;
          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; } }

.token-field {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  border: 1px solid #c8d7e1;
  color: #2e4453;
  cursor: text;
  -webkit-transition: all .15s ease-in-out;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-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: -webkit-flex;
  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;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1);
  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;
  -webkit-transition: all .15s ease-in-out;
  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; }

.post-schedule {
  position: relative; }

.post-schedule__header {
  height: 26px;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 47px;
  color: #87a6bc;
  font-size: 18px;
  font-weight: 300;
  width: 80%;
  margin: 0 10%; }
  .post-schedule__header:first-letter {
    text-transform: uppercase; }

.post-schedule .input-chrono__container {
  margin: 0 -16px; }
  .post-schedule .input-chrono__container input.input-chrono {
    padding-left: 16px;
    padding-right: 16px;
    border: 0; }

.post-schedule__header-month {
  cursor: pointer; }

.post-schedule__header-year {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 12px;
  color: #a8bece;
  height: 20;
  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;
  color: #87a6bc;
  font-size: 12px; }

hr.post-schedule__hr {
  height: 1px;
  background: #e9eff3;
  margin: 0 -16px; }

input.post-schedule__clock_time {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  border: 1px solid #e9eff3;
  width: 42px;
  text-align: center;
  padding: 0;
  color: #a8bece;
  font-size: 12px; }

.post-schedule__clock-divisor {
  margin: 0 6px; }

.info-popover__tooltip.post-schedule__timezone-info,
.post-schedule__clock-timezone {
  color: #87a6bc;
  line-height: 20px; }

.post-schedule__clock-timezone {
  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 .tip-inner {
    font-size: 12px; }

.section-header.card, .section-header.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 11px;
  padding-bottom: 11px;
  position: relative; }
  .section-header.card:after, .section-header.editor-drawer-well__placeholder:after {
    content: ''; }

.section-header__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 28px;
  position: relative; }
  .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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    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;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative; }
  .section-header__actions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.section-header__label {
  color: #87a6bc;
  font-size: 14px; }

.section-header__actions .button {
  float: left;
  margin-right: 8px; }

.section-header__actions > .button:last-child {
  margin-right: 0; }

/*rtl:ignore*/
.signup-form__input {
  direction: ltr; }

.signup-form .logged-out-form__footer {
  margin-top: 10px; }

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

.tooltip.popover .tip-arrow {
  border-width: 6px; }

.tooltip.popover.tip-bottom .tip-arrow {
  border-width: 10px; }

.tooltip.popover.tip-bottom-right .tip-arrow, .tooltip.popover.tip-bottom-left .tip-arrow, .tooltip.popover.tip-bottom .tip-arrow {
  border-bottom-color: #3d596d;
  position: absolute;
  top: 9px;
  right: 10px; }
  .tooltip.popover.tip-bottom-right .tip-arrow::before, .tooltip.popover.tip-bottom-left .tip-arrow::before, .tooltip.popover.tip-bottom .tip-arrow::before {
    display: none; }

.tooltip.popover.tip-bottom-right.is-error .tip-arrow, .tooltip.popover.tip-bottom-left.is-error .tip-arrow, .tooltip.popover.tip-bottom.is-error .tip-arrow {
  border-bottom-color: #d94f4f; }

.tooltip.popover.tip-bottom-right.is-warning .tip-arrow, .tooltip.popover.tip-bottom-left.is-warning .tip-arrow, .tooltip.popover.tip-bottom.is-warning .tip-arrow {
  border-bottom-color: #f0b849; }

.tooltip.popover.tip-bottom-right.is-success .tip-arrow, .tooltip.popover.tip-bottom-left.is-success .tip-arrow, .tooltip.popover.tip-bottom.is-success .tip-arrow {
  border-bottom-color: #4ab866; }

.tooltip.popover.tip-top .tip-arrow, .tooltip.popover.tip-top-left .tip-arrow, .tooltip.popover.tip-top-right .tip-arrow {
  border-top-color: #3d596d;
  position: absolute;
  bottom: 4px;
  margin-left: -6px; }
  .tooltip.popover.tip-top .tip-arrow::before, .tooltip.popover.tip-top-left .tip-arrow::before, .tooltip.popover.tip-top-right .tip-arrow::before {
    display: none; }

.tooltip.popover.tip-top.is-error .tip-arrow, .tooltip.popover.tip-top-left.is-error .tip-arrow, .tooltip.popover.tip-top-right.is-error .tip-arrow {
  border-top-color: #d94f4f; }

.tooltip.popover.tip-top.is-warning .tip-arrow, .tooltip.popover.tip-top-left.is-warning .tip-arrow, .tooltip.popover.tip-top-right.is-warning .tip-arrow {
  border-top-color: #f0b849; }

.tooltip.popover.tip-top.is-success .tip-arrow, .tooltip.popover.tip-top-left.is-success .tip-arrow, .tooltip.popover.tip-top-right.is-success .tip-arrow {
  border-top-color: #4ab866; }

.tooltip.popover.tip-right {
  padding-top: 0; }
  .tooltip.popover.tip-right .tip-arrow {
    border-right-color: #3d596d;
    position: absolute;
    margin-left: 4px; }
    .tooltip.popover.tip-right .tip-arrow::before {
      display: none; }
  .tooltip.popover.tip-right.is-error .tip-arrow {
    border-right-color: #d94f4f; }
  .tooltip.popover.tip-right.is-warning .tip-arrow {
    border-right-color: #f0b849; }
  .tooltip.popover.tip-right.is-success .tip-arrow {
    border-right-color: #4ab866; }

.tooltip.popover .tip-inner {
  border: 0px;
  box-shadow: none;
  border-radius: 2px;
  color: white;
  background: #3d596d;
  font-size: 12px;
  padding: 6px 10px;
  margin-top: 5px;
  text-align: left; }

.tooltip.popover.is-error .tip-inner {
  background: #d94f4f; }

.tooltip.popover.is-warning .tip-inner {
  background: #f0b849; }

.tooltip.popover.is-success .tip-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; }

.tooltip__hr {
  margin: 8px 0;
  background: #87a6bc; }

.credit-card-form__extras {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -15px; }
  .credit-card-form__extras .credit-card-form__field,
  .credit-card-form__extras .credit-card-form__label {
    margin-left: 15px; }
  .credit-card-form__extras .cvv,
  .credit-card-form__extras .expiration-date {
    -webkit-flex-basis: 6em;
        -ms-flex-preferred-size: 6em;
            flex-basis: 6em;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .credit-card-form__extras .country {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .credit-card-form__extras .country label {
      display: none; }
  .credit-card-form__extras .postal-code {
    -webkit-flex-basis: 8em;
        -ms-flex-preferred-size: 8em;
            flex-basis: 8em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }

.credit-card-form__field {
  margin-top: 15px;
  position: relative; }
  .credit-card-form__field select {
    font-size: 15px;
    width: 100%; }
  .credit-card-form__field input[disabled] {
    cursor: not-allowed; }

.credit-card-form__label label {
  color: #668eaa;
  display: none;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  left: 13px;
  top: 12px; }

.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"); }

.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: #87a6bc;
  line-height: 18px; }
  .version:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .version .gridicon {
    float: left;
    margin-right: 4px; }

.vertical-nav {
  margin-top: 15px; }

.vertical-nav-item .noticon {
  box-sizing: border-box;
  color: #87a6bc;
  font-size: 20px;
  height: 100%;
  padding-left: 3px;
  padding-top: 20px;
  position: absolute;
  top: 0;
  right: 0;
  width: 55px; }

.vertical-nav-item .noticon-collapse {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

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

.web-preview {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  z-index: 100200;
  -webkit-transition: opacity 0.3s ease-in-out;
  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); }

.web-preview__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block; }

.web-preview__content {
  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);
  -webkit-transition: opacity 0.1s ease-in-out, max-width 0.2s ease-out, -webkit-transform 0.2s ease-out;
  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; } }
  .is-tablet .web-preview__content {
    max-width: 783px; }
  .is-phone .web-preview__content {
    max-width: 460px; }

@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: 48px;
  background: white;
  border-bottom: 1px solid #c8d7e1;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.web-preview__close,
.web-preview__external,
.web-preview__device-button {
  color: #87a6bc;
  border-right: 1px solid #c8d7e1;
  padding: 12px 16px;
  cursor: pointer; }
  .web-preview__close:hover,
  .web-preview__external:hover,
  .web-preview__device-button:hover {
    color: #2e4453; }
  .web-preview__close .gridicon,
  .web-preview__external .gridicon,
  .web-preview__device-button .gridicon {
    vertical-align: middle; }

.web-preview__close {
  height: 49px;
  cursor: pointer; }

.web-preview__external {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px; }

.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__toolbar-tray {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .web-preview__toolbar-tray .button {
    margin: 4px; }

.web-preview__frame {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  .is-loaded .web-preview__frame {
    opacity: 1; }

.web-preview__placeholder {
  width: 100%;
  position: absolute;
  top: 49px;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.web-preview .spinner {
  margin-left: -10px;
  position: absolute;
  top: 45%;
  left: 50%; }

.web-preview__loading-message {
  color: #87a6bc;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  display: block;
  margin: 48px 0; }

.devdocs,
.design-assets {
  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-assets {
      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, .devdocs__result.editor-drawer-well__placeholder {
  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: Merriweather, 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-header {
  font-size: 13px; }
  .devdocs__doc-header a {
    float: right; }

.devdocs__doc-content {
  margin-top: 48px; }

@media (max-width: 660px) {
  .design-assets {
    padding: 0 6px; } }

.design-assets__group > h2,
.docs__design-assets-group > h2,
.design-assets__group > h2 a:first-child,
.docs__design-assets-group > h2 a:first-child {
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 38px;
  font-weight: bold;
  margin: 40px 0 15px; }

.design-assets h3 {
  font-weight: bold;
  margin-bottom: 8px; }

.design-assets hr {
  background: transparent;
  clear: both;
  height: 2px;
  margin: 15px 0; }

.design-assets__toggle {
  float: right; }

.design-assets__group,
.docs__design-assets-group {
  color: #2e4453; }

.design-assets__group .docs-example,
.docs__design-assets-group .docs-example {
  margin-top: 40px; }

.design-assets__group > .gridicon:hover,
.design-assets__group > .social-logo:hover,
.docs__design-assets-group > .gridicon:hover,
.docs__design-assets-group > .social-logo:hover {
  fill: #87a6bc;
  cursor: pointer; }

.design-assets__button-row:first-child {
  margin-top: -16px; }

.design-assets__button-row .button {
  margin-top: 16px !important;
  margin-right: 16px !important; }

.devdocs__welcome {
  color: #2e4453; }

.devdocs__welcome-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px; }

.devdocs__welcome-illustration {
  float: right;
  margin-top: -120px; }

.guided-tours__step {
  position: fixed;
  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; }
  .guided-tours__step .guided-tours__step-text {
    color: #e9eff3;
    margin-bottom: 16px; }
    .guided-tours__step .guided-tours__step-text strong {
      color: white; }
  .guided-tours__step .gridicon[height="16"] {
    position: relative;
    top: 2px; }
  .guided-tours__step .gridicon[height="18"] {
    position: relative;
    top: 3px; }

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

.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 .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__external-link,
.guided-tours__actionstep-instructions {
  color: #a8bece;
  margin-bottom: 0;
  font-style: italic; }
  .guided-tours__external-link .gridicon,
  .guided-tours__actionstep-instructions .gridicon {
    position: relative;
    top: 7px; }
  .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-instructions {
  margin-top: -7px; }

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

.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;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  text-decoration: none;
  outline: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .community-translator__button:hover {
    color: white; }
    .community-translator__button:hover .community-translator__text {
      -webkit-transition: all 0.15s ease-in-out;
      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; }

.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; }
  .translator-invitation:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 35px;
    z-index: -1;
    background: -webkit-linear-gradient(left, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%);
    background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%); }
  .translator-invitation .close-button {
    padding: 6px; }
  .translator-invitation .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; }

.translator-invitation__title {
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 12px; }

.translator-invitation__primary-content {
  font-size: 16px;
  line-height: 24px; }
  .translator-invitation__primary-content .button {
    display: block;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 8px;
    text-align: center; }

.translator-invitation__secondary-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.translator-invitation__intro {
  -webkit-box-flex: 100%;
  -webkit-flex-grow: 100%;
      -ms-flex-positive: 100%;
          flex-grow: 100%;
  margin-bottom: 20px; }

.translator-invitation__link {
  color: #00aadc;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: -webkit-linear-gradient(top, transparent 50%, #00aadc 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #00aadc 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 85%; }

.translator-invitation__actions {
  -webkit-box-flex: 100%;
  -webkit-flex-grow: 100%;
      -ms-flex-positive: 100%;
          flex-grow: 100%; }
  .translator-invitation__actions > :last-child {
    margin-right: 0; }

@media (min-width: 661px) {
  .translator-invitation {
    padding: 12px 0 0; }
  .translator-invitation__title {
    clear: none; }
  .translator-invitation__primary-content {
    margin-bottom: 0; }
    .translator-invitation__primary-content .button {
      display: inline-block;
      width: auto;
      margin-bottom: 0px;
      padding: 7px 24px;
      margin-right: 12px; }
  .translator-invitation__intro {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-bottom: 0px; }
  .translator-invitation__actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 2%; }
  .translator-invitation__secondary-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; } }

.masterbar {
  background: #0087be;
  border-bottom: 1px solid #0079aa;
  color: white;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  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;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  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 {
    border: none; }
  @media (min-width: 661px) {
    .masterbar {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; } }

.masterbar__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: white;
  font-size: 14px;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
  text-decoration: none;
  cursor: default;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in; }
  .masterbar__item:visited {
    color: white; }
  .masterbar__item[href] {
    cursor: pointer; }
  .masterbar__item .masterbar__item-content {
    color: white; }
  .masterbar__item .gridicon + .masterbar__item-content {
    padding: 0 0 0 6px; }
  .masterbar__item:hover, .masterbar__item:focus {
    background: #0099d8;
    color: white;
    outline: 0; }
  .masterbar__item.is-active {
    background: #004967; }
  .is-support-user .masterbar__item.is-active {
    background: #cd690e; }
  @media (max-width: 480px) {
    .masterbar__item {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -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;
  -webkit-flex: 0 0 auto;
      -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 {
      margin-right: 10px; }
    .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;
  -webkit-flex: 0 0 auto;
      -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;
  height: 36px;
  margin: 5px 8px; }
  .masterbar__item-new:visited {
    color: #0087be; }
  .masterbar__item-new.is-active {
    color: white; }
  .masterbar__item-new:hover, .masterbar__item-new:focus {
    background: #f3f6f8;
    color: #0087be; }
  .masterbar__item-new .masterbar__item-content {
    display: none; }
  .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; }

.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;
    -webkit-transition: all 150ms ease-in;
    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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 5px; }
  .masterbar__login-links .masterbar__item-content {
    display: block;
    padding-left: 0; }

@media (min-width: 481px) {
  .masterbar__reader {
    margin-right: auto; } }

.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: -webkit-linear-gradient(left, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%);
    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: Merriweather, 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: -webkit-linear-gradient(top, transparent 50%, #00aadc 50%);
  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: -webkit-linear-gradient(left, rgba(200, 215, 225, 0) 0%, #c8d7e1 100%);
      background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 100%); }
    .NuxWelcome .close-button:after {
      width: 1px;
      height: 108px;
      background: -webkit-linear-gradient(top, #c8d7e1 0%, rgba(200, 215, 225, 0) 100%);
      background: linear-gradient(to bottom, #c8d7e1 0%, rgba(200, 215, 225, 0) 100%); }
    .notouch .NuxWelcome .close-button:before, .notouch .NuxWelcome .close-button:after {
      -webkit-transition: -webkit-transform 0.2s ease;
      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, .post-editor__sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  padding: 0;
  background: #e9eff3;
  position: fixed;
  top: 47px;
  bottom: 0;
  left: 0; }
  @media (max-width: 960px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
      width: 228px; } }
  @media (min-width: 961px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
      width: 272px; } }
  @media (max-width: 660px) {
    .sidebar, .post-editor__sidebar {
      left: -100vw;
      width: 100vw;
      max-height: calc(100vh - 47px);
      pointer-events: none;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
      transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
      .focus-sidebar .sidebar, .focus-sidebar .post-editor__sidebar {
        pointer-events: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateX(100vw);
                transform: translateX(100vw); }
      .focus-sites .sidebar, .focus-sites .post-editor__sidebar {
        -webkit-transform: translateX(100vw);
                transform: translateX(100vw); } }
  @media (min-width: 661px) {
    .sidebar.has-regions, .has-regions.post-editor__sidebar {
      overflow: hidden; } }

.sidebar, .post-editor__sidebar {
  margin: 0; }
  .sidebar .current-site, .post-editor__sidebar .current-site,
  .sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .sidebar ul, .post-editor__sidebar ul {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    list-style: none;
    margin: 0; }
  .sidebar li, .post-editor__sidebar li {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative; }

.sidebar__heading {
  color: rgba(8, 74, 122, 0.6);
  font-weight: 600;
  font-size: 12px;
  margin: 16px 8px 6px 14px;
  display: -webkit-box;
  display: -webkit-flex;
  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: -webkit-flex;
    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;
    -webkit-flex: 1 0 auto;
        -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: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 50%);
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 50%); }
      @media (max-width: 660px) {
        .sidebar__menu a:first-child:after {
          background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
          background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); } }
  .sidebar__menu a {
    font-size: 13px;
    position: relative;
    padding: 14px 16px 14px 55px;
    color: #2e4453;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-tap-highlight-color: rgba(46, 68, 83, 0.2); }
    .sidebar__menu a:focus {
      outline: none; }
    @media (max-width: 660px) {
      .sidebar__menu a {
        padding: 18px 16px 18px 53px; } }
  .sidebar__menu a.plan-name {
    padding: 3px 8px 4px 8px;
    position: absolute;
    top: 12px;
    right: 8px;
    color: rgba(8, 74, 122, 0.7);
    font-size: 11px; }
    @media (max-width: 660px) {
      .sidebar__menu a.plan-name {
        top: 16px;
        right: 16px; } }
  .sidebar__menu .gridicon {
    position: absolute;
    top: 11px;
    left: 20px;
    fill: #87a6bc;
    height: 24px;
    width: 24px; }
    @media (max-width: 660px) {
      .sidebar__menu .gridicon {
        top: 15px;
        left: 16px;
        height: 24px;
        width: 24px; } }
    .sidebar__menu .gridicon.gridicons-external {
      position: absolute;
      top: 13px;
      right: 8px;
      left: auto;
      z-index: 1;
      height: 18px; }
      @media (max-width: 660px) {
        .sidebar__menu .gridicon.gridicons-external {
          top: 17px; } }
  .sidebar__menu .noticon-external {
    position: absolute;
    top: 15px;
    right: 19px;
    z-index: 1;
    color: #87a6bc; }
    @media (max-width: 660px) {
      .sidebar__menu .noticon-external {
        top: 9px;
        right: 16px;
        font-size: 32px; } }

a.sidebar__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 8px 3px 8px;
  height: 24px;
  margin: 11px 8px 0 0;
  line-height: 18px;
  background-color: #f3f6f8;
  color: rgba(14, 73, 115, 0.8);
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #c8d7e1; }
  @media (max-width: 660px) {
    a.sidebar__button {
      font-size: 14px;
      height: 35px;
      padding: 8px 16px;
      margin: 10px 10px 0 0; } }

@media (min-width: 661px) {
  .sidebar__menu .selected {
    background-color: #87a6bc; }
    .sidebar__menu .selected a {
      color: white; }
      .sidebar__menu .selected a:first-child:after {
        background: -webkit-linear-gradient(left, rgba(135, 166, 188, 0), #87a6bc 50%);
        background: linear-gradient(to right, rgba(135, 166, 188, 0), #87a6bc 50%); }
    .sidebar__menu .selected .sidebar__button {
      background: #e9eff3;
      color: #3d596d;
      border: 1px solid #668eaa; }
    .sidebar__menu .selected .gridicon {
      fill: white; }
    .sidebar__menu .selected.is-action-button-selected a:first-child:after {
      background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
      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 {
    color: #00aadc; }
    .notouch .sidebar__menu li:hover:not(.selected) a:first-child:after {
      background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
      background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
    .notouch .sidebar__menu li:hover:not(.selected) a.sidebar__button {
      background-color: white;
      color: #2e4453; }
  .notouch .sidebar__menu li:hover:not(.selected) .gridicon {
    fill: #00aadc; }

@media (max-width: 660px) {
  .notouch .sidebar__menu li:hover {
    background-color: #f3f6f8; }
    .notouch .sidebar__menu li:hover a {
      color: #00aadc; }
      .notouch .sidebar__menu li:hover a:first-child:after {
        background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
        background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
      .notouch .sidebar__menu li:hover a.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 {
  color: #00aadc; }

.sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
  padding: 0;
  border-top: 1px solid #c8d7e1;
  margin: auto 0 0; }
  @media (max-width: 660px) {
    .sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
      margin-top: 16px; } }

.sidebar .sidebar__footer .button, .post-editor__sidebar .sidebar__footer .button {
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 11px 6px;
  color: #668eaa;
  margin-right: 4px; }
  .sidebar .sidebar__footer .button:hover, .post-editor__sidebar .sidebar__footer .button:hover {
    color: #2e4453; }
  @media (max-width: 660px) {
    .sidebar .sidebar__footer .button, .post-editor__sidebar .sidebar__footer .button {
      padding: 16px; } }

.sidebar__drafts-button {
  margin-left: auto; }

.layout.is-group-sites .sidebar .drafts-button.button.is-borderless, .layout.is-group-sites .post-editor__sidebar .drafts-button.button.is-borderless {
  color: #668eaa;
  line-height: 0;
  padding: 0;
  margin: 0;
  text-transform: none; }
  .layout.is-group-sites .sidebar .drafts-button.button.is-borderless .count, .layout.is-group-sites .post-editor__sidebar .drafts-button.button.is-borderless .count {
    color: #668eaa; }
  .layout.is-group-sites .sidebar .drafts-button.button.is-borderless:hover, .layout.is-group-sites .post-editor__sidebar .drafts-button.button.is-borderless:hover {
    color: #00aadc; }
    .layout.is-group-sites .sidebar .drafts-button.button.is-borderless:hover .count, .layout.is-group-sites .post-editor__sidebar .drafts-button.button.is-borderless:hover .count {
      background: #00aadc;
      border-color: #00aadc;
      color: white; }

.sidebar__region {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media (min-width: 661px) {
    .sidebar__region {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      /* workaround for safari scrollbar rendering bug */
      -webkit-overflow-scrolling: touch; } }

.accept-dialog {
  padding-bottom: 24px;
  max-width: 500px; }

.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, .environment.is-tests:hover .active-tests.editor-drawer-well__placeholder {
  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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-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;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in; }

.account__username-form-toggle-enter-active {
  opacity: 1; }

.account__username-form-toggle-leave {
  opacity: 1;
  -webkit-transition: opacity .01s ease-in;
  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;
  -webkit-transition: width 0.25s ease-out;
  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__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;
  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: 1;
  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 {
  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 {
  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-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, .billing-history__receipt-card.is-compact.editor-drawer-well__placeholder {
  padding: 16px 0; }

.billing-history__receipts.card, .billing-history__receipts.editor-drawer-well__placeholder,
.billing-history__upcoming-charges.card,
.billing-history__upcoming-charges.editor-drawer-well__placeholder {
  padding: 0; }

.billing-history .search-card.card, .billing-history .search-card.editor-drawer-well__placeholder {
  margin: 0; }

@media print {
  .is-section-billing #secondary,
  .is-section-billing .masterbar,
  .is-section-billing .billing-history__receipt-links,
  .is-section-billing .header-cake.card,
  .is-section-billing .header-cake.editor-drawer-well__placeholder {
    display: none; } }

.connected-application-item__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .connected-application-item__header h3 {
    -webkit-box-flex: 2;
    -webkit-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; } }

.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;
  text-align: center; }

.credit-cards_single-card {
  border: 1px solid #e9eff3;
  border-top: none; }
  .credit-cards_single-card:first-child {
    border-top: 1px solid #e9eff3; }

.get-apps__title {
  text-align: center;
  font-size: 24px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 8px; }
  @media (min-width: 481px) {
    .get-apps__title {
      margin-top: 24px; } }

.get-apps__subheading {
  max-width: 500px;
  margin: 16px auto;
  text-align: center; }

.get-apps__app {
  text-align: center;
  float: left; }

.get-apps__app-icon {
  width: 96px;
  height: 96px;
  margin: 0 auto 16px auto;
  border-radius: 8px;
  background: #c8d7e1; }

.get-apps__app {
  width: 100%;
  margin-bottom: 24px; }

@media (min-width: 481px) {
  .get-apps__desktop .get-apps__app {
    width: 33%;
    margin-bottom: 0; } }

.get-apps__mobile .get-apps__app a img {
  width: auto;
  height: 40px; }

@media (min-width: 481px) {
  .get-apps__mobile .get-apps__app {
    width: 50%;
    margin-bottom: 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 .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: -webkit-flex;
    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-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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -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__header.card.is-compact, .help-results__header.is-compact.editor-drawer-well__placeholder,
.help-results__footer.card.is-compact,
.help-results__footer.is-compact.editor-drawer-well__placeholder {
  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 .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-link {
  display: -webkit-box;
  display: -webkit-flex;
  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;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.help__support-link-contact .gridicon {
  display: none; }

.help__support-link-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-align-self: center;
      -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; }

.has-no-sidebar .next-steps {
  max-width: 640px; }

.next-steps__title {
  color: #2e4453;
  font-family: Merriweather, 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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-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 .noticon {
      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%; }

.notification-settings-blog-settings-header__legend, .notification-settings-blog-settings-header__expand, .notification-settings-blog-settings-placeholder__legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: 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.editor-drawer-well__placeholder,
.notification-settings-blog-settings-placeholder.card,
.notification-settings-blog-settings-placeholder.editor-drawer-well__placeholder {
  padding-top: 0;
  padding-bottom: 0; }

.notification-settings-blog-settings-header,
.notification-settings-blog-settings-placeholder__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #87a6bc; }
  @media (min-width: 481px) {
    .notification-settings-blog-settings-header,
    .notification-settings-blog-settings-placeholder__header {
      cursor: pointer; } }
  .notification-settings-blog-settings-header .site__content,
  .notification-settings-blog-settings-placeholder__header .site__content {
    padding-left: 0; }

.notification-settings-blog-settings-header__legend {
  margin-right: 10px; }

.notification-settings-blog-settings-header__expand {
  display: none;
  color: #e9eff3; }
  @media (min-width: 481px) {
    .notification-settings-blog-settings-header__expand {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.notification-settings-blog-settings-placeholder__blog {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -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;
  -webkit-align-self: center;
      -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;
  -webkit-flex: 1 0 auto;
      -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, .notification-settings-push-notification-settings__settings.editor-drawer-well__placeholder {
  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; }

.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: -webkit-flex;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .notification-settings-form-labels .notification-settings-form-header__title {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -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: -webkit-flex;
      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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  -webkit-box-pack: center;
  -webkit-justify-content: 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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  @media (min-width: 481px) {
    .notification-settings-form-stream {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: 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; }

.profile-gravatar .gravatar {
  display: block;
  margin: 0 auto; }

.profile-gravatar__edit-label-wrap {
  text-align: center;
  position: absolute;
  top: -5px;
  opacity: 0;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  background: rgba(46, 68, 83, 0);
  color: #0087be;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: preserve-3d; }
  @media (max-width: 660px) {
    .profile-gravatar__edit-label-wrap {
      opacity: 1;
      top: 110px;
      background: rgba(46, 68, 83, 0.8);
      color: white; } }
  .profile-gravatar__edit-label-wrap:after {
    font-size: 64px;
    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-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: preserve-3d;
    color: white;
    display: block;
    left: 43px;
    position: absolute;
    top: 5px;
    z-index: 0; }
    @media (max-width: 660px) {
      .profile-gravatar__edit-label-wrap:after {
        color: #78dcfa;
        font-size: 32px;
        left: 58px;
        top: 2px; } }
  .profile-gravatar__edit-label-wrap .profile-gravatar__edit-label {
    position: relative;
    top: 10px;
    z-index: 1000; }

.profile-gravatar__edit {
  position: relative;
  display: block;
  overflow: hidden;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 2px;
  margin: 0 auto;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: preserve-3d; }
  .profile-gravatar__edit:hover {
    border-color: #a8bece; }
    .profile-gravatar__edit:hover .profile-gravatar__edit-label-wrap {
      opacity: 1;
      top: 0px;
      background: rgba(46, 68, 83, 0.8);
      color: white; }
      .profile-gravatar__edit:hover .profile-gravatar__edit-label-wrap:after {
        top: 15px;
        color: #78dcfa; }
        @media (max-width: 660px) {
          .profile-gravatar__edit:hover .profile-gravatar__edit-label-wrap:after {
            font-size: 64px;
            left: 43px; } }
  .profile-gravatar__edit .gravatar {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: preserve-3d; }

.profile-gravatar__user-secondary-info {
  margin-bottom: 30px;
  text-align: center; }
  .profile-gravatar__user-secondary-info a {
    font-size: 16px; }

.profile-gravatar__user-display-name {
  font-size: 24px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 32px;
  margin: 8px 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 .action-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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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-private-registration .notice {
  margin-bottom: 10px; }
  @media (min-width: 661px) {
    .cancel-private-registration .notice {
      margin-bottom: 15px; } }

.cancel-private-registration__card {
  color: #2e4453; }
  .cancel-private-registration__card.is-placeholder .cancel-private-registration__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-private-registration__card.is-placeholder .cancel-private-registration__text span:after {
      content: '\00a0'; }

.cancel-private-registration__cancel-button {
  margin-top: 10px; }
  .cancel-private-registration__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;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -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; }

.purchase-item.card.is-expired, .purchase-item.is-expired.editor-drawer-well__placeholder {
  background: #f3f6f8; }
  .purchase-item.card.is-expired .purchase-item__title, .purchase-item.is-expired.editor-drawer-well__placeholder .purchase-item__title,
  .purchase-item.card.is-expired .purchase-item__purchase-type, .purchase-item.is-expired.editor-drawer-well__placeholder .purchase-item__purchase-type {
    opacity: 0.6; }

.purchase-item.is-placeholder {
  padding: 16px 24px; }
  .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__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__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__purchase-date,
.purchase-item__purchase-type {
  line-height: 14px;
  margin-top: 2px; }

.purchase-item__title {
  color: #2e4453;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 2px 20px 2px 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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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-family: Merriweather, Georgia, "Times New Roman", Times, serif;
      font-size: 18px;
      font-weight: 700;
      max-width: none; } }

.purchase-item__purchase-type {
  color: #87a6bc;
  font-size: 11px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (min-width: 481px) {
    .purchase-item__purchase-type {
      text-transform: uppercase; } }

.purchase-item__purchase-date {
  color: #4f748e;
  font-size: 13px; }

.purchases-site {
  margin-bottom: 15px; }
  @media (max-width: 660px) {
    .purchases-site .section-header {
      display: block; } }
  .purchases-site .section-header.card, .purchases-site .section-header.editor-drawer-well__placeholder {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
                -ms-grid-row-align: stretch;
            align-items: stretch; }

.purchases-site__slug {
  color: #58819e;
  font-size: 12px; }

.section-header__label,
.purchases-site__slug {
  white-space: nowrap; }
  @media (max-width: 660px) {
    .section-header__label,
    .purchases-site__slug {
      line-height: 15px; } }

.manage-purchase__info {
  font-size: 13px;
  padding: 16px; }
  @media (min-width: 661px) {
    .manage-purchase__info {
      font-size: 14px;
      padding: 16px 24px; } }
  .manage-purchase__info.is-expired {
    background: #f3f6f8; }
    .manage-purchase__info.is-expired .manage-purchase__content {
      opacity: .6; }
  .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__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;
    display: block; }
    .manage-purchase__info.is-placeholder .manage-purchase__content:after {
      content: '\00a0'; }
  .manage-purchase__info.is-placeholder .manage-purchase__subtitle,
  .manage-purchase__info.is-placeholder .manage-purchase__title {
    margin-bottom: 3px; }
  .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__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 {
  border-bottom: 1px solid #e9eff3;
  overflow: auto;
  padding: 0 0 16px 0; }

.manage-purchase__title {
  color: #2e4453;
  display: block;
  font-size: 18px;
  font-weight: 400; }
  @media (min-width: 661px) {
    .manage-purchase__title {
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
      font-size: 24px;
      font-weight: 700;
      padding-right: 100px; } }

.manage-purchase__subtitle {
  color: #668eaa;
  display: block;
  font-size: 11px;
  text-transform: uppercase; }

.manage-purchase__settings-link {
  font-size: 13px;
  line-height: 1.75em; }
  .manage-purchase__settings-link .gridicon {
    position: relative;
    top: 2px;
    left: 3px;
    color: #87a6bc; }

.manage-purchase__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0; }
  @media (max-width: 660px) {
    .manage-purchase__meta {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .manage-purchase__meta li {
    color: #3d596d;
    font-size: 13px;
    margin-top: 15px; }
    @media (max-width: 660px) {
      .manage-purchase__meta li {
        clear: both;
        overflow: auto; } }
    @media (min-width: 661px) {
      .manage-purchase__meta li {
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        font-size: 18px;
        text-align: center;
        padding: 0 8px; }
        .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;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      float: left; } }
  @media (min-width: 661px) {
    .manage-purchase__detail-label {
      color: #668eaa;
      display: block;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
      font-size: 10px;
      font-weight: 400;
      margin: 0 0 5px 0;
      text-transform: uppercase; } }

.manage-purchase__time-period {
  font-size: 75%;
  opacity: .7; }

@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;
  font-size: 12px;
  cursor: pointer; }

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

.edit-card-details__content {
  margin-bottom: 0; }

.edit-card-details__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-color: #f3f6f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .edit-card-details__footer em {
    color: #a8bece; }
  .edit-card-details__footer button {
    margin-left: auto; }
  @media (max-width: 660px) {
    .edit-card-details__footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      .edit-card-details__footer em {
        margin-top: 10px; }
      .edit-card-details__footer button {
        width: 100%; } }

.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__dialog.dialog__content h1 {
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis; }

.remove-purchase__dialog .remove-purchase__reason-input {
  margin: 4px 0 0 24px;
  width: calc( 100% - 24px); }

.reauth-required__send-sms-throttled {
  margin-bottom: 1em; }

.reauth-required__dialog {
  max-width: 400px; }

.reauth-required__sign-out {
  cursor: pointer; }

.security-2fa-backup-codes-list:after {
  content: ".";
  display: block;
  height: 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; } }

.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 .noticon {
    color: #d94f4f;
    margin-right: 8px; }
    .security-2fa-backup-codes-list__warning .noticon:before {
      position: relative;
      top: 1px; }

.security-2fa-backup-codes-prompt:after {
  content: ".";
  display: block;
  height: 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: -webkit-flex;
    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;
      -webkit-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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .security-2fa-sms-settings__fieldset-container .form-phone-input {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.security-2fa-sms-settings__fieldset-container .form-fieldset__country {
  -webkit-box-flex: 1;
  -webkit-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;
  -webkit-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-checkup-intro__text {
  margin-bottom: 0; }

.security-checkup-contact__detail .form-phone-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .security-checkup-contact__detail .form-phone-input {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.security-checkup-contact__detail .form-fieldset__country {
  padding-right: 0; }
  @media (min-width: 481px) {
    .security-checkup-contact__detail .form-fieldset__country {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-right: 20px;
      margin-bottom: 0; } }

.security-checkup-contact__detail .form-country-select {
  width: 100%; }
  @media (min-width: 481px) {
    .security-checkup-contact__detail .form-country-select {
      min-width: 0;
      width: 100%;
      max-width: 200px; } }

.security-checkup-contact__detail .form-fieldset__phone-number {
  margin-bottom: 0; }
  @media (min-width: 481px) {
    .security-checkup-contact__detail .form-fieldset__phone-number {
      -webkit-box-flex: 2;
      -webkit-flex: 2 0px;
          -ms-flex: 2 0px;
              flex: 2 0px; } }

.security-checkup-contact .notice {
  margin-top: 8px; }

.security-checkup-contact__placeholder-heading,
.security-checkup-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-checkup-contact__placeholder-heading {
  line-height: 2.4;
  margin-bottom: 1em; }
  @media (min-width: 481px) {
    .security-checkup-contact__placeholder-heading {
      width: 45%; } }

.security-checkup-contact__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.security-checkup-contact__header-info {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.security-checkup-contact__header-title {
  font-size: 1em;
  line-height: 1em; }

.security-checkup-contact__header-subtitle {
  display: block;
  font-size: 1em;
  font-style: italic;
  color: #87a6bc; }

.security-checkup-contact__detail {
  margin-top: 8px; }

.security-checkup-contact__remove {
  color: #87a6bc;
  float: left;
  cursor: pointer;
  padding: 9px 0; }
  .security-checkup-contact__remove:hover {
    color: #4f748e; }
  .security-checkup-contact__remove .gridicon {
    vertical-align: bottom;
    margin-right: 2px; }
    @media (min-width: 481px) {
      .security-checkup-contact__remove .gridicon {
        width: 16px;
        height: 16px; } }
  .security-checkup-contact__remove span {
    display: none; }
    @media (min-width: 481px) {
      .security-checkup-contact__remove span {
        display: inline; } }

.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, .is-group-me .post-editor__sidebar {
  padding-top: 16px; }

.me-sidebar__signout {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.me-sidebar__signout-button.form-button {
  display: block;
  float: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 8px 24px;
  min-height: 40px; }

.sidebar .profile-gravatar, .post-editor__sidebar .profile-gravatar {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

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

.earnings_breakdown__list {
  margin: 0;
  border-top: 1px solid #e9eff3; }

.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) {
    .earnings_breakdown__item {
      width: auto;
      float: none;
      padding: 10px 24px;
      text-align: left;
      border: 0;
      border-top: 1px solid #e9eff3; } }
  .earnings_breakdown__item:first-child {
    border: 0; }

.earnings_breakdown__label {
  color: #3d596d;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-transform: uppercase; }
  @media (max-width: 480px) {
    .earnings_breakdown__label {
      font-size: 14px;
      line-height: 1.8; } }

.earnings_breakdown__value {
  width: 100%;
  display: block;
  font-size: 25px; }
  @media (max-width: 480px) {
    .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.earnings_history__statuses-list {
  margin: 1em 24px 1em 40px; }

.earnings_history__status {
  padding-bottom: 10px;
  text-align: left; }

.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;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  text-align: center; }

.earnings-history__value {
  line-height: 40px;
  text-align: center; }
  @media (max-width: 480px) {
    .earnings-history__value:first-child, .earnings-history__value:last-child {
      font-size: 12px; } }

@media (max-width: 480px) {
  .settings__state {
    max-width: 75%; } }

.rads__activate-header-title {
  font-weight: 600; }

.rads__activate-notice {
  margin: 0; }

.rads__activate-header-toggle, .rads__activate-header-title {
  margin: auto 0 auto 0; }

.rads__activate-wrapper {
  padding: 0; }

.rads__activate-header {
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.rads__activate-description {
  border-top: 1px solid #e9eff3;
  padding: 24px; }

.all-sites {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -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;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
  padding: 0;
  height: 32px;
  width: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.all-sites-icon {
  display: -webkit-box;
  display: -webkit-flex;
  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 {
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  background: #87a6bc;
  border: none;
  margin-right: 1px;
  display: inline-block; }

.category-selector__search {
  position: relative;
  margin-bottom: 4px; }

.category-selector__search .gridicon {
  position: absolute;
  left: 8px;
  top: 9px; }

.category-selector__search input {
  right: 0;
  width: 100%;
  height: 35px;
  padding: 4px 8px 4px 30px;
  background: white;
  font-size: 14px;
  -webkit-appearance: none; }

.category-selector .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; }

.category-selector .is-empty-content {
  display: block;
  padding: 4px;
  font-size: 14px; }

.category-selector ul {
  padding: 0;
  font-size: 14px; }
  .category-selector ul.depth-0 {
    margin-left: 0; }
  .category-selector ul ul {
    margin-left: 1em; }
  .category-selector ul li {
    padding: 2px 0; }
    .category-selector ul li input[type=radio] + label,
    .category-selector ul li input[type=checkbox] + label {
      display: block;
      margin-left: 24px;
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      color: #2e4453; }
      .category-selector ul li input[type=radio] + label:hover,
      .category-selector ul li input[type=checkbox] + label:hover {
        color: #00aadc; }
    .category-selector ul li input[type=checkbox] {
      margin-right: 8px; }

.category-selector__add-category {
  border: 1px solid #c8d7e1;
  border-top-color: #e9eff3;
  margin: 0 0 8px;
  padding: 8px; }

.category-selector__add-category.is-compact {
  border: none;
  padding-left: 0; }

.category-selector__add-category-selector {
  border: 1px solid #c8d7e1;
  height: 186px;
  padding: 8px;
  overflow: hidden;
  overflow-y: auto;
  margin: 8px 0; }

.category-selector__add-category-selector .category-selector__search {
  position: relative;
  margin: -9px -9px 4px; }

.category-selector__add-category-dialog .dialog__content {
  min-width: 40vw; }

.category-selector__add-category-dialog .form-input-validation {
  padding-bottom: 0; }

@media (max-width: 660px) {
  .category-selector__add-category-dialog {
    width: 90%; }
  .category-selector__add-category-dialog .dialog__content {
    min-width: none; } }

.category-selector__add-category-info {
  z-index: 100201; }
  .category-selector__add-category-info .gridicon {
    position: relative;
    top: 4px;
    left: 4px; }

.category-selector__add-category-info-message {
  margin: 0; }

/**
 * The currently selected site block
 * at the top of the sidebar in My Sites
 */
.current-site.card, .current-site.editor-drawer-well__placeholder {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-bottom: 1px solid #d9e3ea; }
  .current-site.card.is-loading .site-icon, .current-site.is-loading.editor-drawer-well__placeholder .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, .current-site.is-loading.editor-drawer-well__placeholder .site__title {
    color: #4f748e;
    line-height: 35px; }
  .current-site.card.is-loading .current-site__switch-sites, .current-site.is-loading.editor-drawer-well__placeholder .current-site__switch-sites {
    cursor: default; }
    .current-site.card.is-loading .current-site__switch-sites::before, .current-site.is-loading.editor-drawer-well__placeholder .current-site__switch-sites::before {
      visibility: hidden; }

.current-site .site {
  -webkit-transition: opacity 0.15s ease-in-out;
  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__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%; }
  @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: -webkit-flex;
  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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    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, .draft.is-compact.editor-drawer-well__placeholder {
  padding: 16px; }

.draft__title {
  display: inline-block;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
  vertical-align: bottom;
  position: relative; }
  .has-all-actions .draft__title {
    width: 85%; }
  .draft__title a {
    color: #2e4453; }
  .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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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 {
  color: #4f748e;
  font-size: 12px;
  font-weight: 300; }
  .draft__excerpt .gridicon {
    color: #87a6bc;
    vertical-align: text-bottom;
    margin-right: 8px; }

.draft .site-icon {
  border: none;
  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.has-all-actions .draft__title {
  max-width: 56%; }

.draft.has-image .draft__featured-image {
  cursor: -webkit-zoom-in;
  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 .draft__featured-image {
  cursor: -webkit-zoom-out;
  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 .time {
    line-height: 1; }
  .draft .post-relative-time-status .time-text {
    font-size: 10px;
    color: #87a6bc;
    text-transform: uppercase; }
  .draft .post-relative-time-status small {
    display: none; }
  .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;
  -webkit-transition: opacity 200ms;
  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: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
      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; }

.drafts__heading {
  color: #4f748e;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 30px; }

.drafts .search {
  margin-bottom: 24px;
  position: static; }
  .drafts .search input {
    display: block; }

.section-export {
  padding-bottom: 100px; }

.exporter__title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  margin-bottom: 16px;
  clear: left; }

.exporter__subtitle {
  font-size: 14px;
  color: #2e4453; }

.exporter__spinner-button {
  float: right;
  padding: 8px; }

.exporter__export-button {
  float: right; }

.exporter__placeholder-select {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.exporter__advanced-settings {
  padding-bottom: 50px; }

.exporter__advanced-settings-title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  margin-bottom: 16px; }

.exporter__advanced-settings-description {
  font-size: 14px; }

@media (min-width: 961px) {
  .exporter__advanced-settings-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.exporter__option-fieldset {
  margin-top: 10px; }
  @media (min-width: 961px) {
    .exporter__option-fieldset {
      margin-top: inherit;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.exporter__option-fieldset-legend .exporter__option-fieldset-legend-text {
  font-weight: bold; }

.exporter__option-fieldset-description {
  font-size: 14px;
  color: #87a6bc;
  padding-left: 24px;
  padding-right: 24px; }

.exporter__option-fieldset-fields {
  padding-left: 24px;
  padding-right: 24px; }
  .exporter__option-fieldset-fields select {
    width: 100%; }

.exporter__guided-transfer-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px; }

.exporter__guided-transfer-options-header-title-container {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.exporter__guided-transfer-options-header-button-container {
  margin: auto; }

.exporter__guided-transfer-title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  clear: left; }

.exporter__guided-transfer-subtitle {
  color: #87a6bc;
  font-style: italic;
  font-size: 14px; }

.exporter__guided-transfer-price {
  font-style: normal;
  font-size: 18px; }

.exporter__guided-transfer-details {
  background-color: #fafbfc;
  font-size: 14px; }

.exporter__guided-transfer-details-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.exporter__guided-transfer-details-title {
  color: #2e4453;
  font-weight: 600;
  margin-bottom: 12px; }

.exporter__guided-transfer-details-text {
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
  color: #87a6bc; }

.exporter__guided-transfer-feature-list {
  color: #4ab866;
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%; }
  .exporter__guided-transfer-feature-list .exporter__guided-transfer-feature-list-item {
    list-style-type: none;
    text-indent: -24px;
    margin-bottom: 8px; }
  .exporter__guided-transfer-feature-list .exporter__guided-transfer-feature-icon {
    margin-right: 6px;
    margin-top: -4px;
    vertical-align: middle; }

.exporter__guided-transfer-feature-text {
  color: #87a6bc; }

@media (min-width: 661px) {
  .feature-comparison {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.feature-comparison .plan-compare-card {
  margin: 16px; }
  @media (max-width: 660px) {
    .feature-comparison .plan-compare-card {
      width: auto; } }

.guided-transfer .guided-transfer__header-nav {
  margin: 0 0 17px 0; }

.guided-transfer .guided-transfer__account-username-fieldset,
.guided-transfer .guided-transfer__account-password-fieldset {
  display: inline-block;
  width: 100%; }

.guided-transfer .guided-transfer__host-button-image {
  vertical-align: middle;
  height: 50%; }

.guided-transfer .guided-transfer__host-button {
  display: inline-block;
  width: 100%;
  height: 80px;
  margin-bottom: 10px; }

@media (min-width: 961px) {
  .guided-transfer .guided-transfer__account-username-fieldset,
  .guided-transfer .guided-transfer__account-password-fieldset {
    width: 50%;
    /* Override the default margin bottom provided for FormFieldset */
    margin-bottom: 0px; }
  .guided-transfer .guided-transfer__account-username-fieldset {
    padding-right: 10px; }
  .guided-transfer .guided-transfer__host-button {
    width: calc( 50% - 5px);
    margin-right: 5px; }
  .guided-transfer .guided-transfer__host-button:nth-child(even) {
    margin-left: 5px;
    margin-right: 0px; } }

.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, .invite-header .is-compact.editor-drawer-well__placeholder {
  padding: 0px; }
  .invite-header .card.is-compact.invite-header__site, .invite-header .is-compact.invite-header__site.editor-drawer-well__placeholder {
    margin-bottom: 24px; }

.invite-header .invite-header__inviter-info {
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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, .invite-accept-logged-in .editor-drawer-well__placeholder {
  margin-bottom: 0; }

.invite-accept-logged-in__join-as-username {
  font-family: Merriweather, 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: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.invite-accept-logged-in__button-bar .button {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 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__content .empty-content__illustration {
  width: 70%; }

.media-library__scale-range.range {
  position: absolute;
  top: 11px;
  right: 0;
  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__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;
    -webkit-transition: color 90ms ease;
    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: -webkit-linear-gradient(left, rgba(200, 215, 225, 0), #c8d7e1 90%);
    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 (max-width: 480px) {
  .media-library__upload-button {
    margin-left: 0; } }

.media-library__upload-url {
  display: -webkit-box;
  display: -webkit-flex;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -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 {
  position: relative;
  margin-bottom: 14px; }

.media-library__header .button {
  margin: 0 8px; }
  .media-library__header .button.is-desktop {
    display: none; }
    @media (min-width: 661px) {
      .media-library__header .button.is-desktop {
        display: inline-block; } }
  .media-library__header .button.is-mobile {
    position: relative;
    left: -1px;
    height: 40px;
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    @media (min-width: 661px) {
      .media-library__header .button.is-mobile {
        display: none; } }
  .media-library__header .button:first-of-type {
    margin-left: 0; }

@media (max-width: 660px) {
  .media-library__header .button.media-library__upload-button {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; } }

.media-library__heading {
  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__scale-toggle {
  position: absolute;
  top: 0;
  right: 0; }

.media-library__scale-toggle .gridicon {
  margin: 2px 8px;
  vertical-align: middle; }

.media-library__content .notice {
  margin-bottom: 0; }

.media-library__list-item-edit {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 20;
  padding: 2px 6px 3px;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
  opacity: 0;
  color: #668eaa; }
  .media-library__list-item-edit:hover {
    color: #4f748e; }

.media-library__list {
  padding: 0 16px; }

.media-library__list-item:hover .media-library__list-item-edit {
  opacity: 1; }

.media-library__list-item.is-small .media-library__list-item-edit {
  display: none; }

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

/**
 * Menus: Mixins
 */
/**
 * Menus: Empty Content
 */
.manage-menus .empty-content {
  clear: both; }

/**
 * Menus: Placeholders
 */
.menus__pickers .placeholder-text,
.menus__menu-header .placeholder-text,
.menus__items .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; }

.menus__picker label .placeholder-text {
  font-size: 10px; }

.menus__picker-select-placeholder {
  display: block;
  padding: 23px 40px 10px 52px; }
  .menus__picker-select-placeholder .placeholder-text {
    font-size: 12px; }

/**
 * Menus: Pickers
 */
.menus__pickers {
  background-color: #e9eff3;
  background-size: cover;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 3%;
  box-shadow: 0 -2px 0 #a8bece inset; }
  @media (max-width: 480px) {
    .menus__pickers {
      margin-top: -8px; } }

.menus__pickers-conjunction {
  float: left;
  height: 55px;
  font-size: 0.8em;
  line-height: 4.6;
  width: 10%;
  padding: 0;
  margin: 0;
  text-align: center; }
  @media (max-width: 480px) {
    .menus__pickers-conjunction {
      width: 100%;
      height: 30px;
      line-height: 2.3; } }

.menus__picker {
  width: 45%;
  float: left;
  position: relative;
  background: white;
  /* required for -moz-appearance below */ }
  @media (max-width: 480px) {
    .menus__picker {
      width: 100%; } }
  .menus__picker label,
  .menus__picker select {
    display: block;
    width: 100%;
    cursor: pointer; }
  .menus__picker label {
    pointer-events: none;
    /* click through :D */
    font-size: 0.8em;
    color: #87a6bc;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0px 30px 20px 42px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 20px); }
    .menus__picker label:before {
      position: absolute;
      left: 1px;
      top: 1px;
      color: #005082; }
    .menus__picker label: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: 7px;
      right: 0;
      color: #00aadc; }
  .menus__picker.is-location label:before {
    font-size: 32px;
    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; }
  .menus__picker.is-menu label:before {
    font-size: 32px;
    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; }
  .menus__picker select {
    background: white;
    height: 55px;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    padding: 20px 40px 5px 52px; }
    .menus__picker select::-ms-expand {
      display: none;
      /* Remove arrow in IE */ }

/**
 * Menu: Header
 */
.menus__menu-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 24px 8px 8px 16px; }
  @media (max-width: 480px) {
    .menus__menu-header {
      margin: 24px 8px 8px 16px; } }
  .menus__menu-header .menus__menu-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 0%;
    /* Firefox 35 and IE 10 fix */ }
  .menus__menu-header .menus__menu-actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: auto; }

.menus__menu-name {
  font-size: 1.6em;
  font-weight: 200;
  float: left; }
  .menus__menu-name span.is-editable span {
    display: block;
    float: left;
    max-width: calc( 100% - 20px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .menus__menu-name span.is-editable a {
    margin-left: 4px;
    cursor: pointer; }
    .menus__menu-name span.is-editable a: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;
      color: #668eaa;
      vertical-align: baseline; }
  .menus__menu-name input.is-editable {
    margin: -20px -30px -20px 0;
    font-size: inherit;
    font-weight: inherit;
    width: calc(100% - 40px);
    margin-right: 40px; }
    @media (max-width: 480px) {
      .menus__menu-name input.is-editable {
        width: 100%; } }

.menus__menu-actions {
  float: right; }
  .menus__menu-actions .button {
    margin-left: 0.7em; }
    .menus__menu-actions .button.noticon:before {
      line-height: 1.35;
      color: #2e4453;
      /* Reset noticon parts overridden by button */
      font-size: 16px;
      font-weight: 400; }

@media (max-width: 480px) {
  .is-editing-title .menus__menu-name {
    line-height: 41px; }
  .is-editing-title .menus__menu-actions {
    display: none; } }

/**
 * Menu: List
 */
.menus__items {
  margin: 0;
  clear: both;
  list-style-type: none;
  background-color: #e9eff3; }
  .menus__items ul {
    padding: 0; }
    .menus__items ul.depth-0 {
      margin-left: 0; }

.menus__menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #005082;
  background-color: white;
  text-decoration: none;
  border-bottom: 1px solid #e9eff3;
  border-left: 1px solid #e9eff3;
  padding: 17px 20px 16px 16px;
  font-size: 13px;
  cursor: default;
  position: relative;
  z-index: 2;
  /**
	 * Menu item is selected
	 */
  /**
	 * Menu 3-pronged lander areas
	 */
  /**
	 * Item target when dragging with mouse
	 */
  /**
	 * Hide drag 'ghost' image, because it makes the drop
	 * target hard to see
	 */
  /**
	 * Menu is Empty, show special add icon
	 */
  /**
	 * Item is to be deleted, pending user confirmation
	 */ }
  .menus__menu-item.depth-1 {
    margin-left: 2rem; }
  .menus__menu-item.depth-2 {
    margin-left: 4rem; }
  .menus__menu-item.depth-3 {
    margin-left: 6rem; }
  .menus__menu-item.depth-4 {
    margin-left: 8rem; }
  .menus__menu-item.depth-5 {
    margin-left: 10rem; }
  .menus__menu-item.depth-6 {
    margin-left: 12rem; }
  .menus__menu-item.depth-7 {
    margin-left: 14rem; }
  .menus__menu-item .menu-item-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #2e4453;
    font-size: 1.1em;
    line-height: 1.5em;
    font-family: inherit;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .menus__menu-item .menu-item-name:before {
      font-size: 16px;
      margin-right: 12px;
      color: #00aadc;
      vertical-align: -2px; }
    .menus__menu-item .menu-item-name.noticon-placeholder:before {
      color: transparent;
      background-color: #e9eff3;
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      vertical-align: -4px;
      font-size: 19px; }
  .menus__menu-item .action-tray {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: right;
    margin-right: -8px;
    /* compensate buttons padding, more universal */
    -webkit-transition: background 200ms ease-in, color 50ms ease-in;
    transition: background 200ms ease-in, color 50ms ease-in;
    /* Buttons */ }
    .menus__menu-item .action-tray button {
      margin-left: 1em;
      margin-top: -8px;
      margin-bottom: -8px;
      font-size: inherit;
      line-height: 1.45; }
    .menus__menu-item .action-tray .menu-item-action {
      float: left;
      color: #668eaa;
      margin: -5px 0 -5px;
      padding: 8px 6px 8px;
      text-transform: uppercase;
      font-size: 0.85em;
      font-weight: 500;
      vertical-align: top;
      cursor: pointer;
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      border-radius: 100%;
      text-indent: -6666em;
      width: 22px;
      /* Fix: Firefox won't respect margins with text-indent on otherwise. */
      /* Icon Buttons */ }
      .menus__menu-item .action-tray .menu-item-action:before {
        content: "";
        color: #00aadc;
        float: left;
        font-size: 16px;
        text-indent: 0;
        width: 22px; }
      .menus__menu-item .action-tray .menu-item-action.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; }
      .menus__menu-item .action-tray .menu-item-action.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; }
      .menus__menu-item .action-tray .menu-item-action.cancel: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;
        font-size: 19px;
        margin-bottom: -3px;
        /* Sigh it's smaller... */ }
      .menus__menu-item .action-tray .menu-item-action.move {
        color: #00aadc;
        text-indent: 0;
        width: auto; }
        .menus__menu-item .action-tray .menu-item-action.move:hover {
          color: #78dcfa;
          border-radius: 0;
          background: transparent; }
        .menus__menu-item .action-tray .menu-item-action.move:before {
          content: none; }
      .menus__menu-item .action-tray .menu-item-action:hover, .menus__menu-item .action-tray .menu-item-action:focus {
        color: white;
        background: #00aadc; }
      .menus__menu-item .action-tray .menu-item-action:hover:before, .menus__menu-item .action-tray .menu-item-action:focus:before {
        color: white; }
  .menus__menu-item.is-selected {
    background: #00aadc;
    padding: 6px;
    border-bottom: 0;
    /* remove gap */ }
    .menus__menu-item.is-selected .noticon {
      color: white;
      padding: 14px 16px 5px 10px; }
    .menus__menu-item.is-selected input {
      width: calc(100% - 70px);
      padding: 12px 14px;
      border: 0;
      color: #005082;
      font-size: 14px; }
  .menus__menu-item.is-lander {
    background: #fafbfc;
    border-left: 1px solid #e9eff3;
    z-index: 1; }
    .menus__menu-item.is-lander:hover {
      background: #00aadc; }
    .menus__menu-item.is-lander:hover span,
    .menus__menu-item.is-lander:hover span:before {
      color: white; }
    .menus__menu-item.is-lander span {
      color: #005082;
      font-size: 1.1em;
      line-height: 1.5em;
      font-family: inherit; }
      .menus__menu-item.is-lander span:before {
        font-size: 16px;
        margin-right: 12px;
        color: #00aadc;
        vertical-align: -2px; }
  .menus__menu-item.is-dragdrop-target {
    background: #f3f6f8;
    border: 1px dashed #c8d7e1;
    margin-top: 10px;
    margin-bottom: 10px; }
    .menus__menu-item.is-dragdrop-target span {
      visibility: hidden; }
    .menus__menu-item.is-dragdrop-target .add,
    .menus__menu-item.is-dragdrop-target .edit {
      display: none; }
  .menus__menu-item:-webkit-drag {
    visibility: hidden; }
    .menus__menu-item:-webkit-drag div {
      display: none; }
  .menus__menu-item.is-empty {
    margin-left: calc(100% - 61px);
    padding-left: 13px; }
  .menus__menu-item.is-deleted {
    background: #f3f6f8; }
    .menus__menu-item.is-deleted .menu-item-name,
    .menus__menu-item.is-deleted .menu-item-name::before {
      color: #87a6bc; }
  .menus__menu-item.is-corrupt {
    border-left: 5px solid #f0b849; }

/**
 * Menu: add menu item label
 */
.menus__add-item-footer-label {
  float: right;
  padding: 10px 25px 2px 0;
  color: #87a6bc;
  font-size: 10px;
  text-transform: uppercase;
  -webkit-animation: menus__fade-from-bottom 1.0s ease-in-out;
          animation: menus__fade-from-bottom 1.0s ease-in-out; }
  .menus__add-item-footer-label:after {
    content: "\2191";
    /* Up arrow */
    color: #00aadc;
    font-size: 16px;
    padding: 0 0 0 10px; }

/**
 * Menu: Edit Item & New Item views
 */
.menus__menu-item-open-container {
  background: #f3f6f8; }
  @media (max-width: 480px) {
    .menus__menu-item-open-container.is-panel-left .menu-item-options {
      display: none !important; }
    .menus__menu-item-open-container.is-panel-right .menu-item-options {
      width: auto !important;
      left: 0 !important;
      border: 0 !important; } }

.menus__menu-item-open {
  display: block;
  color: #005082;
  background-color: white;
  text-decoration: none;
  border-left: 1px solid #e9eff3; }
  .menus__menu-item-open.depth-1 {
    margin-left: 2rem; }
  .menus__menu-item-open.depth-2 {
    margin-left: 4rem; }
  .menus__menu-item-open.depth-3 {
    margin-left: 6rem; }
  .menus__menu-item-open.depth-4 {
    margin-left: 8rem; }
  .menus__menu-item-open.depth-5 {
    margin-left: 10rem; }
  .menus__menu-item-open.depth-6 {
    margin-left: 12rem; }
  .menus__menu-item-open.depth-7 {
    margin-left: 14rem; }
  .menus__menu-item-open.depth-1 .editable-item-content {
    margin-left: -2rem; }
  .menus__menu-item-open.depth-2 .editable-item-content {
    margin-left: -4rem; }
  .menus__menu-item-open.depth-3 .editable-item-content {
    margin-left: -6rem; }
  .menus__menu-item-open.depth-4 .editable-item-content {
    margin-left: -8rem; }
  .menus__menu-item-open.depth-5 .editable-item-content {
    margin-left: -10rem; }
  .menus__menu-item-open.depth-6 .editable-item-content {
    margin-left: -12rem; }
  .menus__menu-item-open.depth-7 .editable-item-content {
    margin-left: -14rem; }
  .menus__menu-item-open:before {
    /* The top arrow */
    margin-top: -17px;
    margin-left: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    z-index: 2; }
  .menus__menu-item-open .editable-item-content {
    background: white;
    border-top: 1px solid #e9eff3;
    border-bottom: 1px solid #e9eff3;
    /**
		 * General
		 */
    /**
		 * Menu Item Name
		 */
    /**
		* Menu Item Types
		*/
    /**
		 * A notice for unsupported item types
		 */ }
    .menus__menu-item-open .editable-item-content .separated {
      border-bottom: 1px solid #e9eff3; }
    .menus__menu-item-open .editable-item-content .separated:after {
      content: " ";
      display: block;
      height: 0;
      clear: both; }
    .menus__menu-item-open .editable-item-content input:not([type='radio']):not([type='checkbox']) {
      display: block;
      font-size: 14px;
      margin: -1px 0;
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out; }
    .menus__menu-item-open .editable-item-content .menus__menu-item-form-name {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-name label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        padding: 9px 12px;
        display: block;
        line-height: 2.4;
        color: #87a6bc;
        font-size: 10px;
        text-transform: uppercase; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-name input {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 75%;
        background: #f3f6f8; }
    .menus__menu-item-open .editable-item-content .menus__menu-item-form-types {
      list-style: none;
      margin: 0;
      position: relative;
      width: 136px; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-types:hover {
        border-top-color: #f3f6f8;
        border-bottom-color: #f3f6f8; }
      @media (max-width: 480px) {
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types {
          width: 100%; } }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li {
        border: 0;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-right: 1px solid #e9eff3;
        -webkit-transition: all 200ms ease-in-out, color 150ms ease-in-out;
        transition: all 200ms ease-in-out, color 150ms ease-in-out;
        /**
				 * Selected states
				 */ }
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label {
          font-family: inherit;
          font-size: 14px;
          padding: 16px 12px;
          color: #2e4453;
          line-height: 1.3;
          display: block;
          text-align: left;
          margin-bottom: -1px;
          font-weight: 400;
          -webkit-transition: all 250ms ease-in-out, color 150ms ease-in-out;
          transition: all 250ms ease-in-out, color 150ms ease-in-out;
          cursor: pointer;
          -webkit-font-smoothing: inherit;
          /* Fix the noticon change */
          -moz-osx-font-smoothing: inherit;
          /* Fix the noticon change */ }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:before {
            color: #c8d7e1;
            font-size: 16px;
            margin-right: 8px;
            vertical-align: -3px;
            -webkit-transition: all 250ms ease-in-out, color 150ms ease-in-out;
            transition: all 250ms ease-in-out, color 150ms ease-in-out; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:hover {
            color: #00aadc; }
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:hover:before {
              color: #00aadc; }
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected {
          border-top-color: #e9eff3;
          border-bottom-color: #e9eff3;
          border-right-color: white;
          color: #2e4453; }
          @media (max-width: 480px) {
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected {
              border-top: 1px solid transparent;
              border-bottom: 1px solid transparent; } }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected:first-child {
            border-top-color: white; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected:last-child {
            border-bottom-color: white; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label {
            color: #00aadc; }
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label:before {
              color: #00aadc; }
    .menus__menu-item-open .editable-item-content .menus__types-and-options-container {
      position: relative; }
      .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 75%;
        background: white;
        font-size: 14px;
        padding: 10px 13px;
        overflow: hidden;
        overflow-y: auto; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector {
          padding: 10px 0px 10px 13px;
          overflow-y: hidden; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector {
            border: 0; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector__search input {
            border-width: 1px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector__label {
            color: #2e4453;
            font-size: 14px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector__list-item.is-placeholder {
            width: 85%; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector__list-item.is-placeholder .term-tree-selector__label {
              color: transparent; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container {
          margin: 10px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container .menu-item-tag {
            display: inline-block;
            padding: 0 3px;
            background-color: #c8d7e1;
            color: white;
            font-size: 10px;
            border-radius: 3px;
            margin-left: 5px;
            text-transform: uppercase;
            vertical-align: middle;
            letter-spacing: 0.02em; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container .menu-item-tag:first-of-type {
              margin-left: 0; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li.create-new-item input[type=radio] + label {
          color: #87a6bc;
          font-style: italic; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button {
          display: none;
          -webkit-transition: 200ms all ease-in;
          transition: 200ms all ease-in; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button a {
            display: block;
            font-family: inherit;
            font-size: 14px;
            color: #375163;
            text-align: left;
            line-height: 1.3;
            background: white;
            padding: 16px 12px 15px;
            margin: -10px -13px 10px;
            border-bottom: 1px solid #e9eff3;
            -webkit-font-smoothing: inherit; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button a:before {
              color: #78dcfa;
              font-size: 16px;
              margin-right: 8px;
              vertical-align: -3px; }
          @media (max-width: 480px) {
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button {
              display: block; } }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-form-label {
          float: none;
          width: auto;
          border: 0;
          display: block;
          padding: 0 0 10px 0;
          color: #87a6bc;
          font-size: 11px;
          font-weight: 600;
          text-transform: uppercase; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-form-address {
          margin-bottom: 1rem; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options input[type='checkbox'] + label {
          margin-left: 4px;
          color: #2e4453; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li {
          padding: 2px 0; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li input[type=radio] + label {
            margin-left: 4px;
            -webkit-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
            color: #2e4453; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li input[type=radio] + label:hover {
              color: #00aadc; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options form > label {
          cursor: pointer; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options input:not([type='radio']):not([type='checkbox']) {
          width: 95%; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .is-empty-content {
          color: #87a6bc; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .is-empty-content a {
            color: #87a6bc;
            text-decoration: underline; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container {
          position: relative; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container .gridicon {
            position: absolute;
            left: 0;
            padding: 9px 8px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container .search-box {
            right: 0;
            width: 100%;
            height: 35px;
            margin-bottom: 1rem;
            padding: 5px 5px 5px 30px;
            background: white;
            -webkit-appearance: none; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar {
          width: 9px;
          height: 9px; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-button:start:decrement, .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-button:end:increment {
          display: block;
          height: 0;
          background-color: transparent; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-track-piece {
          background-color: transparent;
          -webkit-border-radius: 0;
          -webkit-border-bottom-right-radius: 8px;
          -webkit-border-bottom-left-radius: 8px; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-thumb:vertical, .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-thumb:horizontal {
          background-color: #c8d7e1;
          -webkit-border-radius: 8px;
          border: 1px solid white; }
    .menus__menu-item-open .editable-item-content .unsupported-notice {
      padding: 1em; }
      .menus__menu-item-open .editable-item-content .unsupported-notice h1 {
        color: #2e4453;
        font-size: 16px;
        margin-bottom: 1em; }
      .menus__menu-item-open .editable-item-content .unsupported-notice p, .menus__menu-item-open .editable-item-content .unsupported-notice small {
        color: #87a6bc; }
      .menus__menu-item-open .editable-item-content .unsupported-notice p {
        font-size: 14px;
        margin-bottom: 0; }

/**
 * Menu: Item Action Buttons
 */
.menus__menu-item-actions {
  clear: both;
  padding: 0.5em;
  border-top: 1px solid #e9eff3;
  text-align: right; }
  .menus__menu-item-actions .button {
    margin-left: 0.5em; }
    .menus__menu-item-actions .button.noticon {
      font-family: inherit;
      -webkit-font-smoothing: inherit;
      color: #6f7a88; }
      .menus__menu-item-actions .button.noticon:hover {
        color: #324155; }
      .menus__menu-item-actions .button.noticon:before {
        font-size: 16px;
        vertical-align: -3px;
        margin: 0px -3px -1px; }

/**
 * Menu: animations, pure CSS fade-ins
 */
@-webkit-keyframes menus__fade-from-bottom {
  0% {
    opacity: 0.0; }
  20% {
    opacity: 0.0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  70% {
    opacity: 1.0; }
  100% {
    opacity: 1.0;
    -webkit-transform: none;
            transform: none; } }
@keyframes menus__fade-from-bottom {
  0% {
    opacity: 0.0; }
  20% {
    opacity: 0.0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  70% {
    opacity: 1.0; }
  100% {
    opacity: 1.0;
    -webkit-transform: none;
            transform: none; } }

/**
 * Menu: animations, ReactCSSTransitionGroup
 */
.menus__droptarget-slidevertical-enter,
.menus__droptarget-slidevertical-leave {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  /* Turns acceleration on if possible */ }
  .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active, .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-leave-active,
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-enter-active,
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active {
    /* Fix for Safari / Safari Mobile: the transition doesn't work unless it's on the *-active
		 * Reference:
		 *    https://github.com/facebook/react/issues/2227
		 *    https://github.com/facebook/react/issues/2104
		 */
    -webkit-transition: margin 200ms ease-out, opacity 200ms ease-out;
    transition: margin 200ms ease-out, opacity 200ms ease-out; }
  .menus__droptarget-slidevertical-enter.is-lander span,
  .menus__droptarget-slidevertical-leave.is-lander span {
    opacity: 0.0; }
  .menus__droptarget-slidevertical-enter.is-lander:hover,
  .menus__droptarget-slidevertical-leave.is-lander:hover {
    background: inherit;
    color: inherit; }

.menus__droptarget-slidevertical-enter {
  margin-top: -55px;
  opacity: 0.0; }
  .menus__droptarget-slidevertical-enter.is-position-before {
    margin-top: 0;
    margin-bottom: -55px; }
  .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active {
    margin-top: 0;
    opacity: 1.0; }
    .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active.is-position-before {
      margin-bottom: 0; }

.menus__droptarget-slidevertical-leave {
  margin-top: 0;
  opacity: 1.0; }
  .menus__droptarget-slidevertical-leave.is-position-before {
    margin-bottom: 0; }
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active {
    margin-top: -55px;
    opacity: 0.0; }
    .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active.is-position-before {
      margin-top: 0;
      margin-bottom: -55px; }

.no-results {
  color: #4f748e;
  font-size: 16px;
  line-height: 56px; }

.no-results__img {
  display: block;
  float: left;
  margin-right: 16px;
  width: 56px;
  height: 56px; }

.page-list {
  margin: 0;
  width: 100%; }
  .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; }
  .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; }

.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; }
  .page-list__header .noticon-time:before {
    color: #87a6bc;
    margin-right: 4px; }

.page .site-icon {
  display: none; }
  @media (min-width: 661px) {
    .page .site-icon {
      display: block;
      float: left;
      margin-right: 10px; } }

.page__title,
.page__title:visited {
  display: inline;
  color: #2e4453;
  font-weight: 500;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  margin-right: 33px; }
  .page__title .gridicon,
  .page__title:visited .gridicon {
    color: #87a6bc;
    margin: 2px 8px -2px 0; }

.page__site-url {
  color: #87a6bc;
  display: block;
  font-size: 12px;
  font-style: italic;
  margin-top: -3px; }

.page__actions-toggle {
  color: #87a6bc;
  cursor: pointer;
  font-size: 24px;
  margin: 17px 24px;
  position: absolute;
  right: 0;
  top: 0; }

.page__popover-more-info {
  color: #87a6bc;
  padding: 4px 16px 8px;
  font-size: 12px;
  max-width: 200px;
  text-align: left; }

.page__info {
  color: #87a6bc;
  font-size: 12px;
  max-width: 300px;
  float: right;
  line-height: 24px; }

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

.delete-user__select-placeholder {
  border-bottom: 1px solid #87a6bc; }

.delete-user__explanation {
  color: #87a6bc; }

.delete-user .author-selector__author-toggle .gravatar {
  margin-left: 6px;
  vertical-align: middle; }

.delete-user__reassign-user-name {
  margin: 0 3px 0 8px; }

.edit-team-member-form__remove-user .gridicon {
  margin: -2px 4px 0 0;
  vertical-align: middle; }

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

.edit-team-member-form__remove-user {
  cursor: pointer; }

.people-list-item.card.is-compact, .people-list-item.is-compact.editor-drawer-well__placeholder {
  border-bottom: 1px solid #e9eff3;
  box-shadow: none;
  display: -webkit-box;
  display: -webkit-flex;
  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, .people-list-item.is-compact.editor-drawer-well__placeholder {
      padding-top: 24px;
      padding-bottom: 24px; } }
  .people-list-item.card.is-compact:nth-of-type(1), .people-list-item.is-compact.editor-drawer-well__placeholder:nth-of-type(1) {
    margin-top: -16px; }
    @media (min-width: 481px) {
      .people-list-item.card.is-compact:nth-of-type(1), .people-list-item.is-compact.editor-drawer-well__placeholder:nth-of-type(1) {
        margin-top: -24px; } }
  .people-list-item.card.is-compact:last-of-type, .people-list-item.is-compact.editor-drawer-well__placeholder:last-of-type {
    border-bottom: none;
    margin-bottom: -16px; }
    @media (min-width: 481px) {
      .people-list-item.card.is-compact:last-of-type, .people-list-item.is-compact.editor-drawer-well__placeholder:last-of-type {
        margin-bottom: -24px; } }
  .bulk-editing .people-list-item.card.is-compact, .bulk-editing .people-list-item.is-compact.editor-drawer-well__placeholder {
    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;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden; }

.people-list-item__actions {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 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;
    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: Merriweather, 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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    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;
    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-notice.notice {
  margin-bottom: 0px; }

.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;
  background-color: #fafbfc;
  font-size: 14px;
  color: #87a6bc; }

.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: #87a6bc;
  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 {
  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;
  margin-top: -4px; }

.plan-compare-card__button-checkmark {
  margin-right: 6px; }

.plan-compare-card__ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right; }

.plan-compare-card__ribbon .plan-compare-card__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; }

.plan-compare-card__ribbon .plan-compare-card__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; }

.plan-compare-card__ribbon .plan-compare-card__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; }

/* Breakpoints 1150px, */
.plan-features {
  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__mobile {
  color: #87a6bc;
  margin: 0 16px;
  display: block; }
  @media (min-width: 481px) {
    .plan-features__mobile {
      display: none; } }
  .plan-features__mobile .foldable-card {
    box-shadow: none; }
  .plan-features__mobile .foldable-card.card.is-expanded, .plan-features__mobile .foldable-card.is-expanded.editor-drawer-well__placeholder {
    margin-bottom: 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: #fafbfc;
  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: #87a6bc;
  border-spacing: 16px 0;
  margin-top: -16px;
  display: none; }
  @media (min-width: 481px) {
    .plan-features__table {
      display: table; } }
  @media (max-width: 1040px) {
    .plan-features__table {
      border-spacing: 0;
      margin: 0 15px;
      width: calc( 100% - 30px); } }

.plan-features__table-item {
  border-right: solid 1px #dfe8ed;
  border-left: solid 1px #dfe8ed;
  background-color: #fafbfc;
  position: relative;
  width: 300px; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-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-figure {
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border: solid 6px #f3f6f8;
  border-radius: 50%; }

@media (max-width: 1280px) {
  .is-section-plans .plan-features__header-figure {
    width: 20px;
    height: 20px;
    border: solid 2px #f3f6f8;
    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-checkmark {
  position: absolute;
  top: -3px;
  right: -3px;
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  fill: #4ab866; }
  @media (max-width: 1280px) {
    .plan-features__header-checkmark {
      display: none; } }

.plan-features__header-text {
  -webkit-box-flex: 1;
  -webkit-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__price {
  margin: 0;
  font-size: 28px;
  line-height: 1.5;
  color: #2e4453; }
  .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: 60px;
    margin: 10px 0;
    height: 21px; }
    .plan-features__price.is-placeholder:after {
      content: '\00a0'; }
  @media (max-width: 960px) {
    .plan-features__price {
      font-size: 24px; } }

.plan-features__price.is-original {
  color: #87a6bc; }

.plan-features__price.is-discounted {
  color: #4ab866; }

.plan-features__price.is-discounted,
.plan-features__price.is-original {
  position: relative;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
              -ms-grid-row-align: stretch;
          align-items: stretch;
  margin-right: 8px; }

.plan-features__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-features__price-currency-symbol,
.plan-features__price-fraction {
  vertical-align: super;
  font-size: 12px; }

.plan-features__header-price-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.plan-features__price.is-discounted .plan-features__price-currency-symbol {
  color: #4ab866; }

.plan-features__price-currency-symbol {
  color: #87a6bc; }

.plan-features__price-integer {
  margin: 0 1px;
  font-weight: 400; }

.plan-features__price-fraction {
  font-weight: 500; }

.plan-features__header-timeframe {
  margin-bottom: 1.4em;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: #87a6bc;
  line-height: .6; }
  .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: 100px;
    height: 12px; }
    .plan-features__header-timeframe.is-placeholder:after {
      content: '\00a0'; }

.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__item {
  position: relative;
  margin: 0 24px;
  padding: 12px 20px 12px 30px;
  font-size: 14px;
  color: #2e4453; }
  @media (max-width: 1040px) {
    .plan-features__item {
      margin: 0 12px; } }
  @media (max-width: 960px) {
    .plan-features__item {
      font-size: 12px; } }

.plan-features__item-checkmark {
  position: absolute;
  left: 0;
  top: 14px;
  fill: #0087be; }

.plan-features__item-tip-info {
  position: absolute;
  right: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  color: #c8d7e1; }
  .plan-features__item-tip-info .info-popover {
    display: block;
    height: 19px; }

.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; }
  .plan-features__actions-button.is-current {
    border-bottom-width: 1px;
    border-color: #dfe8ed;
    background: transparent;
    font-weight: 400;
    color: #87a6bc; }
    .plan-features__actions-button.is-current .gridicon {
      fill: #4ab866;
      margin-right: 8px; }
  @media (max-width: 660px) {
    .plan-features__actions-button {
      margin-top: 20px; } }

@media (min-width: 1041px) {
  .plans-features-main__group {
    padding-top: 19px; } }

.plans-features-main__group + .faq {
  margin-top: 20px; }

.plan-storage__plan-label {
  font-size: 12px;
  font-weight: normal; }

.plan-storage__storage-label {
  font-size: 11px;
  color: #87a6bc;
  margin-left: 20px; }

.plan-storage__button {
  line-height: 12px; }

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

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

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

.plans .compare-plans-link, .plans .show-monthly-plans-link {
  clear: both;
  display: block;
  font-size: 12px;
  margin: 20px 0 20px 0;
  text-align: center; }
  .plans .compare-plans-link .gridicon, .plans .show-monthly-plans-link .gridicon {
    margin: -2px 3px 0 0;
    vertical-align: middle; }

.plan-feature__title {
  font-size: 25px;
  color: #2e4453;
  text-align: center;
  margin: 24px 0 0; }

.plan-feature__description {
  font-size: 18px;
  color: #87a6bc;
  text-align: center;
  margin: 12px auto 24px;
  display: block;
  max-width: 480px;
  font-weight: 300; }

.plan-feature__logo {
  margin: 48px auto 48px;
  text-align: center; }

.plan-feature__ilustration {
  margin: 0 -24px -16px; }
  .plan-feature__ilustration svg {
    vertical-align: bottom; }

.plan-feature__footer {
  border-top: 1px solid #c8d7e1;
  border-bottom: 1px solid #c8d7e1;
  margin: 48px 0;
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.plan-feature__footer-title {
  font-size: 15px;
  font-weight: 600;
  color: #4f748e;
  display: block; }

.plan-feature__refunds,
.plan-feature__support {
  width: 50%;
  text-align: center;
  padding: 8px 24px; }

.plan-feature__footer-info {
  font-size: 12px;
  color: #87a6bc;
  display: block;
  margin-top: 8px; }

.plan-feature__support:hover .plan-feature__footer-info,
.plan-feature__support:hover .plan-feature__footer-title {
  color: #00aadc; }

.current-plan__header {
  margin: 0 -24px 36px; }

.current-plan__header-content {
  margin: 0 auto;
  max-width: 700px; }
  @media (min-width: 661px) {
    .current-plan__header-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      text-align: left; } }

.current-plan__header-icon {
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: center; }
  @media (min-width: 661px) {
    .current-plan__header-icon {
      height: 132px;
      margin-right: 16px;
      width: 132px; } }
  .current-plan__header-icon .gridicon {
    background: white;
    color: #f0b849;
    height: 48px;
    margin: 21px 0 0 21px;
    width: 48px; }
    @media (min-width: 661px) {
      .current-plan__header-icon .gridicon {
        height: 72px;
        margin: 30px 0 0 30px;
        width: 72px; } }

.current-plan__header-copy {
  padding: 0 30px; }
  @media (min-width: 661px) {
    .current-plan__header-copy {
      padding: 0;
      width: 100%; } }

.current-plan__header-heading,
.current-plan__header-text {
  clear: none; }
  .current-plan__header-heading.is-placeholder,
  .current-plan__header-text.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; }
    .current-plan__header-heading.is-placeholder:after,
    .current-plan__header-text.is-placeholder:after {
      content: '\00a0'; }

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

.plan-overview .plan-feature__button,
.plan-overview .plan-status__button {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center; }
  @media (max-width: 480px) {
    .plan-overview .plan-feature__button,
    .plan-overview .plan-status__button {
      margin-top: 15px;
      width: 100%; } }
  @media (min-width: 481px) {
    .plan-overview .plan-feature__button,
    .plan-overview .plan-status__button {
      margin-left: 30px; } }

.plan-overview .plan-feature,
.plan-overview .plan-status__info {
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (min-width: 481px) {
    .plan-overview .plan-feature,
    .plan-overview .plan-status__info {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; } }
  .plan-overview .plan-feature:after,
  .plan-overview .plan-status__info:after {
    display: none; }

@media (max-width: 480px) {
  .plan-overview .plan-feature {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.plan-overview .plan-feature .plan-feature__heading {
  margin-right: 10px; }

.plan-feature {
  font-size: 14px; }

.plan-feature__heading {
  display: block;
  font-size: 16px; }
  .plan-feature__heading.will-be-removed {
    font-weight: normal; }

.plan-progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -24px; }
  .plan-progress.is-expiring .plan-progress__time-until-expiry {
    color: #d94f4f; }
  .plan-progress.is-expiring .progress-bar__progress {
    background-color: #d94f4f; }
  .plan-progress.is-in-grace-period .progress-bar__progress {
    background-color: #f0b849; }

.plan-progress__bar,
.plan-progress__time-until-expiry {
  margin-left: 24px; }

.plan-progress__bar {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 6em;
      -ms-flex: 1 0 6em;
          flex: 1 0 6em;
  min-width: 250px; }

.plan-progress__time-until-expiry {
  font-weight: 700; }
  @media (max-width: 480px) {
    .plan-progress__time-until-expiry {
      font-size: 14px; } }

.plan-remove {
  font-size: 14px; }

.plan-status {
  margin-bottom: 30px; }

@media (max-width: 960px) {
  .plan-overview .plan-status__button.button {
    margin-left: 0;
    min-width: 0; } }

.plan-status__header {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 481px) {
    .plan-status__header {
      margin-left: 20px;
      margin-right: 10px; } }

.plan-status__icon {
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 3px solid #e9eff3;
  height: 50px;
  min-width: 50px;
  position: relative; }
  .plan-status__icon.is-premium {
    background-image: url("/calypso/images/plans/plan-trial-premium.svg"); }
    .plan-status__icon.is-premium.is-expired {
      background-image: url("/calypso/images/plans/plan-premium.svg"); }
  .plan-status__icon.is-business {
    background-image: url("/calypso/images/plans/plan-trial-business.svg"); }
    .plan-status__icon.is-business.is-expired {
      background-image: url("/calypso/images/plans/plan-business.svg"); }
  @media (max-width: 480px) {
    .plan-status__icon {
      display: none; } }
  .plan-status__icon .gridicon {
    fill: #d94f4f;
    position: absolute;
    bottom: -7px;
    right: -7px; }

.plan-status__text {
  color: #87a6bc;
  font-size: 12px;
  text-transform: uppercase; }

.plan-status__plan {
  line-height: 26px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: 700; }
  @media (min-width: 961px) {
    .plan-status__plan {
      font-size: 21px; } }

.plan-status__nudge {
  color: #4ab866;
  font-style: italic; }
  .plan-status__nudge del {
    color: initial; }
  .plan-status__nudge + .notice {
    margin-top: 8px; }

.jetpack_premium .plan__plan-details .plan__plan-details-list,
.jetpack_business .plan__plan-details .plan__plan-details-list,
.jetpack_premium_monthly .plan__plan-details .plan__plan-details-list,
.jetpack_business_monthly .plan__plan-details .plan__plan-details-list {
  margin: 8px 0; }

.jetpack_premium .plan__plan-details .plan__plan-details-item,
.jetpack_business .plan__plan-details .plan__plan-details-item,
.jetpack_premium_monthly .plan__plan-details .plan__plan-details-item,
.jetpack_business_monthly .plan__plan-details .plan__plan-details-item {
  opacity: 1.0;
  padding: 4px 0; }
  .jetpack_premium .plan__plan-details .plan__plan-details-item .gridicons-checkmark,
  .jetpack_business .plan__plan-details .plan__plan-details-item .gridicons-checkmark,
  .jetpack_premium_monthly .plan__plan-details .plan__plan-details-item .gridicons-checkmark,
  .jetpack_business_monthly .plan__plan-details .plan__plan-details-item .gridicons-checkmark {
    color: #4ab866;
    vertical-align: top;
    margin-right: 4px; }

/**
 * 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: -webkit-zoom-out;
    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: -webkit-zoom-in;
      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 .time,
.post-relative-time-status .status {
  display: inline-block;
  margin-right: 0.91667em; }

.post-relative-time-status .time .time-text {
  display: inline-block; }
  .post-relative-time-status .time .time-text::first-letter {
    text-transform: capitalize; }

.post-relative-time-status .status .status-text {
  text-transform: capitalize; }

.post-relative-time-status .gridicon {
  display: inline-block;
  margin: -4px 8px 0 0;
  vertical-align: middle; }

.posts__list .post-relative-time-status .is-sticky {
  color: #f0821e; }

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

.posts__list .post-relative-time-status .is-scheduled {
  color: #00aadc; }

.posts__list .post-relative-time-status .is-trash {
  color: #d94f4f; }

.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 {
  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;
    -webkit-transition: all 200ms ease-out;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -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;
  -webkit-flex-shrink: 0;
      -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-list:not(.is-empty) {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.post-type-list__post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.post-type-list__post-detail {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-right: auto; }
  .post-type-list__post-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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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-type-list__post-thumbnail-wrapper {
  display: none;
  position: relative;
  width: 80px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin: -8px 0;
  overflow: hidden; }
  .post-type-list__post-thumbnail-wrapper.has-image,
  .post-type-list__post-placeholder .post-type-list__post-thumbnail-wrapper {
    display: block; }
  .post-type-list__post-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-type-list__post-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-type-list__post-title-meta {
  padding: 6px 0; }

.post-type-list__post-title {
  margin-bottom: 2px;
  font-weight: 700;
  white-space: nowrap; }
  .post-type-list__post-title a {
    color: #2e4453; }
    .post-type-list__post-title a:hover {
      color: #4f748e; }
    .post-type-list__post-placeholder .post-type-list__post-title 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; }
      .post-type-list__post-placeholder .post-type-list__post-title a:after {
        content: '\00a0'; }
    .post-type-list__post.is-untitled .post-type-list__post-title a {
      color: #87a6bc;
      font-style: italic; }

.post-type-list__post-meta {
  font-size: 12px;
  color: #a8bece; }

.post-type-list__post-meta .post-relative-time-status {
  margin-bottom: 0; }
  .post-type-list__post-placeholder .post-type-list__post-meta .post-relative-time-status {
    -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-type-list__post-placeholder .post-type-list__post-meta .post-relative-time-status:after {
      content: '\00a0'; }

.post-type-list__post-meta .post-relative-time-status .gridicon {
  width: 14px;
  height: 14px;
  margin-top: -3px;
  margin-right: 6px; }

.post-actions-ellipsis-menu {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-left: 8px; }

.post-actions-ellipsis-menu,
.post-actions-ellipsis-menu .ellipsis-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.post-actions-ellipsis-menu .ellipsis-menu__toggle {
  padding: 0 16px;
  margin-right: -16px; }

.posts.main {
  display: block;
  max-width: 720px; }
  @media (min-width: 1041px) {
    .posts.main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-width: 1040px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.posts__primary {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 720px; }

.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: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700; }

.posts__list .post__excerpt {
  color: #4f748e;
  font-size: 1.06667em;
  line-height: 1.5em;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }
  .posts__list .post__excerpt p {
    margin: 0; }

.posts__list .post__quote {
  background: none;
  font-family: Merriweather, 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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-content: flex-start;
      -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;
    -webkit-flex: 1 0 auto;
        -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;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: 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: #4f748e;
  display: block;
  font-size: 14px;
  line-height: 38px;
  margin-right: 12px;
  padding-left: 48px; }
  .post__site-title a {
    color: #4f748e; }

.post__header.has-author .post__site-title {
  line-height: 1.4; }

.post__author {
  display: block;
  color: #87a6bc;
  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 {
  margin: 0;
  padding: 0 24px 24px;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: 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;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  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;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-flex-basis: auto;
        -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: #668eaa;
      box-sizing: border-box;
      font-size: inherit;
      padding: 0.78571em 0; }
      .post-controls__pane > li a:hover {
        color: #4f748e;
        cursor: pointer; }
      .post-controls__pane > li a .gridicon {
        position: relative;
        top: 3px;
        margin-right: 6px; }

.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, .posts__list .upgrade-nudge.editor-drawer-well__placeholder {
  margin: 24px 0; }

.posts .section-nav .gravatar {
  margin-left: 6px;
  vertical-align: middle; }

.posts__recent-drafts {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 0 24px 24px;
  max-width: 296px;
  display: none; }
  @media (min-width: 1041px) {
    .posts__recent-drafts {
      display: block; } }
  .posts__recent-drafts .draft__actions {
    display: none; }

.posts__recent-drafts .posts__drafts-header.card.is-compact, .posts__recent-drafts .posts__drafts-header.is-compact.editor-drawer-well__placeholder {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3px 16px;
  color: #2e4453;
  font-size: 14px; }
  .posts__recent-drafts .posts__drafts-header.card.is-compact::after, .posts__recent-drafts .posts__drafts-header.is-compact.editor-drawer-well__placeholder::after {
    display: none; }

@media (min-width: 1041px) {
  .posts.is-single-site .section-nav-tab.is-draft {
    display: none; }
    .posts.is-single-site .section-nav-tab.is-draft.is-selected {
      display: block; } }

.posts__recent-drafts .no-results {
  color: #87a6bc;
  font-size: 14px;
  margin-left: 16px;
  line-height: 1.4; }

.posts__see-all-drafts {
  margin-top: 8px; }
  .posts__see-all-drafts .count {
    margin-left: 8px; }

.featured-plugins {
  box-shadow: 0 1px 2px #e9eff3;
  font-size: 14px;
  height: 210px;
  margin: 0 0 25px;
  overflow: hidden;
  width: 100%; }

.featured-plugins__element {
  height: 100%;
  text-align: center;
  width: 100%; }
  .featured-plugins__element a {
    background-color: rgba(46, 68, 83, 0.3);
    border-radius: 3px;
    color: white;
    padding: 10px 20px;
    position: relative;
    top: 160px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .featured-plugins__element a:hover {
      background-color: rgba(46, 68, 83, 0.7); }

.plugin__installed-on {
  margin-bottom: 16px; }

.plugins__plugin-list-state {
  white-space: nowrap; }

.card.is-compact.section-header.after-compact, .is-compact.section-header.after-compact.editor-drawer-well__placeholder {
  margin-top: 16px; }

.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 {
  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__finished {
  color: #87a6bc;
  font-size: 12px;
  line-height: 1;
  padding: 6px 0; }

.jetpack-plugins-setup .plugin-item.card .notice.is-info .notice__icon, .jetpack-plugins-setup .plugin-item.editor-drawer-well__placeholder .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 .toggle__switch {
  float: right; }

.plugin-action__label {
  color: #87a6bc;
  font-size: 11px;
  line-height: 16px;
  margin-right: 8px;
  vertical-align: top;
  text-transform: uppercase;
  cursor: pointer; }
  .is-disabled .plugin-action__label {
    color: #e9eff3;
    cursor: default; }
  .has-disabled-info .plugin-action__label {
    cursor: pointer; }

.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;
  margin: 0 3px; }

.plugin-action__disabled-info-list {
  margin-left: 16px; }

.plugin-activate-toggle .disconnect-jetpack-button {
  font-size: 11px;
  color: #d94f4f;
  text-transform: uppercase; }
  .plugin-activate-toggle .disconnect-jetpack-button:disabled, .plugin-activate-toggle .disconnect-jetpack-button:disabled:hover {
    color: #e9eff3;
    cursor: default; }

.plugin-activate-toggle .plugin-action__children {
  float: none; }

.plugin-card-header .card, .plugin-card-header .editor-drawer-well__placeholder,
.plugin-card-header > div {
  margin-bottom: 0; }

.plugin-card-header__text {
  color: #668eaa;
  font-size: 12px;
  text-transform: uppercase; }

.plugin-icon {
  float: left;
  margin-right: 16px;
  width: 56px;
  height: 56px;
  position: relative;
  -webkit-transition: opacity .15s ease-in-out;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-top: 1px solid #E9EFF3;
  margin-top: 16px;
  padding-top: 16px;
  position: relative;
  overflow: hidden; }

.plugin-information__description {
  margin-bottom: 0; }

.plugin-information__wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.plugin-information__version-shell:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.plugin-information__version-shell .version {
  float: left;
  margin: 0 16px 8px 0; }

.plugin-information__last-updated {
  line-height: 18px;
  margin-bottom: 8px; }

.plugin-information__last-updated .gridicons-sync {
  vertical-align: text-bottom;
  color: #f0b849;
  margin-left: 8px; }

.plugin-information__version-info {
  font-size: 11px;
  color: #87a6bc;
  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;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 16px; }
  @media (min-width: 481px) {
    .plugin-information .plugin-ratings {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 160px;
      margin-top: 0; } }

.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__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, .plugin-item.editor-drawer-well__placeholder {
  padding: 0; }
  .is-bulk-editing .plugin-item.card, .is-bulk-editing .plugin-item.editor-drawer-well__placeholder {
    padding-left: 24px; }
  .plugin-item.card ~ .notice.is-error, .plugin-item.editor-drawer-well__placeholder ~ .notice.is-error {
    margin-bottom: 0; }
  .plugin-item.card input, .plugin-item.editor-drawer-well__placeholder input {
    margin-right: 8px; }
  @media (min-width: 661px) {
    .plugin-item.card, .plugin-item.editor-drawer-well__placeholder {
      padding: 0; } }
  .plugins-list .plugin-item.card.is-compact:last-child, .plugins-list .plugin-item.is-compact.editor-drawer-well__placeholder:last-child {
    margin-bottom: 0; }
  .plugin-item.card .notice.is-info .notice__icon, .plugin-item.editor-drawer-well__placeholder .notice.is-info .notice__icon {
    display: none; }

.plugin-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  @media (max-width: 480px) {
    .plugin-item {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .plugin-item.disabled {
    opacity: 0.5;
    background: #f3f6f8; }

.plugin-item__link,
.plugin-item__disabled,
.plugin-item.is-placeholder {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16px;
  overflow: hidden;
  cursor: pointer; }
  @media (max-width: 480px) {
    .plugin-item__link,
    .plugin-item__disabled,
    .plugin-item.is-placeholder {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
  @media (min-width: 661px) {
    .plugin-item__link,
    .plugin-item__disabled,
    .plugin-item.is-placeholder {
      padding: 24px; } }

.is-bulk-editing .plugin-item__link {
  padding-left: 40px; }

.plugin-item__disabled {
  opacity: 0.5;
  background: #f3f6f8; }

.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 {
  margin-left: 32px; }
  @media (min-width: 481px) {
    .plugin-item__info {
      margin-left: 40px; } }

.plugin-item__title {
  color: #2e4453;
  display: block;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: pre; }
  @media (min-width: 481px) {
    .plugin-item__title {
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif; } }
  @media (max-width: 480px) {
    .plugin-item__title[data-warnings="1"] {
      padding-right: 32px; }
    .plugin-item__title[data-warnings="2"] {
      padding-right: 64px; } }
  .plugin-item__title.is-placeholder {
    width: 56%;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
    .plugin-item__title.is-placeholder:before {
      content: ' '; }
  .bulk-editing .plugin-item__title {
    margin-top: -4px; }
    @media (min-width: 481px) {
      .bulk-editing .plugin-item__title {
        margin-top: -6px; } }

@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: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }
  @media (min-width: 481px) {
    .plugin-item__count,
    .plugin-item__actions {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      text-align: right; } }
  @media (min-width: 661px) {
    .plugin-item__count,
    .plugin-item__actions {
      padding-right: 24px;
      padding-left: 24px; } }

.plugin-item__count {
  font-size: 11px;
  line-height: 18px;
  color: #87a6bc;
  text-transform: uppercase; }

.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 {
      display: block; } }

.plugin-item__last_updated {
  color: #87a6bc;
  font-size: 12px;
  line-height: 1;
  padding: 6px 0; }

.plugin-list-header.section-header.card, .plugin-list-header.section-header.editor-drawer-well__placeholder {
  padding-right: 8px; }
  .plugin-list-header.section-header.card .section-header__actions, .plugin-list-header.section-header.editor-drawer-well__placeholder .section-header__actions {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .plugin-list-header.section-header.card .bulk-select, .plugin-list-header.section-header.editor-drawer-well__placeholder .bulk-select {
    margin-right: 16px; }
  .plugin-list-header.section-header.card .button-group, .plugin-list-header.section-header.editor-drawer-well__placeholder .button-group {
    margin-left: 8px; }
  .plugin-list-header.section-header.card.is-placeholder .section-header__label span, .plugin-list-header.section-header.is-placeholder.editor-drawer-well__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, .plugin-list-header.section-header.is-placeholder.editor-drawer-well__placeholder .section-header__label span:after {
      content: '\00a0'; }
  .plugin-list-header.section-header.card.is-bulk-editing .section-header__label, .plugin-list-header.section-header.is-bulk-editing.editor-drawer-well__placeholder .section-header__label {
    display: none; }
  .plugin-list-header.section-header.card .button-group, .plugin-list-header.section-header.editor-drawer-well__placeholder .button-group {
    margin-left: 8px;
    display: inherit; }
  @media (min-width: 661px) {
    .plugin-list-header.section-header.card, .plugin-list-header.section-header.editor-drawer-well__placeholder {
      padding-right: 16px; } }
  @media (min-width: 961px) {
    .plugin-list-header.section-header.card.is-action-bar-visible .plugin-list-header__actions_dropdown, .plugin-list-header.section-header.is-action-bar-visible.editor-drawer-well__placeholder .plugin-list-header__actions_dropdown {
      display: none; }
    .plugin-list-header.section-header.card.is-action-bar-visible .plugin-list-header__action-buttons, .plugin-list-header.section-header.is-action-bar-visible.editor-drawer-well__placeholder .plugin-list-header__action-buttons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.plugin-list-header__section-actions-close {
  color: #3d596d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right; }

.plugin-list-header__action-buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .plugin-meta__information {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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;
      font-weight: 700;
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif; } }
  .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;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 481px) {
    .has-site .plugin-meta__detail {
      max-width: calc(100% - 150px); }
    .has-button .plugin-meta__detail {
      max-width: 100%; } }
  @media (min-width: 661px) {
    .has-button .plugin-meta__detail {
      max-width: calc(100% - 150px); } }

.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;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 16px;
  padding-top: 16px; }
  .has-button .plugin-meta__actions {
    position: initial;
    right: inherit; }
  @media (min-width: 481px) {
    .plugin-meta__actions {
      border: none;
      margin: 0;
      padding: 0;
      text-align: right; }
      .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 .plugin-action__label {
    color: #2e4453;
    font-size: 11px; } }

.plugin-meta__version-notice {
  margin-top: -9px; }
  @media (min-width: 481px) {
    .plugin-meta__version-notice {
      margin-top: -15px; } }

.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-tier {
  line-height: 18px; }

.plugin-ratings__rating-text {
  font-size: 11px;
  color: #87a6bc;
  text-transform: uppercase;
  margin-bottom: 16px; }
  @media (max-width: 480px) {
    .plugin-ratings__rating-text {
      display: inline;
      line-height: 24px;
      vertical-align: top; } }

.plugin-ratings__rating-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.plugin-ratings__rating-tier-text,
.plugin-ratings__downloads {
  font-size: 11px;
  color: #87a6bc;
  white-space: pre;
  text-overflow: ellipsis;
  text-transform: uppercase;
  overflow: hidden; }

.plugin-ratings__rating-tier-text {
  padding-right: 16px; }

.plugin-ratings__downloads {
  margin-top: 16px; }

.plugin_ratings__bar {
  width: 78px;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .plugin_ratings__bar .progress-bar {
    position: relative;
    top: -2px;
    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__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: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    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-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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: 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; }
  .plugin-site-network .plugin-install-button__install {
    top: 12px; }

.plugin-site-network__secondary-site.card.is-compact, .plugin-site-network__secondary-site.is-compact.editor-drawer-well__placeholder {
  padding: 16px 0;
  box-shadow: none;
  border-top: 1px solid #f3f6f8; }
  .plugin-site-network__secondary-site.card.is-compact .site__info, .plugin-site-network__secondary-site.is-compact.editor-drawer-well__placeholder .site__info {
    width: auto; }
  .plugin-site-network__secondary-site.card.is-compact .site__content, .plugin-site-network__secondary-site.is-compact.editor-drawer-well__placeholder .site__content {
    padding: 0; }

.plugin-site-network__secondary-site-actions {
  position: absolute;
  right: 0;
  top: 0;
  height: 56px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-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;
  margin-top: -16px;
  display: inline-block;
  position: relative; }
  .plugin-site-network__network_disabled .plugin-site-disabled-manage {
    width: calc( 100% - 24px);
    right: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.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: absolute;
  top: 8px;
  right: 16px;
  width: 215px;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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 {
    position: absolute;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: 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__embed-action {
  height: 32px;
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.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;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .plugin-install-button__install.embed {
    color: #87a6bc;
    height: 100%;
    position: initial;
    margin-right: 16px; }
  @media (max-width: 480px) {
    .plugin-install-button__install {
      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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: space-between;
        -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; }

a.plugin-settings-link {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  line-height: 16px;
  margin: 16px 9px 0 0;
  text-transform: uppercase; }
  @media (min-width: 481px) {
    a.plugin-settings-link {
      display: inline-block; } }
  a.plugin-settings-link .gridicon {
    float: right;
    position: relative;
    left: 7px;
    top: -3px; }

.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-top: -1px; }
  .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; }

.plugins-browser-item {
  border-left: 1px solid #e9eff3;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  height: 96px;
  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;
    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: 50%; }
      .plugins-browser-item:nth-child(2n + 1) {
        border-left: 0; }
      .plugins-browser-item:nth-child(n + 3) {
        border-top: 1px solid #e9eff3; } }
  @media (max-width: 480px) {
    .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: 40px;
  height: 40px; }
  .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;
  margin-bottom: 5px; }

.plugins-browser-item__title,
.plugins-browser-item__author {
  margin-left: 52px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .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: #4f748e;
  font-weight: 600;
  font-size: 14px; }

.plugins-browser-item__author {
  color: #87a6bc;
  font-size: 10px;
  text-transform: uppercase; }

.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 {
  padding-top: 10px; }

.plugins-browser-item__installed {
  position: absolute;
  bottom: 8px;
  right: 16px;
  color: #87a6bc;
  font-size: 10px;
  text-transform: uppercase;
  -webkit-animation: appear .15s ease-in;
          animation: appear .15s ease-in; }

.plugins-browser-list {
  margin: 24px 0;
  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: 6px 0px 7px;
  color: #87a6bc;
  font-size: 11px;
  line-height: 1.6;
  text-transform: uppercase; }
  .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: 5px;
    margin-left: 3px;
    width: 12px;
    height: 12px; }

.button.plugins-browser-list__select-all {
  float: right; }

.plugins-browser-list__elements {
  min-height: 50px;
  overflow: hidden;
  padding: 0; }

.plugins-browser__main-header .search {
  position: relative; }

@media (max-width: 660px) {
  .plugins-browser__main-header {
    margin-top: 2em; } }

@media (max-width: 660px) {
  .plugins-browser .section-nav {
    margin-top: 2em; } }

.plugin-version {
  font-size: 11px;
  color: #87a6bc;
  white-space: pre;
  text-overflow: ellipsis;
  text-transform: uppercase;
  margin-top: 2px;
  word-spacing: 2px; }

.plugin-version__plugin {
  margin-right: 16px; }
  .plugin-version__plugin.has-update {
    background-color: #f0b849;
    color: white;
    padding: 3px 4px;
    border-radius: 2px; }
  .plugin-version__plugin .gridicon {
    vertical-align: bottom; }

.wpcom-plugins__standard-panel.is-compact,
.wpcom-plugins__premium-panel,
.wpcom-plugins__business-panel {
  padding: 0; }

.wpcom-plugins__premium-panel.is-disabled .wpcom-plugins__plugin-item,
.wpcom-plugins__business-panel.is-disabled .wpcom-plugins__plugin-item {
  opacity: 0.5; }

.wpcom-plugins__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.wpcom-plugins__plugin-item {
  list-style: none;
  box-sizing: border-box;
  padding: 16px;
  border-bottom: 1px solid #c8d7e1;
  width: 100%; }
  .wpcom-plugins__plugin-item:last-child {
    border-bottom: none; }
  @media (min-width: 961px) {
    .wpcom-plugins__plugin-item {
      width: 33.33%;
      border-right: 1px solid #c8d7e1; } }

@media (min-width: 961px) {
  .wpcom-plugins__plugin-item:nth-child(3n+3) {
    border-right: none; } }

@media (min-width: 961px) {
  .wpcom-plugins__plugin-item:nth-last-child(-n+3) {
    border-bottom: none; } }

.wpcom-plugins__business-panel .wpcom-plugins__plugin-item {
  width: 100%;
  border: none; }

.wpcom-plugins__plugin-item a {
  color: #2e4453; }

.wpcom-plugins__plugin-icon {
  width: 40px;
  height: 40px;
  background: #a8bece;
  float: left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.wpcom-plugins__plugin-icon .gridicon {
  fill: white; }

.wpcom-plugins__plugin-icon .gridicons-checkmark-circle {
  position: absolute;
  bottom: -5px;
  border-radius: 100%;
  fill: #4ab866;
  background: white; }

.wpcom-plugins__plugin-title,
.wpcom-plugins__plugin-category,
.wpcom-plugins__plugin-plan {
  margin-left: 52px; }

.wpcom-plugins__plugin-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4; }

.wpcom-plugins__plugin-category,
.wpcom-plugins__plugin-plan {
  font-size: 11px;
  color: #87a6bc;
  text-transform: uppercase; }

.wpcom-plugins__plugin-description {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0; }

.wpcom-plugin-panel button.is-active-plugin {
  color: #4ab866; }
  .wpcom-plugin-panel button.is-active-plugin:hover {
    color: #4ab866; }

.wpcom-plugins-expanded .section-header {
  border-bottom: none; }

.wpcom-plugin-panel__panel-footer {
  padding-top: 14px;
  padding-bottom: 14px; }

.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 .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 .noticon-info {
    margin: 3px 3px 0 0; }

.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: #517fa4; }

.sharing-service.instagram .sharing-service__name {
  color: #517fa4; }

.sharing-connection__account-avatar.is-fallback.instagram {
  background-color: #517fa4; }

.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;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  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 {
    -webkit-transition-timing-function: ease-in;
            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;
    clear: both;
    visibility: hidden; }

.sharing-buttons__fieldset-group {
  margin: 0 -3%; }
  .sharing-buttons__fieldset-group:after {
    content: ".";
    display: block;
    height: 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;
  padding: 8px 8px 8px 26px;
  cursor: pointer;
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(46, 68, 83, 0.04);
  background-color: white;
  text-align: left;
  line-height: 1;
  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: inline-block; }
  .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 .noticon {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -8px;
  font-size: 16px; }

@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: #517fa4; }
  .sharing-buttons-preview-button.style-icon.share-instagram:hover {
    background: rgba(81, 127, 164, 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 0 1em; }

.account-dialog .notice .noticon-warning {
  position: relative;
  top: 2px;
  margin: 0 2px; }

.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::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;
  left: 4px;
  top: 50%;
  margin-top: -6px;
  color: #f0b849; }

.account-dialog .account-dialog-account__picture {
  position: absolute;
  left: 8px;
  top: 3px;
  width: 34px;
  height: 34px; }

.account-dialog-account:not(.is-connected) .account-dialog-account__picture {
  left: 22px; }

.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 {
  margin: 0 0 4px; }

.sharing-services-group__services {
  margin: 0 0 30px;
  padding: 0;
  list-style: 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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-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 {
    background: #c8d7e1;
    border: 1px solid #87a6bc;
    margin-right: 8px; }
  .current-section .all-sites-icon {
    display: none; }
  .current-section .gridicons-chevron-left {
    color: #87a6bc;
    margin: 0 8px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }

/**
 * Site Indicator
 */
.site-indicator {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 16px; }

.site-indicator__button {
  -webkit-align-self: center;
      -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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -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 {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  display: inline-block;
  vertical-align: middle; }
  .site-indicator__action a,
  .site-indicator__action .button.is-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: white;
    text-decoration: none; }

.site-settings fieldset {
  clear: both;
  margin-bottom: 24px; }
  .site-settings fieldset:last-child {
    margin-bottom: 0; }

.site-settings label {
  display: block; }

.site-settings input {
  display: inline-block; }

.site-settings .short-settings {
  display: block;
  min-width: 200px; }

.site-settings select + label {
  margin-top: 24px; }

.site-settings input[type="number"] {
  padding: 0;
  width: 50px;
  text-align: center; }

.site-settings input[type="text"] {
  -webkit-appearance: none; }

.site-settings legend,
.site-settings label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600; }

.site-settings legend + label,
.site-settings label + label,
.site-settings li label,
.site-settings input[type="checkbox"] + label,
.site-settings input[type="radio"] + label,
.site-settings label input[type="checkbox"],
.site-settings label input[type="radio"] {
  font-weight: normal; }

.site-settings .is-primary {
  float: right; }

.site-settings .empty-content .is-primary {
  float: none; }

.site-settings p.form-setting-explanation {
  display: block;
  margin: 5px 0;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  color: #87a6bc; }
  .site-settings p.form-setting-explanation.is-indented {
    margin-left: 24px; }

.site-settings p.settings-alert {
  font-weight: 400;
  color: #d94f4f; }

.site-settings ul li,
.site-settings ol li {
  margin-bottom: 0; }

.site-settings .analytics-settings {
  padding-top: 20px; }

@media (min-width: 661px) {
  .site-settings .blogaddress-settings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.site-settings .blogaddress-settings .button {
  width: 100%;
  margin-left: 0;
  margin-top: 5px; }
  @media (min-width: 661px) {
    .site-settings .blogaddress-settings .button {
      width: 45%;
      margin-left: 16px;
      margin-top: 0; } }

.site-settings .seo-form .form-text-input-with-affixes__prefix {
  min-width: 60px;
  text-align: center; }

.site-settings .seo-sitemap {
  word-wrap: break-word;
  word-break: break-word; }

.site-settings .verification-code-error {
  color: #d94f4f;
  font-weight: bold; }

.site-settings .seo-form .counted-textarea.is-exceeding-acceptable-length {
  background: #f0b849; }

.site-settings__footer-credit-container {
  margin-bottom: 16px; }

.site-settings__footer-credit-nudge.card.upgrade-nudge, .site-settings__footer-credit-nudge.upgrade-nudge.editor-drawer-well__placeholder {
  margin: 0; }

.site-settings__footer-credit-change {
  width: 175px;
  text-align: center; }

.site-settings__footer-credit-explanation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media (max-width: 660px) {
  .writing-settings select,
  .general-settings select {
    width: 100%; } }

.site-settings__custom-post-type .form-toggle__label {
  margin-bottom: 0; }

.site-settings .site-settings__custom-post-type p.form-setting-explanation {
  margin: 0 0 16px; }

.press-this {
  /* press this isn't functional on a touch device */ }
  .touch .press-this {
    display: none; }
  .press-this p.pressthis {
    margin: 20px 0; }
    .press-this p.pressthis a,
    .press-this p.pressthis a:hover,
    .press-this p.pressthis a:focus,
    .press-this p.pressthis a:active {
      display: inline-block;
      position: relative;
      cursor: move;
      padding: 10px;
      font-style: normal;
      line-height: 16px;
      font-size: 14px;
      text-decoration: none;
      color: #333;
      background: #e9eff3;
      border-radius: 3px;
      border: 1px solid #c8d7e1; }
    .press-this p.pressthis a span {
      display: inline-block;
      margin: 0 10px 0 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
      .press-this p.pressthis a span:before {
        color: #777;
        font-family: Noticons; }

#settings-reading-relatedposts-preview .form-label {
  font-weight: 600;
  margin-top: 16px; }

.jp-relatedposts {
  position: relative;
  margin-top: 8px;
  padding: 16px 8px;
  width: 100%;
  background: #f3f6f8;
  box-sizing: border-box; }
  .jp-relatedposts:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .jp-relatedposts .jp-relatedposts-headline {
    margin: 0 0 1em 8px;
    font-size: 11px;
    font-weight: 600; }
  @media (min-width: 481px) {
    .jp-relatedposts .jp-relatedposts-items {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 50%; } }
  @media (min-width: 961px) {
    .jp-relatedposts .jp-relatedposts-items {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  .jp-relatedposts .jp-relatedposts-post .jp-relatedposts-post-title a {
    font-weight: normal;
    text-decoration: none;
    opacity: 1; }
  .jp-relatedposts .jp-relatedposts-post {
    box-sizing: border-box;
    margin: 0;
    padding: 0 8px; }
  .jp-relatedposts .jp-relatedposts-post span {
    display: block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis; }
  .jp-relatedposts .jp-relatedposts-post .jp-relatedposts-post-context {
    opacity: .6; }

.jetpack-protect__deactivate,
.jetpack-protect__edit-settings,
.jetpack-scan__deactivate,
.jetpack-monitor__deactivate,
.disconnect-jetpack-button,
.jetpack-protect__edit-settings,
.jetpack-scan__deactivate,
.jetpack-monitor__deactivate,
.disconnect-jetpack-button {
  margin-right: 8px; }

.has-divider {
  margin: 0 -24px;
  padding: 24px 24px 16px 24px;
  border: 1px #e9eff3 solid;
  border-width: 1px 0; }
  .has-divider.is-top-only {
    border-bottom: 0px;
    padding-bottom: 0px; }

.site-settings__jetpack-prompt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .site-settings__jetpack-prompt img {
    width: 128px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 16px; }

.site-settings__jetpack-prompt-text {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
      -ms-flex: 4;
          flex: 4; }

.settings-action-panel {
  padding-bottom: 16px; }

.settings-action-panel__title {
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #2e4453;
  clear: none; }

.settings-action-panel__body {
  font-size: 14px;
  line-height: 20px;
  color: #668eaa;
  overflow: hidden; }
  .settings-action-panel__body p {
    margin-bottom: 20px; }

a.settings-action-panel__body-text-link {
  color: #00aadc;
  text-decoration: underline; }
  a.settings-action-panel__body-text-link:hover {
    text-decoration: none; }

.settings-action-panel__figure {
  width: 100%;
  margin: 24px 0;
  text-align: center; }
  @media (min-width: 481px) {
    .settings-action-panel__figure {
      float: right;
      max-width: 208px;
      margin: 0 0 20px 24px; }
      .settings-action-panel__figure.is-inline-body-text {
        margin: 40px 0 20px 24px; } }

.settings-action-panel__footer {
  position: relative;
  padding-top: 17px; }
  .settings-action-panel__footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    height: 1px;
    background-color: #f3f6f8; }
    @media (min-width: 481px) {
      .settings-action-panel__footer::before {
        left: -24px;
        right: -24px; } }

.settings-action-panel__export-button .gridicon,
.settings-action-panel__support-button .gridicon {
  margin-left: 8px; }

/**
 * Delete Site
 * - panels specific to the delete site process
 */
.delete-site__content-list-header {
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: left;
  color: #87a6bc; }

.delete-site__content-list {
  margin: 0 0 20px;
  border: solid 1px #c8d7e1;
  border-radius: 4px;
  list-style: none;
  text-align: left; }

.delete-site__content-list-item {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 16px;
  border-top: solid 1px #c8d7e1;
  font-size: 14px;
  line-height: 18px;
  color: #2e4453; }
  .delete-site__content-list-item:first-child {
    border-top: none; }

.delete-site__confirm-dialog {
  max-width: 424px;
  padding-bottom: 16px; }

h1.delete-site__confirm-header {
  height: auto;
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #2e4453; }

.delete-site__confirm-paragraph {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
  color: #87a6bc; }

.delete-site__target-domain {
  color: #d94f4f; }

/**
 * Delete Site Options
 */
.delete-site-options__section-title {
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #2e4453; }

.delete-site-options__section-desc {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 18px;
  color: #2e4453; }

.delete-site-options__section-footnote {
  margin-bottom: 0;
  font-size: 13px;
  color: #87a6bc;
  font-style: italic; }

.delete-site-options__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .delete-site-options__container::after {
    display: none; }
  @media (min-width: 481px) {
    .delete-site-options__container.is-compact {
      padding: 24px; } }

.delete-site-options__content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }
  @media (min-width: 481px) {
    .delete-site-options__content {
      max-width: 460px; } }

.delete-site-options__link,
.delete-site-options__link:hover,
.delete-site-options__link:active,
.delete-site-options__link:visited {
  color: inherit; }

.delete-site-options__link:hover .delete-site-options__noticon {
  color: #a8bece; }

.delete-site-options__option-marker {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 24px; }

.delete-site-options__arrow {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.delete-site-options__noticon {
  font-size: 36px;
  color: #c8d7e1;
  line-height: 48px;
  cursor: pointer; }

.delete-site-warning-dialog {
  max-width: 472px; }

.jetpack-sync-panel__action {
  margin-top: 16px; }

@media (min-width: 661px) {
  .jetpack-sync-panel__action-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .jetpack-sync-panel__description {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 8px; }
  .jetpack-sync-panel__action {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 0;
    padding-left: 8px; } }

.jetpack-sync-panel .progress-bar {
  margin-top: 8px; }

.jetpack-sync-panel .notice {
  background: none;
  color: #87a6bc;
  margin-top: 16px; }

.jetpack-sync-panel .notice .notice__text {
  padding-left: 0; }

.jetpack-sync-panel .notice .notice__icon {
  display: none; }

.importer__shell {
  padding-top: 16px; }
  .importer__shell.card, .importer__shell.editor-drawer-well__placeholder {
    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; } }

@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;
    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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }
  .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__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 16px 4px 16px 16px;
  position: relative;
  width: 100%; }
  .site__content:focus {
    outline: none; }

.site .site-icon {
  position: relative;
  background: #c8d7e1;
  border: 1px solid white;
  height: 30px;
  width: 30px;
  overflow: hidden;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 8px; }

.site__info {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -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: #87a6bc;
  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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  left: 17px;
  top: 17px; }
  .site__home .gridicon {
    margin-top: 5px;
    vertical-align: middle; }
  .site__home:hover {
    color: white; }
  @media (max-width: 660px) {
    .site__home {
      background: white;
      color: #00aadc;
      opacity: 1; }
      .site__home .gridicon {
        width: 24px;
        height: 24px; }
      .site__home:hover {
        color: #00aadc; } }

.site__content:hover .site__home {
  opacity: 1; }

.site__toggle-more-options {
  color: #87a6bc;
  cursor: pointer;
  padding-right: 16px;
  line-height: 0; }
  .site__toggle-more-options .gridicon {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    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); }
  .site__toggle-more-options:hover .gridicon {
    color: #4f748e; }

.site.is-toggled .site__toggle-more-options .gridicon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.site.is-toggled .site-indicator {
  display: none; }

.site.is-toggled.has-edit-capabilities .site-icon {
  border: 1px dashed #2e4453;
  opacity: 0.8; }

.site__actions {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0;
          flex: 1 0 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }

.site__edit-icon-text {
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out;
  font-size: 10px;
  max-width: 60px; }

.site__edit-icon,
.site__edit-icon:visited {
  color: #668eaa;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .site__edit-icon:hover,
  .site__edit-icon:visited:hover {
    color: #00aadc; }
  .site__edit-icon .gridicons-external,
  .site__edit-icon:visited .gridicons-external {
    top: -1px; }

.site__star {
  color: #87a6bc;
  cursor: pointer;
  line-height: 0; }
  .site__star:hover .gridicons-star-outline {
    color: #f0b849; }
  .site__star .gridicons-star {
    color: #f0b849; }

a.site__cog {
  color: #87a6bc;
  line-height: 0; }
  a.site__cog:hover {
    color: #4f748e; }

.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, .sites__selector-wrapper.editor-drawer-well__placeholder {
  padding: 0; }

@media (min-width: 961px) {
  .stats__module-column {
    float: left;
    width: 48.8%;
    width: calc(50% - 0.5em); }
    .stats__module-column:last-child {
      float: right; } }

.old-stats-link .button .gridicon {
  margin-bottom: -2px;
  margin-left: 4px; }

@media (max-width: 480px) {
  .stats-message.switch-stats {
    text-align: center; } }

.all-time .stats-tab {
  padding-bottom: 0; }
  @media (min-width: 481px) {
    .all-time .stats-tab {
      padding-bottom: 24px; } }
  .all-time .stats-tab:nth-child(4) {
    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 .value {
    font-size: 20px;
    padding: 10px 0 5px; }
  .all-time .stats-tab .all-time__best-day {
    color: #2e4453;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
    @media (max-width: 480px) {
      .all-time .stats-tab .all-time__best-day {
        box-sizing: border-box;
        display: block;
        line-height: 1.7;
        padding: 30px 0 10px 25px;
        text-align: left;
        width: 100%; } }

.stats-geochart {
  margin: 0 24px; }

.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 {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #f3f6f8;
  color: #2e4453;
  display: inline-block;
  padding: 15px 45px;
  position: relative;
  margin-bottom: 24px;
  border-radius: 1px;
  background: #e9eff3;
  box-sizing: border-box;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }

.stats-pagination {
  width: 100%; }

.stats-pagination__list {
  background-color: #f3f6f8;
  display: block;
  list-style: none;
  margin: 0;
  padding: 2px 0;
  text-align: center; }
  .stats-pagination__list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.stats-pagination__list-item {
  display: inline-block;
  padding: 0 .5em;
  line-height: 40px;
  text-align: center;
  min-width: 16px; }

.stats-pagination__list-item.stats-pagination__arrow, .stats-pagination__list-item.stats-pagination__arrow:hover {
  color: #87a6bc;
  cursor: default; }

.stats-pagination__list-item.stats-pagination__arrow.is-left {
  padding-left: 14px;
  float: left; }

.stats-pagination__list-item.stats-pagination__arrow.is-right {
  padding-right: 14px;
  float: right; }

.stats-pagination__list-item.stats-pagination__arrow .gridicon {
  vertical-align: middle;
  margin-top: -2px; }

.stats-pagination__list-item,
.stats-pagination__list-item.is-active {
  cursor: pointer;
  color: #0087be; }

.stats-pagination__list-item.is-active .gridicon {
  cursor: pointer; }

.stats-pagination__list-item:hover,
.stats-pagination__list-item.is-active:hover,
.stats-pagination__list-item:focus {
  color: #33bbe3; }

.stats-pagination__list-item.is-selected,
.stats-pagination__list-item.is-selected:hover {
  background-color: white;
  font-weight: bold;
  font-weight: 600;
  color: #2e4453;
  cursor: default; }

.stats-pagination__ellipsis,
.stats-pagination__ellipsis:hover {
  color: #87a6bc;
  cursor: default; }

.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;
  -webkit-transition: left, 1s, ease-in-out;
  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: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  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: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  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: 961px) {
  .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;
    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;
    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;
        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;
      -webkit-transition: font-size .3s 0 ease-out;
      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; }

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: 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__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, .stats-module.editor-drawer-well__placeholder {
  padding: 0;
  margin-bottom: 16px; }

.stats__module-list:after {
  content: ".";
  display: block;
  height: 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; } }

@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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
    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; }
  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 {
    -webkit-transition: .2s transform ease-out;
    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, .module-content .upgrade-nudge.editor-drawer-well__placeholder {
  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; }

.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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    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__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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
    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;
    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; }
    @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.is-post-summary {
          width: 33%; }
        .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 {
          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;
            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;
      -webkit-transition: font-size .3s 0 ease-out;
      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; }

.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 {
  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-compact {
    background-color: transparent;
    border: none; }

.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;
    -webkit-transition: all 200ms ease-out;
    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: 1em; }

.term-tree-selector__list-item {
  position: relative;
  padding: 2px 8px;
  font-size: 13px; }
  .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: 14px;
    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; }

.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: 70px;
  padding-left: 25px;
  line-height: 1; }

.theme__sheet-bar-tag {
  max-width: none;
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  font-weight: 200;
  padding-top: 5px;
  padding-left: 25px; }

.theme__sheet-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 960px) {
    .theme__sheet-columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.theme__sheet-column-left,
.theme__sheet-column-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -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, .theme__sheet-action-bar.editor-drawer-well__placeholder {
      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-screenshot {
  display: block;
  position: absolute;
  top: 90px;
  width: 49%;
  box-shadow: 0px 2px 8px 0px rgba(46, 68, 83, 0.45);
  background-color: rgba(255, 255, 255, 0.5);
  min-height: 36.15vw; }
  @media (max-width: 960px) {
    .theme__sheet-screenshot {
      position: relative;
      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: -webkit-linear-gradient(top, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, 0.5) 40%, #f3f6f8 93%);
        background: linear-gradient(to bottom, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, 0.5) 40%, #f3f6f8 93%); } }

.theme__sheet-img {
  display: block;
  width: 100%; }

.theme__sheet-content {
  padding: 20px;
  font-size: 14px;
  min-height: 900px; }
  .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 {
    white-space: pre-wrap; }
  .theme__sheet-content blockquote {
    padding: 30px;
    margin: 0 -20px;
    border-left: 2px solid #87a6bc; }
  .theme__sheet-content .notes {
    background: #f3f6f8;
    margin: 40px -20px -20px;
    border-top: 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-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: -0.78em 0;
  padding: 0; }
  .theme__sheet-features-list li {
    list-style: none;
    display: inline-block;
    color: #2e4453;
    font-size: 0.925em;
    margin: 0.38em 0.37rem;
    padding: 0.25em 0.7em;
    border-radius: 3px; }
    .theme__sheet-features-list li span {
      display: block; }

.theme__sheet-card-support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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 {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .theme__sheet-card-support .gridicon {
    color: #c8d7e1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .theme__sheet-card-support .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    @media (max-width: 960px) {
      .theme__sheet-card-support .button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        margin-top: 20px;
        text-align: center; } }

.theme__sheet-card-support-details {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20px;
      -ms-flex: 1 1 20px;
          flex: 1 1 20px;
  padding: 0 20px; }
  .theme__sheet-card-support-details small {
    display: block;
    color: #87a6bc; }

.theme__sheet-preview-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -28px;
  color: #e9eff3;
  cursor: pointer;
  -webkit-transition: all ease-in-out 100ms;
  transition: all ease-in-out 100ms; }
  .theme__sheet-preview-link:hover {
    color: white; }
  .theme__sheet-preview-link .gridicon {
    margin: 0 8px 0 -4px; }
  .theme__sheet-preview-link .theme__sheet-preview-link-text {
    font-size: 12px;
    margin-top: 2px;
    text-transform: uppercase; }
  @media (max-width: 960px) {
    .theme__sheet-preview-link {
      color: rgba(135, 166, 188, 0.8);
      top: 90%;
      margin-left: 30px; }
      .theme__sheet-preview-link:hover {
        color: #2e4453; }
      .theme__sheet-preview-link .gridicon {
        width: 24px;
        height: 24px; }
      .theme__sheet-preview-link .theme__sheet-preview-link-text {
        display: none; } }

.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-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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-left: 0px;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
  @media (max-width: 660px) {
    .themes-related-card__themes {
      -webkit-flex-flow: column nowrap;
          -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__label {
  font-size: 0.8em;
  color: #87a6bc;
  text-transform: uppercase;
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: -2px;
  float: left; }

.current-theme__name {
  box-sizing: border-box;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  float: left;
  clear: both; }

.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 #c8d7e1;
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .current-theme__actions {
      width: 50%;
      float: right;
      border-top: none;
      border-left: 1px solid #c8d7e1; } }
  @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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
    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 #c8d7e1;
  border-right: 1px solid #c8d7e1; }

.themes-thanks-modal {
  width: 300px;
  padding: 1.5em;
  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__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 {
  -webkit-transition: 0.3s box-shadow;
  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__search-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .themes__search-card .search {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0; }
  .themes__search-card .section-nav {
    margin: 0; }
  .themes__search-card .section-nav-tabs .noticon {
    color: #a8bece; }
  .themes__search-card .select-dropdown,
  .themes__search-card .more {
    display: inline-block;
    height: 43px;
    margin-right: 4px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .themes__search-card .more {
    line-height: 18px;
    padding: 11px 14px 11px; }
  .themes__search-card .select-dropdown .select-dropdown__header {
    pointer-events: none; }

.upgrade-nudge.card, .upgrade-nudge.editor-drawer-well__placeholder {
  border-left: 3px solid #f0b849;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
  padding: 12px 16px; }
  .upgrade-nudge.card .upgrade-nudge__title, .upgrade-nudge.editor-drawer-well__placeholder .upgrade-nudge__title {
    font-size: 14px; }
  .upgrade-nudge.card .button, .upgrade-nudge.editor-drawer-well__placeholder .button {
    margin-left: auto; }
  .upgrade-nudge.card.is-no-margin, .upgrade-nudge.is-no-margin.editor-drawer-well__placeholder {
    margin: 0; }

.upgrade-nudge__icon {
  background: #f0b849;
  border-radius: 50%;
  margin-right: 16px;
  color: white;
  padding: 6px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.upgrade-nudge.button {
  margin-bottom: 16px;
  text-align: left;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  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: #87a6bc;
  font-size: 12px;
  display: block; }

.cart-summary-bar {
  padding: 0 15px;
  background-color: #2e4453;
  color: white;
  font-size: 12px; }
  .cart-summary-bar:before {
    font-size: 18px;
    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: inline-block;
    padding-right: 10px;
    margin: -3px 0 0 0;
    vertical-align: middle; }

.cart-header {
  height: 38px;
  line-height: 38px; }

.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 .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;
      position: absolute;
      right: 0;
      top: 0; }
  .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; }
    .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; }

.cart-buttons .button {
  width: 100%;
  margin-bottom: 10px; }
  .cart-buttons .button:last-of-type {
    margin-bottom: 0; }

.cart-toggle-button {
  display: -webkit-box;
  display: -webkit-flex;
  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; }

.popover-cart__count-badge {
  background: #00aadc;
  border-radius: 16px;
  color: white;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 11px;
  height: 16px;
  padding: 0 5px;
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: center; }

div.popover-cart__popover {
  width: 330px; }
  div.popover-cart__popover .tip-arrow {
    margin-left: 8px !important; }
  div.popover-cart__popover .tip-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; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -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;
    -webkit-flex-basis: 100%;
        -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 .payment-box {
    height: 0;
    margin-bottom: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transform: translateZ(0) scale(0.8);
            transform: translateZ(0) scale(0.8);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%; }
    @media (max-width: 660px) {
      .checkout .payment-box:not(.domain-details) {
        background-color: transparent;
        box-shadow: none; } }
    .checkout .payment-box.selected {
      height: auto;
      opacity: 1;
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
      visibility: visible; }
    .checkout .payment-box.is-empty .payment-box-section {
      border: 1px solid #e9eff3;
      margin: 5px 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      background-color: white;
      padding: 10px; }
    .checkout .payment-box.is-empty .placeholder, .checkout .payment-box.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 .payment-box.is-empty .payment-box__title {
      height: 22px;
      width: 130px; }
      .checkout .payment-box.is-empty .payment-box__title :after {
        content: ''; }
    .checkout .payment-box.is-empty .payment-box__header {
      height: 16px;
      width: 170px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 170px;
          -ms-flex: 0 0 170px;
              flex: 0 0 170px; }
    .checkout .payment-box.is-empty .placeholder-row {
      height: 40px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-bottom: 15px; }
    .checkout .payment-box.is-empty .placeholder-col-narrow {
      height: 40px;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin-bottom: 15px; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-col-narrow {
          -webkit-box-flex: 2;
          -webkit-flex: 2 1 auto;
              -ms-flex: 2 1 auto;
                  flex: 2 1 auto; } }
    .checkout .payment-box.is-empty .placeholder-inline-pad {
      padding-right: 15px; }
    @media (min-width: 481px) {
      .checkout .payment-box.is-empty .placeholder-inline-pad-only-wide {
        padding-right: 15px; } }
    .checkout .payment-box.is-empty .placeholder-col-wide {
      height: 40px;
      margin-bottom: 15px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-col-wide {
          -webkit-box-flex: 6;
          -webkit-flex: 6 3 auto;
              -ms-flex: 6 3 auto;
                  flex: 6 3 auto; } }
    .checkout .payment-box.is-empty .placeholder-button {
      height: 50px;
      width: 100%; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-button {
          width: 80px;
          height: 40px; } }
    .checkout .payment-box.is-empty .placeholder-button-container {
      margin-top: 55px; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-button-container {
          margin-top: 20px; } }
    .checkout .payment-box.is-empty .payment-box-hr {
      margin: 40px 0 20px 0;
      width: 100%;
      height: 0;
      border-bottom: 1px solid #e9eff3; }
      @media (max-width: 480px) {
        .checkout .payment-box.is-empty .payment-box-hr {
          display: none; } }
  .checkout .payment-box__content {
    min-height: 140px;
    margin-top: 10px; }
  .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 .box-padding {
    padding: 16px 8px; }
    @media (min-width: 661px) {
      .checkout .box-padding {
        padding: 30px 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;
        clear: both;
        visibility: hidden; } }
  @media (max-width: 660px) {
    .checkout button[type=submit].button-pay {
      width: 100%; }
      #wpcom .checkout button[type=submit].button-pay {
        min-height: 50px; } }
  @media (min-width: 661px) {
    .checkout button[type=submit].button-pay {
      clear: both;
      float: left; } }
  .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; }
  .checkout .checkout-terms {
    color: #668eaa;
    margin: 16px 0;
    padding: 0;
    text-align: center; }
    @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; } }
  @media (min-width: 661px) {
    .checkout .payment-box-actions {
      margin: 20px -30px 0px -30px;
      padding: 20px 30px 0 30px;
      border-top: 1px solid #e9eff3; }
      .checkout .payment-box-actions:after {
        content: ".";
        display: block;
        height: 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;
    -webkit-transition: all 0.5s ease-in-out;
    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;
    padding-bottom: 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 .new-card-header {
    color: #00aadc;
    font-weight: 400; }
  .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 .paypal-payment-box .payment-box-section,
  .checkout .credits-payment-box .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 .credits-payment-box .payment-box-section {
        border: 1px solid #e9eff3;
        box-shadow: none; } }
  .checkout .paypal-payment-box .payment-box-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -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 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .checkout .paypal-payment-box .country label {
      display: none; }
  .checkout .paypal-payment-box .postal-code {
    -webkit-flex-basis: 8em;
        -ms-flex-preferred-size: 8em;
            flex-basis: 8em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -webkit-flex-shrink: 0;
        -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; }
    .checkout .credits-payment-box .payment-box-section::before {
      color: #00aadc;
      left: 10px;
      position: absolute;
      top: 15px;
      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; }
    .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;
      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 .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 .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: -webkit-flex;
        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;
    -webkit-transition: all 0.3s ease-in-out;
    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: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -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%; }

.privacy-protection-dialog.dialog.card, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder {
  max-height: 95%;
  overflow-y: auto; }
  .privacy-protection-dialog.dialog.card .dialog__content header, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header {
    text-align: center; }
    .privacy-protection-dialog.dialog.card .dialog__content header h1, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header h1 {
      font-size: 30px;
      font-weight: 200;
      line-height: 130%;
      height: auto; }
    .privacy-protection-dialog.dialog.card .dialog__content header p, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header p {
      font-size: 13px; }
    @media (min-width: 661px) {
      .privacy-protection-dialog.dialog.card .dialog__content header .line-break, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header .line-break {
        display: block; } }
  .privacy-protection-dialog.dialog.card .privacy-features, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features {
    border-bottom: 1px solid #f3f6f8;
    border-top: 1px solid #f3f6f8;
    list-style: none;
    margin: 20px 0;
    padding: 5px 0; }
    .privacy-protection-dialog.dialog.card .privacy-features li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features li {
      padding: 5px 10px;
      text-align: center; }
      @media (min-width: 661px) {
        .privacy-protection-dialog.dialog.card .privacy-features li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features li {
          display: inline-block;
          padding: 5px 30px; } }
    .privacy-protection-dialog.dialog.card .privacy-features h2, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features h2 {
      font-size: 14px;
      font-weight: 600; }
      .privacy-protection-dialog.dialog.card .privacy-features h2:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features h2:before {
        font-size: 28px;
        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: #4ab866;
        vertical-align: middle; }
  .privacy-protection-dialog.dialog.card .privacy-comparison, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0; }
    @media (min-width: 661px) {
      .privacy-protection-dialog.dialog.card .privacy-comparison, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison {
        overflow: auto;
        padding-top: 20px; } }
    .privacy-protection-dialog.dialog.card .privacy-comparison li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li {
      border: 1px solid #e9eff3;
      border-radius: 3px;
      box-sizing: border-box;
      margin: 40px 0 0 0;
      padding: 20px;
      position: relative; }
      @media (min-width: 661px) {
        .privacy-protection-dialog.dialog.card .privacy-comparison li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li {
          float: left;
          margin: 0 2%;
          width: 46%; } }
      .privacy-protection-dialog.dialog.card .privacy-comparison li:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li:before {
        border-radius: 50%;
        color: #FFF;
        display: block;
        height: 25px;
        position: absolute;
        left: -8px;
        top: -8px;
        width: 25px; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li.with-privacy:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li.with-privacy:before {
        font-size: 25px;
        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;
        background: #4ab866; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li.without-privacy:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li.without-privacy:before {
        background: #f0b849;
        content: '!';
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li h3, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li h3 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li .privacy-price, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .privacy-price {
        color: #87a6bc;
        font-size: 13px;
        font-style: italic;
        font-weight: 400;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li .privacy-free-text, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .privacy-free-text {
        color: #4ab866; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li p, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li p {
        background: #f3f6f8;
        font-size: 12px;
        margin: 20px -20px;
        min-height: 126px;
        padding: 20px; }
        .privacy-protection-dialog.dialog.card .privacy-comparison li p span, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li p span {
          display: block;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li .button, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .button {
        width: 100%; }

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

@media (min-width: 661px) {
  .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; }
  @media (max-width: 660px) {
    .credit-card-payment-box__switch-link {
      margin: 20px 0 0 0;
      text-align: center; } }
  @media (min-width: 961px) {
    .credit-card-payment-box__switch-link {
      float: right;
      clear: none; } }

.checkout__domain-details-form-submit-button {
  clear: both; }

.checkout__privacy-protection-checkbox.card, .checkout__privacy-protection-checkbox.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.checkout__privacy-protection-checkbox .gridicon {
  display: none; }
  @media (min-width: 661px) {
    .checkout__privacy-protection-checkbox .gridicon {
      background: #4f748e;
      border-radius: 50%;
      color: white;
      display: block;
      padding: 15px; } }

.checkout__privacy-protection-checkbox__description {
  font-size: 13px;
  padding-left: 16px; }
  @media (min-width: 661px) {
    .checkout__privacy-protection-checkbox__description {
      padding-right: 48px; } }

.checkout__privacy-protection-checkbox-heading {
  font-size: 15px; }

.checkout__privacy-protection-checkbox-text {
  color: #87a6bc;
  font-style: italic;
  margin: 4px 0 0 0; }

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

.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 {
  top: 30%; }

.checkout-thank-you__domain-mapping-details .purchase-detail__text {
  text-align: left; }

.checkout-thank-you__domain-mapping-details-nameservers {
  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 {
  background: #00aadc;
  color: white;
  padding: 48px 24px;
  text-align: center; }
  @media (min-width: 661px) {
    .checkout-thank-you__header {
      padding: 72px 24px; } }

.checkout-thank-you__header-content {
  margin: 0 auto;
  max-width: 700px; }
  @media (min-width: 661px) {
    .checkout-thank-you__header-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      text-align: left; } }

.checkout-thank-you__header-icon {
  display: block;
  margin: 0 auto;
  position: relative; }
  @media (min-width: 661px) {
    .checkout-thank-you__header-icon {
      height: 132px;
      margin-right: 32px;
      width: 132px; } }
  .checkout-thank-you__header-icon .gridicon {
    background: white;
    border-radius: 50%;
    color: #4f748e;
    height: 48px;
    padding: 21px;
    width: 48px; }
    @media (min-width: 661px) {
      .checkout-thank-you__header-icon .gridicon {
        height: 72px;
        padding: 30px;
        width: 72px; } }

.checkout-thank-you__header-copy {
  width: 100%; }

.checkout-thank-you__header-heading,
.checkout-thank-you__header-text {
  clear: none; }

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

.google-voucher-code {
  margin-top: 12px;
  padding-bottom: 12px;
  border-bottom: solid 1px #f3f6f8; }
  .google-voucher-code p.form-setting-explanation {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 16px;
    margin-top: 0px; }
  @media (min-width: 661px) {
    .google-voucher-code {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; } }

.google-voucher-code__help-link {
  color: #00aadc;
  text-decoration: underline; }

.google-voucher-advice {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%; }

.button.google-voucher-code__setup-google-adwords:not(.is-compact) {
  margin-top: 10px; }
  @media (min-width: 661px) {
    .button.google-voucher-code__setup-google-adwords:not(.is-compact) {
      width: 190px;
      text-align: center; } }

.dialog.card.google-voucher-dialog, .dialog.google-voucher-dialog.editor-drawer-well__placeholder {
  max-width: 530px;
  font-size: 13px;
  overflow: hidden; }
  .dialog.card.google-voucher-dialog ol, .dialog.google-voucher-dialog.editor-drawer-well__placeholder ol {
    list-style-position: inside;
    margin: 0; }
    @media (min-width: 661px) {
      .dialog.card.google-voucher-dialog ol, .dialog.google-voucher-dialog.editor-drawer-well__placeholder ol {
        list-style-position: outside;
        margin: 0 3em 1.5em; } }

.google-voucher-dialog__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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;
  -webkit-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-voucher-dialog__footer .button {
    width: 100px; }

.google-vouchers-dialog__cancel-button {
  margin-right: 10px; }

li.google-voucher__terms-and-conditions {
  line-height: 1.6em;
  color: #a8bece;
  margin-bottom: 15px; }

.domain-warnings__unverified-domains li {
  font-size: 12px;
  list-style: none;
  margin-left: 0; }

.transfer__remove-privacy-dialog {
  max-width: 480px; }

.transfer__section-header {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .transfer__section-header button {
    margin-left: 10px; }
    .transfer__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-card p:last-child {
    margin-bottom: 0; }

.transfer__small-text {
  font-size: 12px; }

.resume-editing {
  margin: 0 16px;
  opacity: 0.8;
  text-align: right;
  text-decoration: none;
  -webkit-transition: opacity 150ms;
  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: Merriweather, 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: -webkit-linear-gradient(left, rgba(0, 135, 190, 0), #0087be 90%);
    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;
    -webkit-transition: opacity .3s ease .15s;
    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;
    -webkit-transition: opacity .3s ease .15s;
    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-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-item-link .module-content-list-item-wrapper:hover .module-content-list-item-right::before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }
  .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-action-hidden {
    display: inline-block; } }

.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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%);
  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 .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; }
    .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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
    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;
    -webkit-transition: .2s transform ease-out;
    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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%);
    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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
      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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%);
  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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
    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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @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;
      -webkit-flex-direction: column;
          -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;
          -webkit-order: 1;
              -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;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }

.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: Merriweather, 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: #87a6bc;
  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: #87a6bc;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0; }

.domain-management-primary-domain .primary-domain-notice {
  background: #e9eff3;
  font-size: 13px;
  color: #000; }
  .domain-management-primary-domain .primary-domain-notice::before {
    line-height: 1.5em; }

.contacts-privacy-card .settings-explanation {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  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; }

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

.domain-details-card__subscription-settings-button {
  margin-top: 15px;
  text-decoration: none;
  text-align: center;
  width: 100%; }
  @media (min-width: 661px) {
    .domain-details-card__subscription-settings-button {
      text-align: inherit;
      width: inherit; } }

.domain-management__add-a-domain {
  text-align: center; }
  .domain-management__add-a-domain a {
    color: #87a6bc;
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 20px 0;
    text-transform: uppercase; }

.edit-contact-info-privacy-enabled-card__settings-explanation {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0; }

.edit-contact-info-form-card__form-content {
  margin-bottom: 20px;
  overflow: auto; }
  .edit-contact-info-form-card__form-content .edit-contact-info-field {
    margin-top: 15px;
    position: relative; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field input[type=text] {
      margin: 0; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field select {
      width: 100%; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field input[disabled], .edit-contact-info-form-card__form-content .edit-contact-info-field select[disabled] {
      cursor: not-allowed; }
  .edit-contact-info-form-card__form-content .first-name {
    margin-top: 0; }
  @media (min-width: 661px) {
    .edit-contact-info-form-card__form-content .last-name {
      margin-top: 0; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field {
      float: left;
      width: 100%; }
    .edit-contact-info-form-card__form-content .last-name,
    .edit-contact-info-form-card__form-content .phone,
    .edit-contact-info-form-card__form-content .postal-code {
      float: right; }
    .edit-contact-info-form-card__form-content .email,
    .edit-contact-info-form-card__form-content .first-name,
    .edit-contact-info-form-card__form-content .last-name,
    .edit-contact-info-form-card__form-content .phone {
      width: calc( 50% - 7px); }
    .edit-contact-info-form-card__form-content .city,
    .edit-contact-info-form-card__form-content .postal-code,
    .edit-contact-info-form-card__form-content .state {
      width: calc( 33% - 8px); }
    .edit-contact-info-form-card__form-content .state {
      margin-left: 14px; } }

.add-google-apps-card.card, .add-google-apps-card.editor-drawer-well__placeholder {
  padding: 0; }

.add-google-apps-card__product-details {
  background: #f3f6f8;
  clear: both;
  overflow: auto;
  padding: 16px; }
  @media (min-width: 661px) {
    .add-google-apps-card__product-details {
      padding: 24px; } }
  .add-google-apps-card__product-details .button {
    display: block;
    margin: 20px 0 5px 0; }
    @media (max-width: 660px) {
      .add-google-apps-card__product-details .button {
        text-align: center;
        width: 100%; } }
    @media (min-width: 661px) {
      .add-google-apps-card__product-details .button {
        display: none; } }

.add-google-apps-card__description {
  box-sizing: border-box; }
  @media (min-width: 661px) {
    .add-google-apps-card__description {
      float: left;
      margin-right: 5%;
      width: 60%; } }
  .add-google-apps-card__description p {
    clear: left;
    color: #87a6bc;
    font-size: 12px;
    margin: 0; }
    @media (min-width: 661px) {
      .add-google-apps-card__description p a {
        display: block; } }

.add-google-apps-card__features {
  box-sizing: border-box; }
  @media (min-width: 661px) {
    .add-google-apps-card__features {
      float: left;
      width: 35%; } }
  @media (max-width: 660px) {
    .add-google-apps-card__features {
      margin-top: 20px; } }

.add-google-apps-card__header {
  border-bottom: 2px solid #c8d7e1;
  overflow: auto;
  padding: 16px;
  position: relative; }
  @media (min-width: 661px) {
    .add-google-apps-card__header {
      padding: 24px 24px 20px; } }
  @media (min-width: 661px) {
    .add-google-apps-card__header .button {
      position: absolute;
      top: 30px;
      right: 24px; } }
  @media (max-width: 660px) {
    .add-google-apps-card__header .button {
      display: none; } }

.add-google-apps-card__product-logo {
  margin: -5px 0; }
  @media (max-width: 660px) {
    .add-google-apps-card__product-logo {
      width: 236px; } }
  @media (min-width: 661px) {
    .add-google-apps-card__product-logo {
      float: left;
      margin: -10px 0 0 0; } }
  .add-google-apps-card__product-logo strong {
    background: url("/calypso/images/upgrades/google-apps-logo.png") no-repeat left center;
    background-size: 80px;
    display: inline-block;
    height: 40px;
    margin: -1px 6px 0 0;
    text-indent: -999999px;
    vertical-align: text-top;
    width: 80px; }
  .add-google-apps-card__product-logo span {
    color: #888;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    top: 10px; }

.add-google-apps-card__price {
  clear: both;
  margin: 0; }
  .add-google-apps-card__price .add-google-apps-card__price-per-user {
    display: inline-block;
    font-style: italic; }
    .add-google-apps-card__price .add-google-apps-card__price-per-user strong {
      color: #58819e;
      font-size: 15px;
      font-weight: 600; }
    .add-google-apps-card__price .add-google-apps-card__price-per-user span {
      color: #87a6bc;
      font-size: 12px;
      font-weight: normal; }
  .add-google-apps-card__price .add-google-apps-card__price-separator {
    color: #87a6bc;
    font-size: 12px; }
  .add-google-apps-card__price .add-google-apps-card__billing-period {
    color: #a8bece;
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    text-transform: uppercase; }

.add-google-apps-card__title {
  color: #2e4453;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin: 0 0 10px 0; }

.add-google-apps-card__file-storage,
.add-google-apps-card__professional-email {
  color: #668eaa;
  font-size: 12px;
  line-height: 130%;
  margin: 9px 0; }
  .add-google-apps-card__file-storage:first-child,
  .add-google-apps-card__professional-email:first-child {
    margin-top: 5px; }
  .add-google-apps-card__file-storage:last-child,
  .add-google-apps-card__professional-email:last-child {
    margin-bottom: 0; }
  .add-google-apps-card__file-storage .noticon,
  .add-google-apps-card__professional-email .noticon {
    color: #4ab866;
    margin-right: 5px; }

.dns__details,
.custom-nameservers-form__explanation,
.email-forwarding__explanation,
.site-redirect__explanation {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  color: #87a6bc; }

.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 .form-content,
.email-forwarding__add-new .email-forwarding__limit,
.email-forwarding__add-new .form-content {
  border-top: 1px solid #f3f6f8;
  overflow: visible;
  padding-top: 20px; }

.dns__add-new .is-hidden,
.email-forwarding__add-new .is-hidden {
  display: none; }

.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: #58819e;
        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, .privacy-protection-card.editor-drawer-well__placeholder {
  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: Merriweather, 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: #58819e;
      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;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  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;
      -webkit-flex-direction: row;
          -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: #87a6bc;
  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.is-placeholder .name-servers__dns .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; }
  .name-servers.is-placeholder .name-servers__dns .name-servers__title:after {
    content: '\00a0'; }

.name-servers.is-placeholder .name-servers__dns .name-servers__toggle {
  display: none; }

.name-servers.is-placeholder .name-servers__dns .name-servers__explanation,
.name-servers.is-placeholder .name-servers__dns .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; }
  .name-servers.is-placeholder .name-servers__dns .name-servers__explanation:after,
  .name-servers.is-placeholder .name-servers__dns .name-servers__explanation a:after {
    content: '\00a0'; }

.name-servers.is-placeholder .vertical-nav-item .noticon {
  display: none; }

.name-servers.is-placeholder .vertical-nav-item span:nth-of-type(2) {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .name-servers.is-placeholder .vertical-nav-item span:nth-of-type(2):after {
    content: '\00a0'; }

.dns__list > ul {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0; }
  .dns__list > ul li {
    border-top: 1px solid #f3f6f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: auto;
    padding: 10px 0;
    position: relative; }
    .dns__list > ul li em {
      color: #87a6bc;
      display: block;
      font-size: 11px; }
    .dns__list > ul 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 {
      color: #58819e;
      font-weight: normal; }
    .dns__list > ul li.is-disabled {
      opacity: 0.2;
      cursor: not-allowed; }
  .dns__list > ul .dns__list-type {
    min-width: 60px; }
  .dns__list > ul .dns__list-info {
    width: 100%;
    word-break: break-all; }
  .dns__list > ul .dns__list-remove {
    text-align: right;
    width: 100px; }

.dns__add-new fieldset label + select,
.dns__add-new fieldset label + textarea {
  width: 100%; }

.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.card, .google-apps-users-card.editor-drawer-well__placeholder {
  padding: 0; }
  .google-apps-users-card.card:after, .google-apps-users-card.editor-drawer-well__placeholder:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

@media (max-width: 480px) {
  .google-apps-users-card__add-user-button {
    width: 100%; } }

@media (min-width: 481px) {
  .google-apps-users-card__add-user-button {
    float: right; } }

.google-apps-users-card__subtext {
  font-size: 13px;
  margin: 5px 0;
  font-style: italic;
  font-weight: 400;
  color: #87a6bc; }

.google-apps-users-card__notice.notice {
  font-size: 13px;
  margin: 10px 0;
  -webkit-animation: none;
          animation: none; }

.google-apps-users-card__user-list {
  list-style: none;
  margin: 0; }
  .google-apps-users-card__user-list li {
    border-top: 1px solid #f3f6f8;
    padding: 20px 24px; }
    .google-apps-users-card__user-list li:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    .google-apps-users-card__user-list li:first-of-type {
      border-top: none; }
    .google-apps-users-card__user-list li:last-of-type {
      border-bottom: 1px solid #f3f6f8; }

.google-apps-user-item__email {
  float: left; }

.google-apps-user-item__manage-link {
  float: right;
  font-size: 13px; }

.icann-verification .button {
  margin-bottom: 15px; }
  @media (max-width: 480px) {
    .icann-verification .button {
      width: 100%; } }

.icann-verification__explanation {
  margin-bottom: 15px; }

.domain-details-card .icann-verification {
  margin-top: 16px; }

.is-group-editor::before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  pointer-events: none;
  z-index: -1; }

.is-group-editor .layout__content {
  padding: 0; }

.post-editor__inner {
  position: relative; }

.post-editor__content {
  position: relative;
  margin: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000; }
  @media (min-width: 661px) {
    .post-editor__content {
      -webkit-backface-visibility: visible;
              backface-visibility: visible;
      -webkit-perspective: none;
              perspective: none; } }

@media (min-width: 661px) {
  .post-editor__content {
    margin-left: 229px; } }

@media (min-width: 961px) {
  .post-editor__content {
    margin-left: 273px; } }

.editor__header,
.editor .mce-container-body,
.editor .tinymce {
  max-width: 100%;
  margin: 0 auto; }
  @media (min-width: 961px) {
    .editor__header,
    .editor .mce-container-body,
    .editor .tinymce {
      width: 700px; } }

.editor__header,
.editor .mce-edit-area {
  padding: 0 16px; }
  @media (min-width: 1041px) {
    .editor__header,
    .editor .mce-edit-area {
      padding: 0; } }

.post-editor .drafts-button {
  padding: 3px 8px; }

.post-editor .draft .post-relative-time-status {
  display: none; }

.post-editor__notice {
  margin: -24px 0 24px; }
  @media (min-width: 481px) {
    .post-editor__notice {
      margin-bottom: 24px; } }
  .post-editor__notice .notice__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; }
    .post-editor__notice .notice__text a {
      text-decoration: underline;
      background-image: none; }

.editor {
  position: relative; }

.editor .tinymce {
  min-height: 100vh;
  resize: none;
  border-width: 0;
  padding: 32px 11px;
  /* Inherited from TinyMCE iframe body */
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px; }
  @media (max-width: 480px) {
    .editor .tinymce {
      padding: 24px 27px;
      /* 27px = 16px + the 11px padding on Visual mode */ } }
  .editor .tinymce:focus {
    border-color: #c8d7e1;
    box-shadow: none; }

.editor__header {
  position: relative;
  padding-bottom: 27px; }

.editor__switch-mode {
  position: absolute;
  right: 16px;
  width: 160px;
  z-index: 1; }
  .focus-sidebar .editor__switch-mode {
    z-index: auto; }
    @media (min-width: 661px) {
      .focus-sidebar .editor__switch-mode {
        z-index: 1; } }
  @media (min-width: 961px) {
    .editor__switch-mode {
      right: 32px; } }
  @media (min-width: 1041px) {
    .editor__switch-mode {
      right: 0; } }

.editor__switch-mode .segmented-control__item:first-of-type .segmented-control__link {
  border-bottom-left-radius: 0; }

.editor__switch-mode .segmented-control__item:last-of-type .segmented-control__link {
  border-right-color: #c8d7e1;
  border-bottom-right-radius: 0; }

.editor__switch-mode .segmented-control__item.is-selected + .segmented-control__item .segmented-control__link {
  border-left-color: #c8d7e1; }

.editor__switch-mode .segmented-control__link {
  background: #f3f6f8;
  border-color: #c8d7e1; }

.editor__switch-mode .segmented-control__item.is-selected .segmented-control__link {
  border-color: #c8d7e1;
  border-bottom-color: white;
  background-color: white; }

.editor__header-divider {
  background-color: #d9e3ea;
  max-width: 700px;
  margin: 0 auto; }
  .editor__header-divider ~ .mce-tinymce {
    margin-top: -1px; }

.post-editor .drafts__list + .infinite-scroll-end::after {
  background-color: #e9eff3; }

.post-editor .draft {
  padding: 16px; }

.editor .editor-featured-image {
  display: none;
  border-bottom: 1px solid #c8d7e1;
  border-top: 1px solid #c8d7e1;
  box-shadow: inset 0 0 2px 2px rgba(168, 190, 206, 0.1);
  background: rgba(233, 239, 243, 0.3);
  overflow: hidden; }
  .editor .editor-featured-image.is-assigned {
    display: block;
    margin: -24px 0 24px; }
  .editor .editor-featured-image img {
    margin: 0 auto;
    max-height: 400px; }

.post-editor__confirmation-dialog.is-narrow {
  max-width: 100%;
  border-radius: 0; }
  @media (min-width: 661px) {
    .post-editor__confirmation-dialog.is-narrow {
      max-width: 550px;
      border-radius: 3px; } }

.post-editor__confirmation-dialog-heading {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 4px 0; }

.post-editor__confirmation-dialog-heading.is-variable-height {
  height: auto; }

.post-editor__confirmation-dialog-email,
.post-editor__confirmation-dialog-explanation,
.post-editor__confirmation-dialog-reasoning {
  color: #3d596d;
  margin: 0 0 8px 0; }

.post-editor__confirmation-dialog-email {
  margin-bottom: 16px;
  color: #668eaa; }

.post-editor__confirmation-dialog-email-wrapper {
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px; }

.post-editor__confirmation-dialog-reasoning {
  color: #668eaa;
  font-size: 14px;
  margin-bottom: 24px; }

.post-editor__confirmation-dialog-spinner {
  display: inline-block;
  vertical-align: -25%; }

.drafts-button.button.is-borderless {
  line-height: 22px;
  white-space: nowrap; }
  .drafts-button.button.is-borderless[disabled], .editor-drawer-well__placeholder[disabled] .drafts-button.is-borderless.editor-drawer-well__button, .drafts-button.button.is-borderless:disabled {
    cursor: not-allowed;
    color: #a8bece; }
  .drafts-button.button.is-borderless:hover .count {
    border-color: #2e4453;
    color: #2e4453; }
  .drafts-button.button.is-borderless .count {
    margin-left: 4px; }

.edit-post-status__sticky,
.edit-post-status__pending-review {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .edit-post-status__sticky .gridicon,
  .edit-post-status__pending-review .gridicon {
    margin-left: 4px;
    vertical-align: middle; }

.edit-post-status__pending-review {
  margin-top: 8px; }

.edit-post-status__label-text {
  color: #668eaa;
  font-size: 13px;
  line-height: 1.7; }

.edit-post-status .select-dropdown__container {
  display: block; }

.edit-post-status__revert-to-draft {
  display: block;
  margin: 16px 0 0;
  width: 100%; }

.edit-post-status__full-date {
  color: #668eaa;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 12px;
  padding-right: 5px;
  cursor: pointer; }
  .edit-post-status__full-date .gridicon {
    color: #87a6bc;
    margin-left: -2px;
    margin-right: 8px;
    vertical-align: bottom; }
  .edit-post-status__full-date:hover, .edit-post-status__full-date:focus {
    color: #2e4453; }
    .edit-post-status__full-date:hover .gridicon, .edit-post-status__full-date:focus .gridicon {
      color: #2e4453; }

.edit-post-status__future-label {
  background: #00aadc;
  border-radius: 2px;
  color: white;
  display: inline-block;
  font-size: 10px;
  margin: -3px 4px 0 0;
  overflow: hidden;
  padding: 2px 6px 2px 6px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: pre;
  text-transform: uppercase; }

.edit-post-status__post-schedule {
  box-sizing: border-box;
  display: block;
  padding: 0 16px;
  width: 237px; }

.editor-action-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 24px;
  padding: 12px 12px 8px; }
  @media (max-width: 660px) {
    .editor-action-bar {
      margin-bottom: 16px; } }

.editor-action-bar__first-group {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  -webkit-flex: 1 0;
      -ms-flex: 1 0;
          flex: 1 0; }

.editor-action-bar__last-group {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  -webkit-flex: 1 0;
      -ms-flex: 1 0;
          flex: 1 0;
  text-align: right; }

.editor-action-bar .button {
  color: #c8d7e1;
  margin-left: 12px;
  -webkit-transition: color 200ms;
  transition: color 200ms;
  padding: 0; }
  .editor-action-bar .button:hover, .editor-action-bar .button:focus {
    color: #668eaa; }

.editor-author.is-placeholder .editor-author__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; }

.editor-author .gravatar {
  vertical-align: middle; }

.editor-author__name {
  color: #668eaa;
  font-size: 13px;
  margin: 0 8px; }

@media (max-width: 480px) {
  .editor-author {
    font-size: 11px;
    padding-top: 4px;
    padding-left: 6px; }
  .editor-author .gravatar {
    width: 16px; } }

.editor-categories {
  border: 1px solid #c8d7e1;
  border-bottom: 0;
  height: 186px;
  padding: 8px;
  overflow: hidden;
  overflow-y: auto;
  margin: 0; }
  .editor-categories.no-add-button {
    border-bottom: 1px solid #c8d7e1; }
  .editor-categories.is-compact {
    border: none;
    height: auto;
    padding: 0;
    overflow: visible; }

.editor-categories .category-selector__search {
  position: relative;
  margin: -9px -9px 4px; }

.editor-delete-post.button:hover {
  color: #d54e21; }

.editor-delete-post.button.is-trashing {
  color: #d54e21;
  -webkit-animation: loading-dot-pulse 0.8s ease-in-out infinite;
          animation: loading-dot-pulse 0.8s ease-in-out infinite; }

.editor-comment_status__info {
  margin-left: 4px;
  color: #87a6bc; }
  .editor-comment_status__info .gridicon {
    vertical-align: top;
    margin-top: 2px; }

.editor-drawer {
  padding-bottom: 16px; }

.editor-drawer__description, .editor-sharing__publicize-message .editor-sharing__message-description {
  color: #87a6bc;
  font-size: 12px; }

.editor-drawer .accordion__toggle {
  background: #e9eff3; }

.editor-drawer .accordion:not(.is-expanded) .accordion__toggle:hover {
  background: #f3f6f8; }

.editor-drawer .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: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
  background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.editor-drawer .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: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
  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-drawer__accordion.is-loading .accordion__subtitle {
  position: relative;
  color: transparent; }
  .editor-drawer__accordion.is-loading .accordion__subtitle::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 60%;
    background-color: #c8d7e1;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.editor-drawer__label:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.editor-drawer__label-text {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
  text-transform: uppercase; }

.editor-drawer__label-text .info-popover {
  float: right; }

.editor-drawer__heading, .editor-sharing__publicize-message .editor-sharing__message-heading {
  font-weight: 600;
  margin-bottom: 4px; }

.editor-drawer .form-textarea {
  font-size: 13px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  resize: vertical;
  -webkit-appearance: none; }

.editor-drawer .editor-delete-post::before {
  content: '';
  border-top: 1px solid #e9eff3;
  display: block;
  margin-top: -16px;
  position: absolute;
  left: 0;
  right: 0; }

.editor-drawer-well {
  position: relative; }

.editor-drawer-well.is-empty .editor-drawer-well__content {
  display: none; }

.editor-drawer-well__placeholder {
  display: block;
  width: 100%;
  padding: 24px;
  margin: 0;
  background: #e9eff3;
  cursor: pointer; }
  .editor-drawer-well__placeholder:hover {
    border-color: #a8bece;
    color: #2e4453; }

.editor-drawer-well__placeholder .gridicon {
  color: #87a6bc;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 8px; }

.editor-drawer-well__button {
  display: block;
  width: 100%; }

.editor-drawer-well__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;
  cursor: pointer; }

.editor-drawer-well__remove .editor-drawer-well__remove-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; }

.editor-featured-image {
  width: 100%;
  padding: 0;
  text-align: center;
  line-height: 0; }

.editor-featured-image__current-image {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 100%; }
  .button.is-borderless .editor-featured-image__current-image .editor-featured-image__edit-icon {
    position: absolute;
    top: auto;
    bottom: 8px;
    right: 8px;
    color: white;
    opacity: 0.9; }
  .button.is-borderless .editor-featured-image__current-image:hover .editor-featured-image__edit-icon {
    opacity: 1; }

.editor-featured-image__preview.is-transient::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 10; }

.editor-featured-image__preview .spinner {
  display: none; }

.editor-featured-image__preview.is-transient .spinner {
  display: block; }

.editor-featured-image__preview .spinner,
.editor-featured-image .editor-drawer-well__remove {
  z-index: 20; }

.editor-featured-image__preview .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.editor-featured-image__preview .image-preloader {
  overflow: hidden; }

.editor-featured-image__preview .spinner-line {
  width: 100vw;
  margin: 0; }

.editor-featured-image__preview.has-assigned-height ~ .editor-featured-image__edit-icon {
  display: none; }

.editor-featured-image__preview.has-assigned-height .spinner-line {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.editor-featured-image__preview .spinner__border {
  fill: transparent; }

.editor-featured-image__preview-image {
  display: block; }

.editor-fieldset {
  margin: 20px 0; }
  .editor-fieldset:first-child {
    margin-top: 0; }
  .editor-fieldset:last-child {
    margin-bottom: 0; }

.editor-fieldset__legend,
.editor-fieldset__option {
  margin: 4px 0; }

.editor-fieldset__legend {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  text-transform: uppercase; }

.editor-forbidden {
  max-width: 400px; }

.editor-ground-control {
  padding: 16px;
  margin-bottom: 0;
  -webkit-transition: 0.3s box-shadow;
  transition: 0.3s box-shadow; }

.editor-ground-control .site {
  margin: -16px;
  margin-bottom: 0; }

.editor-ground-control__separator {
  margin: 0 -16px;
  background: #e9eff3; }

.editor-ground-control__status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 16px 0; }

.editor-ground-control__action-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -4px -8px; }

.editor-ground-control__preview-button {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px 8px; }

.editor-ground-control__publish-combo {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 4px 8px; }

.editor-ground-control__publish-button {
  border-radius: 4px 0 0 4px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.editor-ground-control__time-button {
  border-radius: 0 4px 4px 0;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -1px; }

.editor-ground-control__save.button.is-link,
.editor-ground-control__saving {
  font-size: 11px;
  font-weight: 600;
  height: 15px;
  text-decoration: underline;
  text-transform: uppercase; }

.editor-ground-control__saving {
  color: #4ab866;
  line-height: 1.8;
  text-decoration: none; }

.editor-ground-control__schedule-post {
  box-sizing: border-box;
  display: block;
  padding: 0 16px;
  width: 237px; }

.editor-ground-control .edit-post-status {
  border-top: 1px solid #e9eff3;
  border-bottom: 1px solid #e9eff3;
  margin: 0 -16px 16px;
  padding: 16px; }

.editor-ground-control__view-site-tooltip {
  font-size: 12px; }

.editor-ground-control__email-verification-notice {
  font-size: 12px;
  padding: 16px 16px 16px 48px;
  background: white;
  margin: 16px -16px -16px;
  position: relative;
  color: #0087be;
  border-top: 1px solid #c8d7e1;
  cursor: pointer;
  fill: #0087be; }
  .editor-ground-control__email-verification-notice::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: white;
    position: absolute;
    top: -6px;
    left: 50%;
    -webkit-transform: translate(-50%) rotate(45deg);
            transform: translate(-50%) rotate(45deg);
    border-top: 1px solid #c8d7e1;
    border-left: 1px solid #c8d7e1; }
  .editor-ground-control__email-verification-notice:focus:not(:active)::before {
    box-shadow: -1px -1px 0 1px #78dcfa;
    border-top-color: #87a6bc;
    border-left-color: #87a6bc; }
  .editor-ground-control__email-verification-notice:focus:not(:active) {
    box-shadow: 0 0 0 2px #78dcfa;
    z-index: 1;
    border-top-color: #87a6bc;
    border-bottom: 1px solid #87a6bc;
    margin-bottom: -17px; }
  .editor-ground-control__email-verification-notice:hover {
    color: #00aadc;
    fill: #00aadc; }

.editor-ground-control__email-verification-notice-icon {
  position: absolute;
  left: 16px;
  top: 16px; }

.editor-ground-control__email-verification-notice-more {
  text-decoration: underline; }

.editor-location {
  margin-bottom: 24px; }

.editor-location__map {
  display: block; }

.editor-location__search .search-card {
  margin-bottom: 1px; }

.editor-location__search .search-open__icon {
  width: 40px; }

.editor-location__search .search,
.editor-location__search .search__input {
  height: 40px; }

.editor-location__search .search__input {
  padding: 0 40px 0 40px; }

.editor-location__search .search-close__icon {
  width: 40px; }

.editor-location__search-results {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  border-bottom: 1px solid #e9eff3; }

.editor-location__search-result {
  padding: 8px;
  margin: 0 -1px;
  cursor: pointer;
  border: 1px solid #e9eff3;
  border-top-width: 0;
  border-bottom-width: 0;
  font-size: 13px; }
  .editor-location__search-result:hover {
    background-color: #00aadc;
    color: white; }

.editor-location__search .spinner {
  left: 20px; }

.editor-mobile-navigation {
  color: #87a6bc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f3f6f8; }
  @media (min-width: 661px) {
    .editor-mobile-navigation {
      display: none; } }

.editor-mobile-navigation__close {
  cursor: pointer;
  margin-right: 4px;
  padding: 8px; }
  .editor-mobile-navigation__close:hover {
    cursor: button;
    fill: #2e4453; }

.editor-mobile-navigation .site .site__title {
  padding: 6px 0; }

.editor-mobile-navigation .site .site__domain {
  display: none; }

.editor-mobile-navigation .site .site__title::after,
.editor-mobile-navigation .site .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: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
  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-mobile-navigation__toggle {
  margin-right: 8px; }

.editor-slug.editor-more-options__slug-field {
  margin: 0; }

.editor-slug.editor-more-options__slug-field .editor-slug__url-path {
  display: none; }

.editor-slug.editor-more-options__slug-field input[type="text"].form-text-input {
  font-size: 13px; }

.editor-page-parent .post-selector {
  margin: 8px 0 0 0; }

.editor-page-parent .post-selector__results {
  height: 186px; }

.editor-page-parent .post-selector.is-compact .post-selector__results {
  height: auto; }

.editor-page-parent__label-text {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  margin-bottom: 4px;
  text-transform: uppercase; }

.editor-page-parent__top-level-label {
  color: #668eaa;
  font-size: 13px;
  line-height: 1.7; }

.editor-page-parent__top-level {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.editor-page-order {
  margin-top: 8px; }

.editor-page-order__label-text {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  margin-bottom: 4px;
  text-transform: uppercase; }

.editor-page-order input[type="text"] {
  font-size: 13px;
  width: 50px; }

.editor-permalink .gridicon {
  fill: #87a6bc;
  cursor: pointer; }

.editor-permalink__popover .tip-inner {
  padding: 12px; }

.editor-permalink__popover .editor-slug,
.editor-permalink__popover .clipboard-button {
  display: inline-block;
  vertical-align: top; }

.editor-permalink__popover .editor-slug {
  position: relative;
  padding-left: 4px;
  text-align: left;
  margin: 0; }
  .editor-permalink__popover .editor-slug:not(.is-focused)::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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }

.editor-permalink__popover .editor-slug .form-text-input {
  border: none;
  color: #668eaa;
  font-size: 13px;
  padding: 4px 0;
  min-width: 100px;
  width: 160px; }
  .editor-permalink__popover .editor-slug .form-text-input:focus {
    box-shadow: none; }

.editor-permalink__url-path {
  color: #a8bece;
  font-size: 13px;
  margin-right: 0; }

.editor-permalink__popover .clipboard-button {
  margin-left: 8px; }

.editor-post-formats {
  list-style: none;
  margin: -4px 0; }

.editor-post-formats__format {
  margin: 8px 0; }

.editor-post-formats__format-label {
  color: #4f748e;
  font-size: 14px;
  position: relative;
  padding-left: 26px;
  cursor: pointer; }

.editor-post-formats__format-icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  fill: #4f748e; }
  .editor-post-formats__format-icon .gridicon {
    margin-top: 3px; }

.editor-post-type {
  color: #a8bece;
  font-size: 11px;
  margin: 5px 0;
  text-align: center;
  text-transform: uppercase; }
  .editor-post-type.is-loading {
    -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-post-type.is-loading:after {
      content: '\00a0'; }

@media (max-width: 480px) {
  .editor-post-type {
    display: none; } }

.editor-post-type-unsupported {
  max-width: 400px; }

.editor-revisions {
  color: #668eaa;
  display: block;
  font-size: 13px;
  margin-bottom: 12px; }
  .editor-revisions:visited {
    color: #668eaa; }
  .editor-revisions:hover, .editor-revisions:focus {
    color: #2e4453;
    outline: none; }
    .editor-revisions:hover .gridicon, .editor-revisions:focus .gridicon {
      color: #2e4453; }
  .editor-revisions .gridicon {
    color: #87a6bc;
    margin-left: -2px;
    margin-right: 8px;
    vertical-align: bottom; }

.editor-seo-accordion .token-field__remove-token {
  display: none; }

.editor-seo-accordion .token-field__token-text {
  border-radius: 4px;
  background-color: #a8bece;
  padding: 0 6px; }

.editor-sharing__publicize-message .editor-sharing__message-description .gridicon {
  margin: 0 4px -1px 0; }

.editor-sharing__publicize-message .editor-sharing__message-input {
  margin: 8px 0; }

.editor-sharing__publicize-message .info-popover {
  float: right; }

.info-popover__tooltip.publicize-message-counter-info .tip-inner {
  max-width: 210px;
  text-align: left; }

.editor-sharing__publicize-options.has-connections, .editor-sharing__publicize-options.has-add-option {
  margin-bottom: 20px; }

.editor-sharing__publicize-options .add-new-button__text {
  padding-right: 4px; }

.editor-sharing__publicize-options .editor-sharing__external-link-indicator {
  color: #87a6bc;
  margin-left: 4px;
  vertical-align: text-top; }

.editor-sharing__add-connection {
  position: relative;
  display: block;
  padding-left: 20px;
  margin-bottom: 16px; }

.editor-sharing__add-connection-icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.editor-sharing__publicize-disabled {
  text-align: center; }
  .editor-sharing__publicize-disabled span {
    display: block; }

.editor-sharing__jetpack-modules-button {
  margin-top: 10px; }

.editor-sharing__publicize-services {
  list-style-type: none;
  margin: 0; }

.editor-sharing__publicize-service {
  margin-bottom: 8px; }

.editor-sharing__publicize-service-heading {
  font-weight: bold; }

.editor-fieldset.editor-sharing__sharing-like-options {
  margin-top: 0; }

.editor-sharing__shortlink {
  border-top: 1px solid #e9eff3;
  color: #87a6bc;
  font-size: 11px;
  margin: 16px -16px 0;
  padding: 8px 16px 0;
  text-align: left;
  text-transform: uppercase; }
  .editor-sharing__shortlink.is-standalone {
    border-top: none;
    margin-top: -16px; }

.editor-sharing__shortlink-label {
  padding: 8px 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

input[type="text"].editor-sharing__shortlink-field {
  background: #e9eff3;
  color: #2e4453;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 12px;
  width: 100%;
  line-height: 1;
  vertical-align: bottom; }

.editor-sharing__publicize-connection {
  display: block;
  padding: 2px 0; }

.editor-sharing__broken-publicize-connection {
  margin: 8px -16px; }

.editor-sharing__broken-publicize-connection-button {
  cursor: pointer;
  color: white;
  font-weight: bold;
  text-decoration: underline; }

.editor-sharing__publicize-message {
  margin-top: 16px; }

.editor-sidebar__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px; }
  @media (min-width: 661px) {
    .editor-sidebar__header {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.editor-sidebar__close.button.is-compact.is-borderless {
  display: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  line-height: 12px;
  padding: 8px;
  white-space: nowrap;
  max-width: 50%; }
  @media (min-width: 661px) {
    .editor-sidebar__close.button.is-compact.is-borderless {
      display: block; } }

.editor-sidebar__toggle-sidebar {
  margin-left: 16px; }
  @media (min-width: 661px) {
    .editor-sidebar__toggle-sidebar {
      display: none; } }

.editor-status-label {
  color: #87a6bc;
  cursor: pointer;
  display: block;
  font-size: 11px;
  line-height: 1.65;
  padding-left: 18px;
  text-align: left;
  text-transform: uppercase; }
  .editor-status-label .gridicon {
    display: inline-block;
    fill: #a8bece;
    position: absolute;
    left: 14px; }
  .editor-status-label strong {
    color: #668eaa;
    display: block; }
  .editor-status-label.is-publish strong {
    display: inline; }
  .editor-status-label.is-pending strong {
    color: #f0b849; }
  .editor-status-label.is-trash strong {
    color: #d54e21; }

.editor-status-label__placeholder {
  padding-left: 0; }

.editor-status-label__full-date {
  color: #668eaa;
  display: block;
  font-size: 13px;
  padding: 8px 16px; }

.editor-status-label__full-date__tooltip {
  color: #a8bece;
  display: block;
  font-size: 11px;
  padding: 2px 10px 2px;
  margin-top: -8px;
  margin-bottom: 6px; }

.editor-slug {
  margin-left: -20px;
  margin-top: -4px; }
  @media (max-width: 480px) {
    .editor-slug {
      margin-left: 0; } }

.editor-slug .gridicon {
  fill: #87a6bc;
  float: left;
  top: 8px;
  margin-right: 8px;
  cursor: pointer; }

.editor-slug .form-text-input {
  border: none;
  color: #668eaa;
  font-size: 13px;
  padding: 4px 0;
  width: 200px; }
  .editor-slug .form-text-input:focus {
    box-shadow: none;
    color: #2e4453; }

.editor-slug__url-path {
  color: #a8bece;
  font-size: 13px;
  margin-right: 0;
  cursor: pointer; }
  @media (max-width: 480px) {
    .editor-slug__url-path {
      word-wrap: break-word; } }

.editor-sticky.button.is-sticky {
  color: #f0821e; }

.editor-sticky__explanation {
  display: block;
  font-size: 11px; }

.editor-title {
  position: relative; }
  .editor-title.is-loading::before {
    content: '';
    position: absolute;
    top: 6px;
    right: 14px;
    bottom: 12px;
    left: 10px;
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite;
    background: #c8d7e1; }
  @media (min-width: 661px) {
    .editor-title {
      margin-left: 52px; } }
  @media (min-width: 1041px) {
    .editor-title {
      margin-left: 0; } }

.editor-title .editor-permalink {
  position: absolute;
  left: -26px;
  top: 18px;
  display: none; }
  @media (min-width: 661px) {
    .editor-title .editor-permalink {
      display: block; } }

.editor-title__input {
  min-height: 0;
  padding-left: 10px;
  /* Intentionally non-standard to align editor body margin (10px) */
  padding-right: 10px;
  border: none;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 28px;
  color: #2e4453;
  font-weight: 600;
  resize: none;
  -ms-overflow-y: hidden !important; }
  .editor-title__input:focus {
    box-shadow: none; }
  @media (min-width: 481px) {
    .editor-title__input {
      font-size: 32px; } }

.editor-title.is-loading .editor-title__input {
  color: transparent; }

.editor-visibility.button.is-dialog-open .editor-visibility__label, .editor-visibility.button.is-touch .editor-visibility__label, .editor-visibility.button:hover .editor-visibility__label {
  color: #668eaa; }

.editor-visibility__dialog {
  text-align: left;
  width: 180px;
  padding: 20px; }
  .editor-visibility__dialog .form-text-input {
    font-size: 13px; }
    .editor-visibility__dialog .form-text-input.is-info-open {
      margin-top: 8px; }
  .editor-visibility__dialog .form-input-validation {
    padding-bottom: 0; }
  .editor-visibility__dialog .form-setting-explanation {
    margin: -4px 0 8px 24px; }
    .editor-visibility__dialog .form-setting-explanation.password {
      margin-bottom: 0; }
  .editor-visibility__dialog .gridicon {
    cursor: pointer;
    vertical-align: bottom;
    margin-left: 4px;
    color: #b8cad7; }
    .editor-visibility__dialog .gridicon:hover {
      color: #2e4453; }
  .editor-visibility__dialog .gridicon.is_active {
    color: #2e4453; }
    .editor-visibility__dialog .gridicon.is_active:hover {
      color: #b8cad7; }

.popover.editor-visibility__popover {
  /* applying a lower z-index to ensure it is layered behind the masterbar */
  z-index: 179; }

.editor-word-count {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.92);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
  color: #a8bece;
  pointer-events: none; }
  @media (min-width: 961px) {
    .editor-word-count {
      padding: 16px; } }

.editor-media-modal {
  padding: 0; }

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

.editor-media-modal .dialog__content {
  position: static;
  color: #2e4453; }

.editor-media-modal .section-nav {
  z-index: 10;
  padding: 0 16px; }
  @media (min-width: 661px) {
    .editor-media-modal .section-nav {
      padding: 0; } }

@media (max-width: 660px) {
  .editor-media-modal .header-cake.card, .editor-media-modal .header-cake.editor-drawer-well__placeholder {
    margin-top: 0;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left; } }

@media (max-width: 660px) {
  .editor-media-modal .header-cake__corner {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -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__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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  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;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      top: 74px;
      overflow-y: visible; } }

.editor-media-modal .media-library__list {
  display: block;
  top: 117px;
  right: 0;
  left: 0;
  padding: 4px 16px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: all; }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__list {
      padding-left: 24px;
      padding-right: 24px;
      overflow-y: auto; } }

.editor-media-modal .notice {
  z-index: 10;
  margin-top: -4px; }

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

.editor-media-modal .media-library__content .empty-content__illustration {
  width: 65vh;
  min-width: 300px;
  max-width: 37.5vw;
  margin: -5% 0; }
  @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: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: 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;
  -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  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, .editor-media-modal-detail .header-cake.editor-drawer-well__placeholder {
  padding-top: 0;
  padding-bottom: 0; }
  @media (max-width: 660px) {
    .editor-media-modal-detail .header-cake.card, .editor-media-modal-detail .header-cake.editor-drawer-well__placeholder {
      margin-bottom: 0; } }

.editor-media-modal-detail .header-cake__title {
  padding: 6px; }

.editor-media-modal-detail .editor-media-modal-detail__title-input {
  width: 100%;
  color: inherit;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-color: transparent;
  outline: none;
  text-align: center; }
  .editor-media-modal-detail .editor-media-modal-detail__title-input[readonly]:hover, .editor-media-modal-detail .editor-media-modal-detail__title-input[readonly]:focus {
    box-shadow: none;
    border-color: transparent; }
  .editor-media-modal-detail .editor-media-modal-detail__title-input:focus {
    text-overflow: clip; }

.editor-media-modal-detail__preview-wrapper {
  -webkit-box-flex: 2;
  -webkit-flex: 2 0 0%;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  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 {
      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.is-image {
  width: auto;
  height: auto; }

.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__edit {
  width: 100%;
  margin-bottom: 16px;
  font-weight: bold; }

.editor-media-modal-detail__sidebar {
  -webkit-box-flex: 2;
  -webkit-flex: 2 0 0%;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  padding: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal-detail__sidebar {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 0%;
          -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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.editor-media-modal-detail__file-info tr {
  display: block;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }

.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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    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.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-image-editor__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0px;
  bottom: 0px;
  background: #151e25; }

.editor-media-modal-image-editor__toolbar {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center; }

.editor-media-modal-image-editor__toolbar-button {
  background: rgba(255, 255, 255, 0);
  border: none;
  color: white;
  margin: 0 10px;
  cursor: pointer; }

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

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

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

.editor-media-modal-image-editor__canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100; }

.editor-media-modal-image-editor__crop {
  position: absolute;
  z-index: 300;
  border: 1px solid #87a6bc;
  cursor: move; }

.editor-media-modal-image-editor__crop-background {
  position: absolute;
  background: #151e25;
  opacity: 0.5;
  z-index: 200; }

.editor-media-modal-image-editor__crop-handle {
  position: absolute;
  width: 8px;
  height: 8px;
  z-index: 400;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 50%;
  border: 2px solid white;
  background: #151e25; }

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

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

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

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

.editor-media-modal-image-editor__buttons-cancel {
  float: left; }

.editor-media-modal-gallery__preview {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 2;
  -webkit-flex: 2 0 0%;
      -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-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 {
  -webkit-flex-basis: 0%;
      -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; }

.editor-media-modal-gallery__sidebar {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0%;
      -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%;
  -webkit-transition: 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9);
  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: -webkit-linear-gradient(left, #d9e3ea, #d9e3ea 40%, transparent 40%, transparent 42%, #c8d7e1 42%);
  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: Merriweather, 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; }

.comments {
  clear: both;
  margin-top: 32px;
  border-top: 1px solid #c8d7e1; }

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

.comments__form {
  position: relative;
  padding: 0 0 0 48px;
  margin-top: 24px; }
  .comments__form .gravatar {
    position: absolute;
    top: 0;
    left: 8px;
    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;
      resize: vertical;
      font-size: 14px;
      font-family: Merriweather, 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%; }
    .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;
    -webkit-transition: all 0.2s ease-in-out;
    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: 32px; }
  .comments__list.is-children {
    margin-left: -2px;
    border-left: 2px solid #a8bece; }
    .comments__list.is-children .comment__author .gravatar {
      left: -15px; }
  .comments__list .comments__form {
    margin-top: 10px; }

.comment {
  padding: 6px 0 0;
  margin: 24px 0 0;
  position: relative; }
  .comment.depth-0, .comment.depth-1, .comment.depth-2 {
    padding-left: 48px; }
    .comment.depth-0 > .comment__author .gravatar, .comment.depth-1 > .comment__author .gravatar, .comment.depth-2 > .comment__author .gravatar {
      left: 8px; }
  .comment.depth-2 .comments__view-replies-btn {
    margin-left: -40px; }
  .comment.is-child {
    background: transparent; }
  .comment.is-error {
    padding: 0; }
    .comment.is-error .notice {
      margin-top: 10px; }

.comment__author {
  font-weight: bold;
  color: #3d596d; }
  .comment__author .gravatar {
    position: absolute;
    top: 1px;
    left: -41px;
    border-radius: 48px; }

.comment__trackbackicon {
  position: absolute;
  top: 1px;
  left: 8px;
  border-radius: 50%;
  background-color: #f3f6f8;
  width: 32px;
  height: 32px; }
  .comment__trackbackicon .gridicon {
    height: 24px;
    fill: #a8bece;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -12px; }

.comment__username {
  font-size: 16px; }
  .comment__username .gridicon {
    height: 16px;
    fill: #a8bece;
    margin-left: 2px;
    position: relative;
    top: 2px; }
  .comment__username:hover .gridicon {
    fill: #33bbe3; }

.comment__timestamp a {
  font-weight: normal;
  font-size: 13px;
  color: #a8bece;
  margin-left: 8px;
  text-decoration: none; }
  .comment__timestamp a:hover {
    color: #33bbe3; }

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

.comment__content {
  padding-top: 4px;
  font-size: 14px;
  line-height: 1.8; }
  .comment__content p {
    color: #3d596d; }
    .comment__content p:last-child {
      margin-bottom: 0; }
  .comment__content blockquote {
    padding: 8px 16px;
    margin: 8px 0 16px;
    border-left: 2px solid #87a6bc;
    color: #3d596d;
    background: #e9eff3; }

.comment__actions {
  list-style: none;
  margin-top: 8px;
  margin-left: -4px;
  color: #87a6bc;
  font-size: 14px; }
  .comment__actions button {
    display: inline-block;
    color: #87a6bc;
    padding: 4px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 14px; }
    .comment__actions button .like-icons {
      margin-right: 18px; }
    .comment__actions button.comment__actions-reply .gridicon {
      position: relative;
      top: 4px;
      margin-right: 4px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .comment__actions button.like-button .gridicon {
      top: 4px; }
    .comment__actions button:hover {
      color: #00aadc; }
    .comment__actions button.comment__actions-cancel-reply {
      float: right;
      margin-top: 4px;
      margin-right: 0; }
  @media (max-width: 480px) {
    .comment__actions .like-button .like-button__label-status {
      display: inline; } }

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

.comments__view-earlier {
  color: #87a6bc;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px; }

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

.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; }
  .discover-attribution.is-site {
    margin-top: 15px; }
  .discover-attribution.is-missing-avatar.is-post {
    padding-left: 26px; }
  .discover-attribution .gridicon {
    height: 12px;
    width: 12px;
    display: inline-block;
    fill: white;
    background: #87a6bc;
    padding: 4px;
    border-radius: 100%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0; }
  .discover-attribution .gravatar {
    background: #f3f6f8;
    position: relative;
    top: 6px;
    margin: 1px 6px 1px 0; }
  .discover-attribution.is-post a {
    padding-left: 3px;
    padding-right: 3px; }
  .discover-attribution .discover-attribution__author,
  .discover-attribution .discover-attribution__blog {
    text-transform: none; }
  .discover-attribution .noticon {
    font-size: 20px;
    height: 20px;
    background-color: #c8d7e1;
    color: #fff;
    margin-right: 6px; }

.discover-visit-link {
  background: #f3f6f8;
  color: #4f748e;
  padding: 16px 32px 16px 24px;
  margin: 20px -24px 8px -24px;
  position: relative; }
  @media (max-width: 480px) {
    .discover-visit-link {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 24px; } }

.feed-header .site__title::before {
  font-size: 14px;
  padding-bottom: 1px; }

.feed-header .site__domain {
  font-style: normal; }

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

.feed-header.is-placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .feed-header.is-placeholder .site__title,
  .feed-header.is-placeholder .site__domain,
  .feed-header.is-placeholder .feed-header__description,
  .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; }

.is-group-reader .card.feed-header__site:hover, .is-group-reader .feed-header__site.editor-drawer-well__placeholder:hover {
  cursor: default;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.is-group-reader .card.feed-header__site .site, .is-group-reader .feed-header__site.editor-drawer-well__placeholder .site {
  max-width: calc( 100% - 60px); }
  @media (min-width: 661px) {
    .is-group-reader .card.feed-header__site .site, .is-group-reader .feed-header__site.editor-drawer-well__placeholder .site {
      max-width: calc( 100% - 100px); } }
  .is-group-reader .card.feed-header__site .site:after, .is-group-reader .feed-header__site.editor-drawer-well__placeholder .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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.is-group-reader .card.feed-header__site .site__content, .is-group-reader .feed-header__site.editor-drawer-well__placeholder .site__content {
  padding: 0; }

.feed-header__image {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 48px;
  overflow: hidden; }
  @media (max-width: 660px) {
    .feed-header__image {
      width: 40px; } }
  .feed-header__image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: blur(1px);
            filter: blur(1px);
    opacity: 0.8; }

.feed-header__follow {
  position: absolute;
  top: 13px;
  right: 10px; }
  @media (min-width: 481px) {
    .feed-header__follow {
      position: absolute;
      top: 21px;
      right: 25px; } }

.feed-header__details {
  margin: 24px 0 46px;
  text-align: center;
  border-bottom: 1px solid #c8d7e1; }

.feed-header__description {
  margin-bottom: 2px;
  padding: 0 24px;
  color: #3d596d;
  font-size: 18px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }
  @media (max-width: 660px) {
    .feed-header__description {
      padding: 0 16px;
      font-size: 16px; } }

.feed-header__follow-count {
  background-color: #f3f6f8;
  color: #87a6bc;
  font-size: 13px;
  font-style: italic;
  padding: 0 8px;
  position: relative;
  top: 9px; }

.following-edit ul {
  list-style-type: none;
  margin: 0; }

.following-edit .form-input-validation {
  margin-top: -1em;
  margin-bottom: -1em; }

.following-edit .notice {
  margin-bottom: 13px; }

.following-edit .foldable-card.card, .following-edit .foldable-card.editor-drawer-well__placeholder,
.following-edit .foldable-card.card.is-expanded,
.following-edit .foldable-card.is-expanded.editor-drawer-well__placeholder {
  margin-bottom: 0; }

.following-edit .foldable-card__header,
.following-edit .foldable-card__main {
  display: block; }

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

.following-edit .external-link .gridicons-external {
  margin-left: 4px; }

.section-header.following-edit__header {
  height: 51px;
  margin-top: 34px; }
  .section-header.following-edit__header .section-header__actions {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .section-header.following-edit__header .button {
    color: #87a6bc;
    font-weight: 600;
    font-size: 12px;
    text-transform: capitalize; }
  .is-searching .section-header.following-edit__header {
    pointer-events: none; }
    .is-searching .section-header.following-edit__header .section-header__actions {
      -webkit-transform: translateX(-30px);
              transform: translateX(-30px); }

.following-edit__more-options {
  float: left;
  margin-right: 16px; }
  .following-edit__more-options .gridicon {
    fill: #87a6bc;
    position: relative;
    top: 2px;
    cursor: pointer; }
    .following-edit__more-options .gridicon:hover {
      fill: #00aadc; }

.following-edit__sort-controls {
  float: left;
  margin-right: 8px; }
  .following-edit__sort-controls label {
    display: none; }
  .following-edit__sort-controls select {
    font-size: 12px;
    color: #87a6bc;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin: 0; }
    .following-edit__sort-controls select:hover {
      border-color: #a8bece;
      color: #2e4453; }

.following-edit__search {
  margin-right: 0;
  padding: 0; }
  .following-edit__search .gridicons-search {
    color: #0087be; }
  .following-edit__search.button.is-borderless .gridicons-search {
    top: 4px; }
  .following-edit__search:focus .gridicons-search {
    color: #78dcfa; }

.following-edit__subscribe-form {
  position: relative;
  padding-top: 18px; }
  .following-edit__subscribe-form .search {
    margin-bottom: 0; }
  .following-edit__subscribe-form .search__input[type="search"] {
    height: 50px;
    border: 1px solid transparent; }
    .following-edit__subscribe-form .search__input[type="search"]:focus {
      border-color: #0087be;
      box-shadow: 0 0 0 2px #78dcfa; }
  .following-edit__subscribe-form .card.is-search-result, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder {
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 35; }
    .following-edit__subscribe-form .card.is-search-result.is-compact, .following-edit__subscribe-form .is-search-result.is-compact.editor-drawer-well__placeholder {
      padding: 16px 24px; }
    .following-edit__subscribe-form .card.is-search-result .follow-button:hover, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder .follow-button:hover {
      border-color: #c8d7e1; }
    .following-edit__subscribe-form .card.is-search-result .gridicon, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder .gridicon {
      fill: #c8d7e1; }
    .following-edit__subscribe-form .card.is-search-result .follow-button__label, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder .follow-button__label {
      color: #c8d7e1; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .gridicon, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .gridicon {
      fill: #2e4453; }
      .following-edit__subscribe-form .card.is-search-result.is-valid .gridicon:hover, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .gridicon:hover, .following-edit__subscribe-form .card.is-search-result.is-valid .gridicon:active, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .gridicon:active {
        cursor: pointer; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .reader-list-item__icon .gridicon, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .reader-list-item__icon .gridicon {
      fill: white; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .follow-button, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .follow-button {
      cursor: pointer; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .follow-button__label, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .follow-button__label {
      color: #2e4453; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .following-edit__list-title, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .following-edit__list-title {
      margin-top: 8px;
      margin-bottom: 11px; }

.following-edit > .search-card {
  position: relative;
  margin-top: -58px;
  margin-bottom: 1px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  @media (min-width: 481px) {
    .following-edit > .search-card {
      margin-top: -52px; } }

.following-edit__sites,
.following-edit > .search-card,
.following-edit .no-results {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

@media (max-width: 660px) {
  .following-edit .no-results {
    text-align: center; } }

.following-edit.is-searching > .search-card {
  opacity: 1;
  pointer-events: auto; }

.following-edit .reader-list-item__card.is-placeholder {
  height: 74px; }
  .following-edit .reader-list-item__card.is-placeholder .reader-list-item__title,
  .following-edit .reader-list-item__card.is-placeholder .reader-list-item__description {
    margin: 1px 0 0 91px; }
    @media (min-width: 481px) {
      .following-edit .reader-list-item__card.is-placeholder .reader-list-item__title,
      .following-edit .reader-list-item__card.is-placeholder .reader-list-item__description {
        margin-left: 83px; } }
  .following-edit .reader-list-item__card.is-placeholder .following-edit__list-title {
    margin-top: -3px; }
  .following-edit .reader-list-item__card.is-placeholder .following-edit__list-url {
    margin-top: 4px;
    width: 25%; }
  .following-edit .reader-list-item__card.is-placeholder .reader-list-item__icon {
    left: 42px; }

.following-edit .reader-list-item__card .reader-list-item__title,
.following-edit .reader-list-item__card .reader-list-item__description {
  margin-right: 100px; }
  @media (min-width: 661px) {
    .following-edit .reader-list-item__card .reader-list-item__title,
    .following-edit .reader-list-item__card .reader-list-item__description {
      margin-right: 100px;
      padding-left: 3px; } }

.following-edit .reader-list-item__card .reader-list-item__icon {
  top: 14px; }

.following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__icon {
  left: 17px; }

.following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__title,
.following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__description {
  margin-left: 68px; }
  @media (min-width: 481px) {
    .following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__title,
    .following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__description {
      margin-left: 55px; } }

.following-edit-navigation {
  min-height: 25px;
  margin-bottom: 0.5em; }

.following-edit-navigation__site-count {
  color: #87a6bc; }

.following-edit__notification-settings-card {
  background-color: #f3f6f8;
  position: relative;
  color: #2e4453; }
  .following-edit__notification-settings-card.is-compact {
    padding: 10px 16px; }
    @media (min-width: 661px) {
      .following-edit__notification-settings-card.is-compact {
        padding-left: 105px; } }
  .following-edit__notification-settings-card.is-impossible-to-send-email {
    color: #87a6bc;
    padding-left: 22px; }
    .following-edit__notification-settings-card.is-impossible-to-send-email p {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px; }
  .following-edit__notification-settings-card.is-active .following-edit__form-toggle-status {
    color: #00aadc; }
  .following-edit__notification-settings-card .following-edit__form-toggle-wrapper {
    position: absolute;
    right: 16px; }
  .following-edit__notification-settings-card .following-edit__form-toggle-status {
    text-transform: uppercase;
    padding-right: 12px;
    padding-top: 2px;
    color: #4f748e;
    font-size: 13px; }
  .following-edit__notification-settings-card .segmented-control {
    margin-top: 6px;
    margin-bottom: 6px;
    width: 250px; }
  .following-edit__notification-settings-card .form-toggle__switch {
    margin-top: -4px; }

.following-edit__settings-toggle {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  padding: 26px 8px 20px; }
  .following-edit__settings-toggle .gridicon {
    fill: #87a6bc;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    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); }
    .is-expanded .following-edit__settings-toggle .gridicon {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

.following-edit__notification-settings-error {
  margin-top: 14px; }

.is-section-reader .main.following-edit .empty-content {
  margin-top: -40px; }

.reader__card.card, .reader__card.editor-drawer-well__placeholder {
  padding: 16px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin-bottom: 15px; }
  @media (min-width: 481px) {
    .reader__card.card, .reader__card.editor-drawer-well__placeholder {
      padding: 16px 24px 24px;
      margin-bottom: 24px; }
      .reader__card.card.is-selected, .reader__card.is-selected.editor-drawer-well__placeholder, .reader__card.card:hover, .reader__card.editor-drawer-well__placeholder:hover, .reader__card.card.is-x-post.is-selected, .reader__card.is-x-post.is-selected.editor-drawer-well__placeholder, .reader__card.card.is-x-post:hover, .reader__card.is-x-post.editor-drawer-well__placeholder:hover, .reader__card.card.tag-afk.is-selected, .reader__card.tag-afk.is-selected.editor-drawer-well__placeholder, .reader__card.card.tag-afk:hover, .reader__card.tag-afk.editor-drawer-well__placeholder:hover {
        box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; } }
  .reader__card.card .site, .reader__card.editor-drawer-well__placeholder .site {
    margin-right: 96px; }
  .reader__card.card .site__content, .reader__card.editor-drawer-well__placeholder .site__content {
    padding: 0; }
  .reader__card.card .reader__site-and-author-icon, .reader__card.editor-drawer-well__placeholder .reader__site-and-author-icon {
    margin-right: 5px; }
  .reader__card.card .follow-button, .reader__card.editor-drawer-well__placeholder .follow-button {
    position: absolute;
    top: -3px;
    right: 0;
    z-index: 1; }
  .reader__card.card .reader-post-byline, .reader__card.editor-drawer-well__placeholder .reader-post-byline {
    margin: 8px 0;
    padding: 0;
    font-size: 14px;
    color: #a8bece; }
    .reader__card.card .reader-post-byline .gravatar, .reader__card.editor-drawer-well__placeholder .reader-post-byline .gravatar {
      height: 16px;
      width: 16px;
      top: 4px; }
  .reader__card.card.is-placeholder, .reader__card.is-placeholder.editor-drawer-well__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.is-placeholder.editor-drawer-well__placeholder .reader__placeholder-text,
    .reader__card.card.is-placeholder .site-icon, .reader__card.is-placeholder.editor-drawer-well__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, .reader__card.is-placeholder.editor-drawer-well__placeholder .site-icon {
      display: inline-block;
      margin-right: 6px;
      height: 16px;
      width: 16px; }
    .reader__card.card.is-placeholder .reader__post-time, .reader__card.is-placeholder.editor-drawer-well__placeholder .reader__post-time {
      position: relative; }
  .reader__card.card.is-blocked p, .reader__card.is-blocked.editor-drawer-well__placeholder p {
    margin-bottom: 0; }
  .reader__card.card.is-blocked a, .reader__card.is-blocked.editor-drawer-well__placeholder a {
    padding-left: 2px; }
  @media (min-width: 481px) {
    .reader__card.card.is-headerless, .reader__card.is-headerless.editor-drawer-well__placeholder {
      padding-top: 25px; } }
  .reader__card.card.is-headerless .reader__post-title, .reader__card.is-headerless.editor-drawer-well__placeholder .reader__post-title {
    margin-top: 0; }
  .reader__card.card.is-headerless.has-featured-image, .reader__card.is-headerless.has-featured-image.editor-drawer-well__placeholder {
    padding-top: 0; }
  .reader__card.card .post-excerpt-only p, .reader__card.editor-drawer-well__placeholder .post-excerpt-only p {
    margin-bottom: 1em; }
  .reader__card.card.hide-xpost .po-xpost, .reader__card.hide-xpost.editor-drawer-well__placeholder .po-xpost {
    display: none; }
  .reader__card.card.is-x-post, .reader__card.is-x-post.editor-drawer-well__placeholder {
    background: transparent;
    box-shadow: none;
    padding: 16px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .reader__card.card.is-x-post .reader__post-title, .reader__card.is-x-post.editor-drawer-well__placeholder .reader__post-title {
      font-size: 16px;
      line-height: normal;
      margin: 0;
      cursor: pointer; }
  .reader__card.card.tag-afk, .reader__card.tag-afk.editor-drawer-well__placeholder {
    background: transparent;
    box-shadow: none;
    padding: 16px 24px; }
    .reader__card.card.tag-afk:hover, .reader__card.tag-afk.editor-drawer-well__placeholder:hover {
      cursor: pointer; }
    .reader__card.card.tag-afk .reader__full-post-content, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__full-post-content,
    .reader__card.card.tag-afk .reader-post-byline__tag, .reader__card.tag-afk.editor-drawer-well__placeholder .reader-post-byline__tag,
    .reader__card.card.tag-afk .reader-post-byline__date, .reader__card.tag-afk.editor-drawer-well__placeholder .reader-post-byline__date,
    .reader__card.card.tag-afk .reader__post-featured-image, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__post-featured-image,
    .reader__card.card.tag-afk .reader__post-footer, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__post-footer,
    .reader__card.card.tag-afk .post-excerpt, .reader__card.tag-afk.editor-drawer-well__placeholder .post-excerpt,
    .reader__card.card.tag-afk .site__info, .reader__card.tag-afk.editor-drawer-well__placeholder .site__info {
      display: none; }
    .reader__card.card.tag-afk .site, .reader__card.tag-afk.editor-drawer-well__placeholder .site {
      pointer-events: none; }
    .reader__card.card.tag-afk .reader__post-header, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__post-header {
      margin-bottom: 0; }
    .reader__card.card.tag-afk .reader__post-title, .reader__card.tag-afk.editor-drawer-well__placeholder .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, .reader__card.tag-afk.editor-drawer-well__placeholder .reader-post-byline {
      margin: 0;
      font-size: 13px;
      position: absolute;
      top: 34px;
      left: 44px; }
    .reader__card.card.tag-afk .follow-button, .reader__card.tag-afk.editor-drawer-well__placeholder .follow-button {
      display: none; }
    .reader__card.card.tag-afk.is-headerless, .reader__card.tag-afk.is-headerless.editor-drawer-well__placeholder {
      padding: 16px 24px 54px; }
      .reader__card.card.tag-afk.is-headerless .reader__post-title, .reader__card.tag-afk.is-headerless.editor-drawer-well__placeholder .reader__post-title,
      .reader__card.card.tag-afk.is-headerless .reader-post-byline, .reader__card.tag-afk.is-headerless.editor-drawer-well__placeholder .reader-post-byline {
        position: absolute;
        left: 25px; }

.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-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-content blockquote {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px; }
  .reader__card .reader__full-post-content p {
    line-height: 1.8; }
  @media (min-width: 481px) {
    .reader__card .reader__full-post-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-content p.reblog-from {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px; } }
  .reader__card .reader__full-post-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;
    clear: both;
    visibility: hidden; }

.reader__post-byline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #a8bece;
  font-size: 12px;
  line-height: 1; }

.reader__full-post {
  position: relative;
  box-sizing: border-box;
  padding: 56px 16px 48px;
  max-width: 700px;
  margin: 0 auto; }
  @media (min-width: 661px) {
    .reader__full-post {
      padding-top: calc( 56px + 6vh);
      padding-bottom: calc( 48px + 6vh); } }
  .reader__full-post.is-placeholder .reader__post-options,
  .reader__full-post.is-placeholder .reader__post-time,
  .reader__full-post.is-placeholder .reader__post-title,
  .reader__full-post.is-placeholder .reader__post-title-link,
  .reader__full-post.is-placeholder .reader__post-byline,
  .reader__full-post.is-placeholder .reader__post-byline a,
  .reader__full-post.is-placeholder .reader__post-read-time,
  .reader__full-post.is-placeholder .reader__full-post-content p,
  .reader__full-post.is-placeholder .site__info,
  .reader__full-post.is-placeholder .site__title {
    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__full-post.is-placeholder .reader__full-post-content p {
    min-height: 50vh; }
  .reader__full-post.is-placeholder .reader__post-header {
    padding-left: 0; }
  .reader__full-post.is-placeholder .reader__post-time {
    margin-left: 0; }
  .reader__full-post .full-post__header {
    position: relative; }
  .reader__full-post .site .site__content {
    padding: 0;
    border-radius: 0;
    text-decoration: none;
    margin-right: 80px; }
    @media (min-width: 481px) {
      .reader__full-post .site .site__content {
        margin-right: 120px; } }
  .reader__full-post .full-post__follow {
    position: absolute;
    right: 0;
    top: -2px; }
  .reader__full-post .reader__post-time .reader__post-time-link,
  .reader__full-post .reader__post-time .reader__post-time-link:hover {
    color: inherit;
    text-decoration: inherit; }
  .reader__full-post .reader__post-title {
    font-size: 36px;
    line-height: 1.258;
    margin: 16px 0 0 0; }
    @media (max-width: 480px) {
      .reader__full-post .reader__post-title {
        font-size: 28px; } }
    .reader__full-post .reader__post-title a {
      text-decoration: none; }
  .reader__full-post .post-excerpt-only p {
    margin-top: 20px;
    font-size: 16px; }

.full-post__featured-image {
  margin: 18px -32px 8px;
  max-width: calc(100% + 64px);
  text-align: center;
  background: #f3f6f8; }
  .full-post__featured-image img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.reader__full-post-content {
  margin: 0;
  padding-top: 16px;
  position: relative;
  font-size: 16px;
  line-height: 1.7;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .reader__full-post-content h1 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 16px; }
  .reader__full-post-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px; }
  .reader__full-post-content h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px; }
  .reader__full-post-content h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px; }
  .reader__full-post-content p {
    margin: 0 0 24px; }
    .reader__full-post-content p:last-child {
      margin-bottom: 0; }
  .reader__full-post-content blockquote {
    padding: 0 24px 0 32px;
    margin: 16px 0 32px;
    border-left: 3px solid #e9eff3;
    color: #4f748e;
    font-weight: normal;
    background: transparent; }
  .reader__full-post-content hr {
    background: #e9eff3;
    margin: 24px -32px; }
  .reader__full-post-content img {
    max-width: 100%;
    height: auto;
    display: inline;
    margin: auto; }
  .reader__full-post-content iframe[class^="twitter-"],
  .reader__full-post-content iframe[class^="instagram-"],
  .reader__full-post-content .fb_iframe_widget {
    display: block;
    margin: 24px auto !important; }
  @media (min-width: 661px) {
    .reader__full-post-content .alignleft {
      max-width: 100%;
      float: left;
      margin-top: 12px;
      margin-bottom: 12px;
      margin-right: 32px; }
    .reader__full-post-content .alignright {
      max-width: 100%;
      float: right;
      margin-top: 12px;
      margin-bottom: 12px;
      margin-left: 32px; } }
  @media (max-width: 660px) {
    .reader__full-post-content .alignleft,
    .reader__full-post-content .alignright {
      clear: both;
      margin-top: 24px;
      margin-bottom: 24px; } }
  .reader__full-post-content .aligncenter {
    clear: both;
    display: block;
    margin-top: 24px;
    margin-bottom: 24px; }
  .reader__full-post-content .alignnone {
    clear: both;
    display: block;
    margin-top: 24px;
    margin-bottom: 24px; }
  .reader__full-post-content .wp-caption {
    position: relative;
    max-width: 100%; }
    .reader__full-post-content .wp-caption img {
      display: block;
      margin: 0 auto; }
  .reader__full-post-content .wp-caption-text {
    padding: 12px;
    margin: 0;
    font-size: 13px;
    text-align: center;
    color: #668eaa; }
  .reader__full-post-content .video-plh-notice {
    position: relative;
    margin-bottom: 24px;
    padding: 11px 24px;
    border-radius: 1px;
    background: #f3f6f8;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4285;
    -webkit-animation: appear .3s ease-in-out;
            animation: appear .3s ease-in-out; }
    @media (min-width: 661px) {
      .reader__full-post-content .video-plh-notice {
        padding: 13px 48px;
        font-size: inherit; }
        .reader__full-post-content .video-plh-notice::before {
          content: '\f456';
          position: absolute;
          top: 23px;
          left: 20px;
          margin: -12px 0px 0 -8px;
          font-size: 24px;
          line-height: 1; } }

.is-next-post-teaser {
  display: none; }

.reader__full-post.blog-53424024 .reader__full-post-content .intro {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 24px 0; }
  .reader__full-post.blog-53424024 .reader__full-post-content .intro:first-child:first-letter {
    float: left;
    margin: 18px 12px 0 0;
    font-size: 66px;
    font-weight: 400;
    line-height: 0.5; }

@-moz-document url-prefix() {
  .reader__full-post.blog-53424024 .reader__full-post-content .intro:first-child:first-letter {
    margin-top: 9px; } }

.reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-size: 13px;
  width: 175px; }
  @media (min-width: 1132px) {
    .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote {
      position: absolute; }
      .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.right, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignright {
        right: -207px;
        margin-right: 0; }
      .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.left, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft {
        left: -207px;
        margin-left: 0; } }
  @media (max-width: 1132px) {
    .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.right, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignright, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.left, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft {
      background: #e9eff3;
      margin: 0 0 24px 0;
      padding: 16px;
      width: auto; } }
  @media (max-width: 960px) {
    .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.right, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignright {
      float: right; }
    .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.left, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft {
      float: left; } }
  @media (max-width: 480px) {
    .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignright, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.right, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.left {
      width: auto;
      float: none;
      margin: 0 0 24px 0;
      background: #e9eff3;
      padding: 16px; }
      .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft img, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.alignright img, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.right img, .reader__full-post.blog-53424024 .reader__full-post-content blockquote.sidenote.left img {
        display: block;
        margin-bottom: 8px; } }

@media (min-width: 1132px) {
  .reader__full-post.blog-53424024 .reader__full-post-content .fullbleed {
    position: relative;
    left: -207px;
    width: 1082px;
    max-width: 1082px; } }

.reader__full-post.blog-489937 .reader__full-post-content blockquote.left,
.reader__full-post.blog-489937 .reader__full-post-content blockquote.alignleft,
.reader__full-post.blog-489937 .reader__full-post-content blockquote.align-left,
.reader__full-post.blog-489937 .reader__full-post-content blockquote.left-align {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-size: 13px;
  width: 175px; }
  @media (min-width: 1132px) {
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.left,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.alignleft,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.align-left,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.left-align {
      position: absolute;
      left: -207px;
      margin-left: 0; } }
  @media (max-width: 1132px) {
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.left,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.alignleft,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.align-left,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.left-align {
      background: #e9eff3;
      margin: 0 0 24px 0;
      padding: 16px;
      width: calc( 100% - 32px); } }
  @media (max-width: 480px) {
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.left,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.alignleft,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.align-left,
    .reader__full-post.blog-489937 .reader__full-post-content blockquote.left-align {
      margin: 0 0 24px 0;
      background: #e9eff3;
      padding: 16px; }
      .reader__full-post.blog-489937 .reader__full-post-content blockquote.left img,
      .reader__full-post.blog-489937 .reader__full-post-content blockquote.alignleft img,
      .reader__full-post.blog-489937 .reader__full-post-content blockquote.align-left img,
      .reader__full-post.blog-489937 .reader__full-post-content blockquote.left-align img {
        display: block;
        margin-bottom: 8px; } }

.detail-page__backdrop {
  padding: 1px;
  z-index: 190;
  box-sizing: border-box;
  margin: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white; }
  .detail-page__backdrop.detail-page-enter {
    opacity: 0;
    -webkit-transform: translateX(200px);
            transform: translateX(200px); }
  .detail-page__backdrop.detail-page-enter-active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
  .detail-page__backdrop.detail-page-leave {
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
  .detail-page__backdrop.detail-page-leave-active {
    opacity: 0;
    -webkit-transform: translateX(200px);
            transform: translateX(200px); }
  .detail-page__backdrop > .card, .detail-page__backdrop > .editor-drawer-well__placeholder {
    margin: 0 auto;
    background: transparent;
    padding: 0;
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.detail-page__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden; }

.detail-page__action-buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 200;
  list-style: none;
  text-align: right;
  padding: 7px 6px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid #e9eff3;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }
  .detail-page__action-buttons .detail-page-close.is-primary {
    color: #a8bece;
    padding: 0 8px;
    text-align: left;
    background: transparent;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    min-width: 200px; }
    @media (max-width: 480px) {
      .detail-page__action-buttons .detail-page-close.is-primary {
        min-width: initial; } }
    .detail-page__action-buttons .detail-page-close.is-primary .detail-page__button-label {
      display: none; }
    .detail-page__action-buttons .detail-page-close.is-primary:before {
      font-size: 32px;
      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: relative;
      top: 1px;
      left: 0; }
    .detail-page__action-buttons .detail-page-close.is-primary:hover {
      color: #00aadc;
      background: #e9eff3; }
    .detail-page__action-buttons .detail-page-close.is-primary:focus {
      color: #00aadc; }
  .detail-page__action-buttons .like-button,
  .detail-page__action-buttons .comment-button,
  .detail-page__action-buttons .reader-share {
    float: right;
    position: relative;
    top: 2px;
    margin-right: 16px; }
    @media (max-width: 660px) {
      .detail-page__action-buttons .like-button,
      .detail-page__action-buttons .comment-button,
      .detail-page__action-buttons .reader-share {
        margin-right: 8px; } }
  .detail-page__action-buttons .post-options {
    float: right;
    margin-right: 4px; }
    .detail-page__action-buttons .post-options .post-options__trigger .gridicon__ellipsis {
      padding: 4px 8px; }

html.detail-page-active {
  overflow: hidden; }
  html.detail-page-active .layout__primary {
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }

html.detail-page-open .reader-update-notice {
  opacity: 0; }

html.detail-page-open .layout__primary {
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  pointer-events: none; }

.reader-list-gap {
  margin-bottom: 16px;
  padding: 16px 0;
  text-align: center;
  position: relative;
  cursor: pointer; }
  .reader-list-gap.is-selected {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .reader-list-gap:before {
    content: "";
    display: block;
    position: absolute;
    top: 28px;
    width: 100%;
    height: 16px;
    background: -webkit-linear-gradient(45deg, transparent 33.333%, #87a6bc 33.333%, #87a6bc 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #87a6bc 33.333%, #87a6bc 66.667%, transparent 66.667%);
    background: linear-gradient(45deg, transparent 33.333%, #87a6bc 33.333%, #87a6bc 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #87a6bc 33.333%, #87a6bc 66.667%, transparent 66.667%);
    background-size: 13px 30px;
    opacity: 0.2; }
  .reader-list-gap:after {
    content: "";
    display: block;
    position: absolute;
    top: 28px;
    width: 100%;
    height: 16px;
    background: -webkit-linear-gradient(top, rgba(233, 239, 243, 0) 0%, #e9eff3 100%);
    background: linear-gradient(to bottom, rgba(233, 239, 243, 0) 0%, #e9eff3 100%); }

.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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    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__icon .site-icon {
    border: 0; }

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

.list-management-tags .reader-list-item__icon .gridicon {
  top: 0;
  height: 24px;
  width: 24px;
  padding: 10px; }

.list-management-tags .reader-list-item__title, .list-management-tags .reader-list-item__card.is-placeholder .reader-list-item__title {
  margin-top: 8px;
  margin-bottom: 8px; }

.list-management-description-edit .notice {
  margin-bottom: 12px; }

.reader-post-byline {
  list-style: none;
  margin: 0;
  padding: 16px 0 8px 0; }
  .reader-post-byline li {
    margin: 0 16px 0 0;
    display: inline-block;
    color: #87a6bc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 440px; }
    @media (max-width: 480px) {
      .reader-post-byline li {
        max-width: 180px; } }
    .reader-post-byline li:last-child {
      margin: 0; }
    .reader-post-byline li a {
      text-decoration: none; }
  .reader-post-byline .reader-post-byline__author {
    color: #4f748e; }
    .reader-post-byline .reader-post-byline__author .gravatar {
      background: #f3f6f8;
      position: relative;
      top: 6px;
      margin: 1px 6px 1px 0; }

.reader-post-byline__tag .gridicon {
  color: #c8d7e1;
  position: relative;
  top: 4px; }

.reader-post-byline__date-link .gridicon {
  color: inherit;
  position: relative;
  top: 2px;
  margin-left: 2px; }

.reader-post-errors {
  margin-bottom: -16px; }

.reader-post-errors__notice.notice {
  margin: -16px -16px 32px; }
  @media (min-width: 481px) {
    .reader-post-errors__notice.notice {
      margin: -16px -24px 32px; } }

.post-excerpt-link {
  background: #f3f6f8;
  color: #4f748e;
  padding: 16px 48px 16px 24px;
  margin: 20px -24px 8px -24px;
  position: relative; }
  @media (max-width: 480px) {
    .post-excerpt-link {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px; } }
  .post-excerpt-link .gridicon {
    position: absolute;
    right: 16px;
    top: 10px;
    padding: 8px;
    cursor: pointer;
    fill: #a8bece;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.15s ease-in-out;
    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;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }

.reader__post-footer li.post-permalink {
  display: inline-block;
  padding: 4px;
  color: #a8bece;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear; }
  .reader__post-footer li.post-permalink a {
    color: inherit; }
  .reader__post-footer li.post-permalink:hover {
    cursor: pointer;
    color: #78dcfa; }

.post-options__trigger {
  display: block;
  cursor: pointer;
  color: #a8bece;
  border-radius: 4px; }
  .post-options__trigger .gridicon__ellipsis {
    display: block;
    padding: 2px 4px;
    fill: #a8bece;
    -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .post-options__trigger .post-options__label {
    display: none; }
  .post-options__trigger:hover .gridicon__ellipsis {
    fill: #78dcfa; }
  .post-options__trigger.is-triggered {
    color: #00aadc; }
    .post-options__trigger.is-triggered .gridicon__ellipsis {
      fill: #005082;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

.post-options__hr {
  margin: 8px 0;
  background: #e9eff3; }

.post-options__reblog .gridicon,
.post-options__save .gridicon,
.post-options__edit .gridicon,
.post-options__view .gridicon {
  position: absolute;
  top: 7px;
  left: 13px;
  fill: #a8bece;
  -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.post-options__reblog:hover .gridicon,
.post-options__reblog:focus .gridicon,
.post-options__save:hover .gridicon,
.post-options__save:focus .gridicon,
.post-options__edit:hover .gridicon,
.post-options__edit:focus .gridicon,
.post-options__view:hover .gridicon,
.post-options__view:focus .gridicon {
  fill: white; }

.popover__menu .follow-button .gridicon {
  height: 24px;
  width: 24px;
  position: absolute;
  left: 12px;
  top: 10px; }
  .popover__menu .follow-button .gridicon.gridicon__edit {
    left: 12px;
    top: 5px; }

.popover__menu .follow-button:hover, .popover__menu .follow-button:focus {
  background-color: #00aadc;
  color: white; }
  .popover__menu .follow-button:hover .gridicon, .popover__menu .follow-button:focus .gridicon {
    fill: white; }

.popover__menu .follow-button.is-following:hover, .popover__menu .follow-button.is-following:focus {
  color: white;
  background: #4ab866; }
  .popover__menu .follow-button.is-following:hover .gridicon, .popover__menu .follow-button.is-following:focus .gridicon {
    fill: white; }

.reader-post-images {
  color: #87a6bc;
  margin: 24px 0 0 0;
  padding: 8px;
  border-top: 1px solid #e9eff3;
  border-bottom: 1px solid #e9eff3; }
  .reader-post-images:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .reader-post-images:hover .reader-post-images__label {
    color: #78dcfa; }
  .reader-post-images.is-viewing .reader-post-images__full-list {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    background: #e9eff3; }
    @media (max-width: 660px) {
      .reader-post-images.is-viewing .reader-post-images__full-list {
        max-height: 80vh;
        margin-top: 12px;
        border-top: 1px solid #c8d7e1;
        border-bottom: 1px solid #c8d7e1; } }

.reader-post-images__list {
  list-style: none;
  float: left;
  margin: 0 8px 0 0;
  overflow: hidden;
  max-width: 65%;
  height: 40px; }
  .reader-post-images__list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.reader-post-images__image {
  margin: 0 8px 0 0;
  float: left; }
  .reader-post-images__image img {
    height: 40px;
    width: 40px;
    float: left;
    box-shadow: inset 0 0 0 1px #c8d7e1; }

.reader-post-images__label {
  font-size: 14px;
  color: #00aadc;
  line-height: 1;
  display: block;
  position: relative;
  top: 5px; }

.reader-post-images__count {
  font-size: 12px;
  color: #87a6bc;
  line-height: 1;
  position: relative;
  top: 2px; }

.reader-post-images__full-list {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.1s 0s linear;
  transition: all 0.1s 0s linear;
  position: fixed;
  top: 47px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 24px;
  background: transparent;
  z-index: 200;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap; }
  @media (max-width: 660px) {
    .reader-post-images__full-list {
      position: relative;
      top: 0;
      clear: both;
      margin: 0 -24px -9px -16px;
      max-height: 0;
      padding: 0;
      background: #c8d7e1;
      color: #2e4453; } }
  .reader-post-images__full-list ol {
    display: table;
    min-height: 100%;
    margin: 0;
    list-style: none; }
    @media (min-width: 661px) {
      .reader-post-images__full-list ol {
        padding: 0 10vw; } }

.reader-post-images__close {
  position: fixed;
  top: 63px;
  left: 16px;
  padding: 10px 10px 10px 36px;
  color: #2e4453; }
  @media (max-width: 660px) {
    .reader-post-images__close {
      display: none; } }
  .reader-post-images__close: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: 14px;
    left: 10px; }

.reader-post-images__full-image {
  display: table-cell;
  vertical-align: middle;
  padding: 16px;
  -webkit-transition: all 0.1s 0s ease-in-out;
  transition: all 0.1s 0s ease-in-out; }
  @media (max-width: 660px) {
    .reader-post-images__full-image {
      padding: 8px 16px; } }
  .reader-post-images__full-image.gallery-image-appear, .reader-post-images__full-image.gallery-image-enter, .reader-post-images__full-image.gallery-image-leave {
    opacity: 0;
    -webkit-transform: scale(0.98) translateX(25vw);
            transform: scale(0.98) translateX(25vw); }
  .reader-post-images__full-image.gallery-image-active {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  .reader-post-images__full-image img {
    background: #c8d7e1;
    max-width: 80vw;
    max-height: 80vh;
    box-shadow: 0 0 0 1px rgba(243, 246, 248, 0.2); }
    @media (max-width: 660px) {
      .reader-post-images__full-image img {
        max-width: 80vw;
        max-height: 80vh;
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
        box-shadow: 0 0 0 1px rgba(46, 68, 83, 0.3); } }

.reader-post-images__full-alt-text {
  display: none;
  padding: 8px; }
  @media (max-width: 480px) {
    .reader-post-images__full-alt-text {
      font-size: 12px;
      padding: 4px 0; } }

@media (min-width: 661px) {
  html.reader-gallery-open {
    overflow: hidden; } }

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

@media (max-width: 660px) {
  .search-stream__intro {
    margin-left: 16px; } }

.reader-share {
  display: inline-block;
  padding: 4px 4px 4px 32px;
  color: #a8bece;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear;
  cursor: pointer;
  min-height: 32px; }
  .reader-share:hover, .reader-share:focus, .reader-share:active {
    cursor: pointer;
    color: #78dcfa; }
  .reader-share .gridicon {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    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);
    position: absolute;
    top: 3px;
    left: 3px; }
    @media (max-width: 480px) {
      .reader-share .gridicon {
        left: 6px; } }
  .reader-share .is-active {
    color: #0087be; }
    .reader-share .is-active .gridicon {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

@media (max-width: 480px) {
  .reader-share__button-label {
    display: none; } }

@media (max-width: 480px) {
  .reader-share__popover {
    width: 152px;
    padding-right: 2px; } }

@media (max-width: 480px) {
  .reader-share__popover-item {
    width: 150px; } }

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

.sites-popover.is-reader .site-selector__sites {
  max-height: 25vh; }

.is-group-reader .sidebar, .is-group-reader .post-editor__sidebar {
  overflow-x: hidden; }
  .is-group-reader .sidebar .sidebar__menu, .is-group-reader .post-editor__sidebar .sidebar__menu {
    margin-bottom: 8px; }
    .is-group-reader .sidebar .sidebar__menu .selected .menu-link-icon, .is-group-reader .post-editor__sidebar .sidebar__menu .selected .menu-link-icon,
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
    .is-group-reader .post-editor__sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon,
    .is-group-reader .post-editor__sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon {
      fill: #87a6bc; }
      @media (min-width: 481px) {
        .is-group-reader .sidebar .sidebar__menu .selected .menu-link-icon, .is-group-reader .post-editor__sidebar .sidebar__menu .selected .menu-link-icon,
        .is-group-reader .sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
        .is-group-reader .post-editor__sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
        .is-group-reader .sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon,
        .is-group-reader .post-editor__sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon {
          fill: white; } }
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar-streams__edit-icon, .is-group-reader .post-editor__sidebar .sidebar__menu .selected .sidebar-streams__edit-icon {
      fill: white; }
    .is-group-reader .sidebar .sidebar__menu .is-action-button-selected, .is-group-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected {
      background-color: #f3f6f8; }
      .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .gridicon, .is-group-reader .post-editor__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 .post-editor__sidebar .sidebar__menu .is-action-button-selected .sidebar__menu-item-label, .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .menu-link-text, .is-group-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .menu-link-text {
        color: #2e4453; }
      .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .sidebar__button, .is-group-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .sidebar__button {
        background-color: #668eaa;
        color: white; }
    .is-group-reader .sidebar .sidebar__menu .sidebar-streams__team, .is-group-reader .post-editor__sidebar .sidebar__menu .sidebar-streams__team {
      margin-top: -1px; }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable, .is-group-reader .post-editor__sidebar .is-togglable {
      margin-top: 0; } }
  .is-group-reader .sidebar .is-togglable .sidebar__heading, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading {
    margin: 0;
    padding: 10px 16px 10px 55px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    .is-group-reader .sidebar .is-togglable .sidebar__heading .gridicon, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading .gridicon {
      top: 10px;
      left: 20px;
      height: 16px;
      -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      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, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading .count {
      margin-left: 8px; }
    .is-group-reader .sidebar .is-togglable .sidebar__heading:hover, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading:hover {
      color: #00aadc;
      background-color: #f3f6f8; }
      .is-group-reader .sidebar .is-togglable .sidebar__heading:hover .gridicon, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading:hover .gridicon {
        fill: #00aadc; }
  .is-group-reader .sidebar .is-togglable .sidebar__menu-list, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__menu-list,
  .is-group-reader .sidebar .is-togglable .sidebar__menu-empty,
  .is-group-reader .post-editor__sidebar .is-togglable .sidebar__menu-empty {
    height: 0;
    overflow: hidden; }
  .is-group-reader .sidebar .is-togglable .sidebar__menu-item, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__menu-item {
    -webkit-transition: opacity 0.15s ease-in-out, -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
    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);
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__heading, .is-group-reader .post-editor__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, .is-group-reader .post-editor__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, .is-group-reader .post-editor__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 .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-list,
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-empty,
  .is-group-reader .post-editor__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, .is-group-reader .post-editor__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, .is-group-reader .post-editor__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 .post-editor__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,
    .is-group-reader .post-editor__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, .is-group-reader .post-editor__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, .is-group-reader .post-editor__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, .is-group-reader .post-editor__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 .post-editor__sidebar .sidebar__menu-empty,
  .is-group-reader .sidebar .sidebar__menu-empty:hover,
  .is-group-reader .post-editor__sidebar .sidebar__menu-empty:hover {
    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, .is-group-reader .post-editor__sidebar .sidebar__menu-item a.sidebar__button {
    margin-top: 5px; }
    @media (max-width: 660px) {
      .is-group-reader .sidebar .sidebar__menu-item a.sidebar__button, .is-group-reader .post-editor__sidebar .sidebar__menu-item a.sidebar__button {
        margin-top: 10px; } }
  .is-group-reader .sidebar .sidebar__menu-item-label, .is-group-reader .post-editor__sidebar .sidebar__menu-item-label {
    padding: 8px 16px 8px 55px; }
    .is-group-reader .sidebar .sidebar__menu-item-label::after, .is-group-reader .post-editor__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: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 28%;
      height: auto;
      padding-right: 50px; }
    .is-group-reader .sidebar .sidebar__menu-item-label .sidebar__menu-item-listname::after, .is-group-reader .post-editor__sidebar .sidebar__menu-item-label .sidebar__menu-item-listname::after,
    .is-group-reader .sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after,
    .is-group-reader .post-editor__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: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto;
      right: 60px; }
    .is-group-reader .sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after, .is-group-reader .post-editor__sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after {
      right: 20px; }
  .is-group-reader .sidebar .sidebar__menu-add-button, .is-group-reader .post-editor__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;
    -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s; }
  .is-group-reader .sidebar .sidebar__menu-add, .is-group-reader .post-editor__sidebar .sidebar__menu-add {
    opacity: 0;
    -webkit-transition: all 0.15s ease-in;
    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, .is-group-reader .post-editor__sidebar .sidebar__menu-add input {
      font-size: 13px;
      padding: 10px 24px 9px; }
    .is-group-reader .sidebar .sidebar__menu-add .gridicon, .is-group-reader .post-editor__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, .is-group-reader .post-editor__sidebar .selected .sidebar__menu-action .gridicon {
    fill: #fff !important; }
  .is-group-reader .sidebar .sidebar__menu-action, .is-group-reader .post-editor__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, .is-group-reader .post-editor__sidebar .sidebar__menu-action .gridicon {
      position: relative;
      top: 0;
      left: auto;
      fill: #87a6bc !important; }
    .is-group-reader .sidebar .sidebar__menu-action:hover, .is-group-reader .post-editor__sidebar .sidebar__menu-action:hover {
      cursor: pointer; }
      .is-group-reader .sidebar .sidebar__menu-action:hover .gridicon, .is-group-reader .post-editor__sidebar .sidebar__menu-action:hover .gridicon {
        fill: #d94f4f !important; }
    @media (max-width: 660px) {
      .is-group-reader .sidebar .sidebar__menu-action, .is-group-reader .post-editor__sidebar .sidebar__menu-action {
        top: -40px; }
        .is-group-reader .sidebar .sidebar__menu-action .gridicon, .is-group-reader .post-editor__sidebar .sidebar__menu-action .gridicon {
          top: 6px; } }
  .is-group-reader .sidebar .sidebar__menu-action-label, .is-group-reader .post-editor__sidebar .sidebar__menu-action-label,
  .is-group-reader .sidebar .sidebar-dynamic-menu-action_label,
  .is-group-reader .post-editor__sidebar .sidebar-dynamic-menu-action_label {
    display: none; }

.reader__site-and-author-icon {
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  width: 40px;
  position: relative; }
  .reader__site-and-author-icon .site-icon {
    -webkit-align-self: auto;
        -ms-flex-item-align: auto;
            align-self: auto; }
  .reader__site-and-author-icon .gravatar {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px;
    top: 13px; }

.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: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.reader__featured-post {
  position: relative;
  min-height: 52px;
  padding: 32px 24px;
  background-color: #2e4453;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: pointer; }
  @media (min-width: 961px) {
    .reader__featured-post {
      -webkit-box-flex: 1;
      -webkit-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: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 18px;
  color: white;
  z-index: 1; }

@media (max-width: 660px) {
  .reader-start {
    -webkit-perspective: none;
    perspective: none; } }

.reader-start__title {
  color: #3d596d;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 8px; }
  @media (max-width: 960px) {
    .reader-start__title {
      padding: 0 15px; } }
  @media (max-width: 660px) {
    .reader-start__title {
      margin-top: 20px; } }

.reader-start__description {
  color: #668eaa;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.5;
  margin-bottom: 15px; }
  @media (max-width: 960px) {
    .reader-start__description {
      padding: 0 15px; } }

@media (max-width: 480px) {
  .reader-start__cards {
    margin-top: -10px; } }

.reader-start__cards .site-icon {
  clear: both;
  float: left;
  margin: 4px 6px 0 0; }
  .reader-start__cards .site-icon.is-blank {
    display: none; }

.reader-start-card {
  margin-bottom: 25px;
  padding: 16px;
  width: 100%; }
  .reader-start-card.is-placeholder {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-right: 14px !important; }
    .reader-start-card.is-placeholder .reader-start-card__site-title,
    .reader-start-card.is-placeholder .reader-start-post-preview__title,
    .reader-start-card.is-placeholder .reader-start-post-preview__byline,
    .reader-start-card.is-placeholder .reader-start-post-preview__excerpt,
    .reader-start-card.is-placeholder .reader-start-card__follower-count,
    .reader-start-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-start-card.is-placeholder .reader-start-card__site-title {
      margin-bottom: 2px; }
    .reader-start-card.is-placeholder .reader-start-post-preview__title,
    .reader-start-card.is-placeholder .reader-start-post-preview__byline {
      width: 60%; }
    .reader-start-card.is-placeholder .reader-start-post-preview__excerpt {
      margin-bottom: 0; }
    .reader-start-card.is-placeholder .reader-start-post-preview__post-content {
      padding-bottom: 1em; }
    .reader-start-card.is-placeholder .site-icon {
      float: left;
      margin: 5px 5px 0 0; }
    .reader-start-card.is-placeholder .reader-start-post-preview__featured-label {
      display: none; }
    .reader-start-card.is-placeholder .reader-start-post-preview__post-content {
      margin-top: 0;
      padding: 15px 10px 20px; }
  @media (min-width: 961px) {
    .reader-start-card {
      display: inline-block;
      margin: 0px 0px 14px 0px;
      width: 47%; } }
  @media (max-width: 480px) {
    .reader-start-card:first-child {
      margin-top: 20px; } }
  .reader-start-card:nth-child(even), .reader-start-card:last-child {
    margin-right: 0; }
  .reader-start-card .site-icon__img {
    position: static; }
  .reader-start-card .reader-start-card-footer {
    margin-top: -25px; }
  .reader-start-card.has-post-preview .reader-start-card-footer {
    margin: 0; }
  .reader-start-card .post-excerpt,
  .reader-start-card .post-excerpt.is-long {
    font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    margin: 10px 0 -3px;
    max-height: 65px; }
    @media (min-width: 481px) {
      .reader-start-card .post-excerpt,
      .reader-start-card .post-excerpt.is-long {
        max-height: 56px; } }
    .reader-start-card .post-excerpt:after,
    .reader-start-card .post-excerpt.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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
      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: 25px;
      position: absolute;
      bottom: 0;
      top: 40px;
      width: 40%; }
      @media (min-width: 661px) {
        .reader-start-card .post-excerpt:after,
        .reader-start-card .post-excerpt.is-long:after {
          top: 36px; } }
  .reader-start-card .follow-button {
    border-color: #0087be; }
    .reader-start-card .follow-button .gridicon {
      fill: #0087be; }
    .reader-start-card .follow-button .follow-button__label {
      color: #0087be; }
    .reader-start-card .follow-button:hover {
      border-color: #2e4453;
      color: #2e4453; }
      .reader-start-card .follow-button:hover .gridicon {
        fill: #2e4453; }
      .reader-start-card .follow-button:hover .follow-button__label {
        cursor: pointer;
        color: #2e4453; }
  .reader-start-card .follow-button.is-following {
    border-color: #4ab866; }
    .reader-start-card .follow-button.is-following .follow-button__label {
      color: #4ab866; }
    .reader-start-card .follow-button.is-following .gridicon {
      fill: #4ab866; }
    .reader-start-card .follow-button.is-following:hover {
      background: none; }
      .reader-start-card .follow-button.is-following:hover .gridicon {
        fill: #4ab866; }
      .reader-start-card .follow-button.is-following:hover .follow-button__label {
        cursor: pointer;
        color: #4ab866; }

.reader-start-card__header {
  height: 40px;
  margin-bottom: 10px; }

.reader-start-card__site-info {
  float: left;
  margin-top: 3px;
  width: 42%; }

.reader-start-card__site-title {
  color: #2e4453;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  margin: 1px 120px 0 0;
  overflow: hidden;
  padding-bottom: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.reader-start-card__site-description {
  color: #4f748e;
  font-size: 12px; }
  .reader-start-card__site-description .site-icon {
    margin: auto; }

.reader-start-card__follower-count {
  color: #87a6bc;
  float: left;
  font-size: 11px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }
  .reader-start-card__follower-count a {
    color: inherit; }

.reader-start-card__follow {
  position: absolute;
  right: 16px; }

.reader-start-post-preview {
  border: 1px solid #e9eff3;
  border-radius: 1px;
  margin-top: 15px;
  position: relative; }
  .reader-start-post-preview.has-image {
    margin-top: 6px; }

.reader-start-post-preview__featured-link {
  display: block; }

.reader-start-post-preview__featured-label {
  background-color: white;
  color: #87a6bc;
  display: inline;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .05em;
  margin-left: 4px;
  padding: 0 4px 0 6px;
  position: relative;
  top: -14px;
  text-transform: uppercase; }

.has-image .reader-start-post-preview__featured-label {
  color: white;
  background: none;
  font-size: 10px;
  letter-spacing: .03em;
  padding: 5px 0 0 3px;
  position: absolute;
  top: 0;
  text-transform: uppercase;
  z-index: 1; }

.has-image .reader-start-post-preview__featured-image {
  height: 80px; }

.has-image .reader-start-post-preview__post-content {
  padding: 12px 10px 20px;
  margin-top: 0; }

.has-image .reader-start-post-preview__featured-image {
  background-size: cover;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px; }
  .has-image .reader-start-post-preview__featured-image.is-dark:before, .has-image .reader-start-post-preview__featured-image.is-light:before {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
    content: ' ';
    height: 80px;
    opacity: .75;
    position: absolute;
    width: 100%; }
  .has-image .reader-start-post-preview__featured-image.is-light:before {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 51%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 51%, rgba(0, 0, 0, 0.7) 100%); }
  .has-image .reader-start-post-preview__featured-image .reader-start-post-preview__post-content {
    margin-top: -98px; }

.is-photo .reader-start-card__header {
  padding: 10px;
  position: absolute;
  width: calc( 100% - 52px); }
  @media (min-width: 481px) {
    .is-photo .reader-start-card__header {
      width: calc( 100% - 50px); } }

.is-photo .reader-start-card__site-info {
  position: relative;
  z-index: 1; }
  .is-photo .reader-start-card__site-info .reader-start-card__site-title {
    color: white; }
  .is-photo .reader-start-card__site-info .reader-start-card__follower-count {
    color: white;
    opacity: .8; }

.is-photo .follow-button {
  border-color: white;
  z-index: 1; }
  .is-photo .follow-button .follow-button__label {
    color: white; }
  .is-photo .follow-button .gridicon {
    fill: white; }
  .is-photo .follow-button:hover {
    border-color: #c8d7e1; }
    .is-photo .follow-button:hover .follow-button__label {
      color: #c8d7e1; }
    .is-photo .follow-button:hover .gridicon {
      fill: #c8d7e1; }

.is-photo .follow-button.is-following:hover {
  border-color: #4ab866; }

.is-photo .reader-start-post-preview__featured-label {
  opacity: .75;
  position: absolute;
  left: 3px;
  top: 120px; }

.is-photo .reader-start-post-preview__post-content {
  margin-top: 150px;
  padding: 0 10px;
  position: relative;
  z-index: 1; }
  .is-photo .reader-start-post-preview__post-content .reader-start-post-preview__title {
    color: white;
    display: block;
    position: relative;
    z-index: 1; }
  .is-photo .reader-start-post-preview__post-content .reader-start-post-preview__byline {
    color: white; }
  .is-photo .reader-start-post-preview__post-content .reader-start-post-preview__author {
    opacity: .65; }

.is-photo .reader-start-post-preview__featured-image {
  min-height: 200px;
  position: absolute;
  height: 100%;
  width: 100%; }
  .is-photo .reader-start-post-preview__featured-image.is-dark:before, .is-photo .reader-start-post-preview__featured-image.is-light:before {
    background: #2e4453;
    content: '';
    height: 100%;
    opacity: .75;
    position: absolute;
    width: 100%; }
  .is-photo .reader-start-post-preview__featured-image.is-light:before {
    opacity: .85; }

.is-photo .reader-start-post-preview {
  margin-top: 0; }

.is-photo .reader-start-post-preview.has-image {
  margin-top: 0; }

.is-photo .site-icon {
  display: none; }

.reader-start-post-preview__post-content {
  padding: 0 10px 20px;
  margin-top: -2px; }

.reader-start-post-preview__title {
  color: #2e4453;
  display: block;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 5px; }
  .reader-start-post-preview__title:visited {
    color: #2e4453; }
  .reader-start-post-preview__title:hover {
    color: #4f748e; }

.reader-start-post-preview__byline {
  color: #87a6bc;
  font-size: 12px;
  margin-bottom: 10px; }
  .reader-start-post-preview__byline .gravatar {
    float: left; }

.reader-start-post-preview__author {
  margin-left: 4px; }

.reader-start__bar.is-follow, .reader-start__bar.is-following {
  -webkit-animation: slideIn 0.15s ease-in-out 1 forwards;
          animation: slideIn 0.15s ease-in-out 1 forwards;
  background: #00aadc;
  border-radius: 24px;
  color: white;
  font-size: 14px;
  margin: 0;
  opacity: 1;
  padding: 10px 25px;
  position: fixed;
  left: 49%;
  bottom: 20px;
  text-align: center;
  z-index: 2; }
  @media (max-width: 960px) {
    .reader-start__bar.is-follow, .reader-start__bar.is-following {
      font-size: 12px; } }

.reader-start__bar.is-following {
  background: #4ab866;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: fixed;
  left: 50%; }
  @media (max-width: 660px) {
    .reader-start__bar.is-following {
      left: 5%;
      width: 90%; } }
  .reader-start__bar.is-following .reader-start__bar-text {
    padding: 13px 15px;
    text-align: center;
    width: 75%; }

@media (max-width: 660px) {
  .reader-start__bar.is-follow {
    bottom: 0;
    left: 3%;
    width: 80%; } }

.reader-start__manage {
  color: #668eaa;
  margin: 20px 0 130px;
  text-align: center; }
  .reader-start__manage a,
  .reader-start__manage a:visited {
    text-decoration: underline; }
  .reader-start__manage a:hover {
    text-decoration: none; }

.reader-start__bar-action {
  background: #338247;
  border-top-right-radius: 23px;
  border-bottom-right-radius: 23px;
  border: 0;
  color: white;
  cursor: pointer;
  margin-left: auto;
  padding: 13px 25px 13px 20px; }
  @media (max-width: 660px) {
    .reader-start__bar-action {
      padding: 13px 35px 13px 30px; } }
  .reader-start__bar-action:hover {
    background: #81ce94;
    color: white; }

@-webkit-keyframes slideIn {
  0% {
    opacity: 0%;
    -webkit-transform: translateY(80px);
            transform: translateY(80px); }
  100% {
    opacity: 100%;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); } }

@keyframes slideIn {
  0% {
    opacity: 0%;
    -webkit-transform: translateY(80px);
            transform: translateY(80px); }
  100% {
    opacity: 100%;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); } }

.reader__content a {
  color: #00aadc; }
  .reader__content a:hover {
    color: #78dcfa; }

.reader__content sup, .reader__content sub,
.reader__full-post-content sup,
.reader__full-post-content sub {
  position: relative;
  font-size: 0.83em; }

.reader__content sup,
.reader__full-post-content sup {
  top: -0.5em; }

.reader__content sub,
.reader__full-post-content sub {
  bottom: -0.5em; }

.reader__full-post-content table th,
.reader__full-post-content table td {
  padding: 10px; }

.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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
      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: Merriweather, 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; }

.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: -webkit-linear-gradient(top, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%);
  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 #e9eff3; }
  .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: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .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 .post-permalink {
    margin-right: auto; }
  .reader__post-footer a {
    text-decoration: 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: 500px; }

.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 */
  background: #eee;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  text-indent: 10px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap; }

.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 {
  margin-top: -120px;
  padding-top: 0; }
  .is-group-reader .main .empty-content img {
    min-height: 150px; }
  @media (max-width: 480px) {
    .is-group-reader .main .empty-content {
      margin-top: -72px; } }
  .is-group-reader .main .empty-content .empty-content__illustration {
    min-height: 100px; }

@media (max-width: 480px) {
  .is-group-reader .empty-content__action {
    margin-bottom: 10px; } }

/* = Foldable card (toggle arrow is opposite side in Reader)
 --------------------------------------------------------------- */
.following-edit .foldable-card__action {
  width: 45px;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0; }

.following-edit .foldable-card.is-expanded {
  margin-bottom: 0;
  border-top: 0; }
  .following-edit .foldable-card.is-expanded .foldable-card__content {
    padding: 0; }

.following-edit .foldable-card__expand .gridicon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  top: 24px;
  left: 0; }

.following-edit .foldable-card.is-expanded .gridicon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

.is-group-reader .card.stream-header, .is-group-reader .stream-header.editor-drawer-well__placeholder {
  min-height: 72px;
  padding: 24px 144px 24px 24px; }
  @media (max-width: 660px) {
    .is-group-reader .card.stream-header, .is-group-reader .stream-header.editor-drawer-well__placeholder {
      padding-right: 72px; } }
  .is-group-reader .card.stream-header.has-icon, .is-group-reader .stream-header.has-icon.editor-drawer-well__placeholder {
    padding-left: 72px; }
  .is-group-reader .card.stream-header.has-description, .is-group-reader .stream-header.has-description.editor-drawer-well__placeholder {
    padding-top: 13px;
    padding-bottom: 13px; }
  .is-group-reader .card.stream-header:hover, .is-group-reader .stream-header.editor-drawer-well__placeholder:hover {
    cursor: default;
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.stream-header__icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 48px;
  width: 48px;
  background: #c8d7e1;
  text-align: center; }
  .stream-header__icon .gridicon {
    fill: white;
    height: 24px;
    width: 24px;
    position: relative;
    top: 12px; }
  .stream-header__icon .gridicon__tag {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 11px;
    left: 1px; }

.stream-header__title {
  color: #2e4453;
  font-size: 16px; }

.stream-header__description {
  margin: 0;
  color: #87a6bc; }

.stream-header__follow {
  position: absolute;
  right: 10px;
  top: 15px; }

.stream-header.is-placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .stream-header.is-placeholder .stream-header__title,
  .stream-header.is-placeholder .follow-button,
  .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; }
  .stream-header.is-placeholder .stream-header__title {
    margin-right: 25%; }
  .stream-header.is-placeholder .gridicon {
    display: none;
    border: 1px solid red; }

.stream-header__edit .stream-header__action-label {
  display: none; }

.stream-header__edit .stream-header__action-icon svg {
  fill: #87a6bc;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 24px; }

.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: 2;
  margin: 0;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  pointer-events: none;
  -webkit-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, -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; }

.step-wrapper {
  max-width: 960px;
  margin: 0 auto; }
  .step-wrapper.is-wide-layout {
    max-width: 1040px; }

.signup__step {
  margin: 0 24px;
  position: absolute;
  left: 0;
  right: 0; }
  @media (max-width: 480px) {
    .signup__step {
      margin: 0; } }

.signup__step-enter {
  opacity: 0.01; }
  .signup__step-enter .is-animated-content {
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0); }

.signup__step-enter.signup__step-enter-active,
.signup__step-leave.signup__step-leave-active {
  pointer-events: none; }

.signup__step-enter.signup__step-enter-active {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition-delay: .2s;
          transition-delay: .2s; }
  .signup__step-enter.signup__step-enter-active .is-animated-content {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transition-delay: .2s;
            transition-delay: .2s; }

.signup__step-leave {
  opacity: 1; }
  .signup__step-leave .is-animated-content {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.signup__step-leave.signup__step-leave-active {
  opacity: 0.01;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .signup__step-leave.signup__step-leave-active .is-animated-content {
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }

.is-section-signup .layout__content {
  overflow: visible; }

.flow-progress-indicator {
  color: #87a6bc;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: -10px;
  text-align: center; }
  @media (max-width: 660px) {
    .flow-progress-indicator {
      padding-top: 10px; } }

.jetpack-connect {
  max-width: 400px; }
  .jetpack-connect .logged-out-form__links {
    max-width: 100%; }
    .jetpack-connect .logged-out-form__links .logged-out-form__link-item .gridicon {
      position: relative;
      top: 4px; }

.jetpack-connect-wide {
  max-width: 100%;
  text-align: center;
  margin-bottom: 24px; }
  .jetpack-connect-wide .button.is-primary {
    width: 320px; }

.jetpack-connect__site-url-entry-container {
  max-width: 400px; }

.jetpack-connect__header-container {
  text-align: center; }
  .jetpack-connect__header-container .jetpack-logo {
    width: 72px;
    height: 72px; }
  .jetpack-connect__header-container .step-header {
    margin-bottom: 16px; }

.jetpack-connect__wp-admin-dialog.dialog.card, .jetpack-connect__wp-admin-dialog.dialog.editor-drawer-well__placeholder {
  max-width: 400px; }
  .jetpack-connect__wp-admin-dialog.dialog.card .jetpack-connect__install-wp-admin, .jetpack-connect__wp-admin-dialog.dialog.editor-drawer-well__placeholder .jetpack-connect__install-wp-admin {
    width: 400px;
    height: 294px; }

.jetpack-connect__site-url-input-container .site-address-container {
  position: relative; }
  .jetpack-connect__site-url-input-container .site-address-container .gridicon {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #c8d7e1; }
  .jetpack-connect__site-url-input-container .site-address-container .form-text-input {
    padding-left: 40px; }
  .jetpack-connect__site-url-input-container .site-address-container .spinner {
    position: absolute;
    right: 8px;
    top: 10px; }

.jetpack-connect__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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 661px) {
    .jetpack-connect__install-steps {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.jetpack-connect__install-step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -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;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }

.jetpack-connect__example {
  width: 100%; }

.jetpack-connect__browser-chrome {
  padding: 8px;
  background-color: #e9eff3;
  border-radius: 8px 8px 0 0; }

.jetpack-connect__browser-chrome-dots {
  line-height: 0;
  margin-bottom: 8px; }

.jetpack-connect__browser-chrome-dot {
  display: inline-block;
  margin-right: 8px;
  background-color: #a8bece;
  width: 8px;
  height: 8px;
  border-radius: 50%; }

.jetpack-connect__example-content {
  position: relative;
  margin: 0 1px;
  line-height: 0;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.jetpack-connect__example-install-plugin-header {
  width: 100%;
  padding-bottom: 12%;
  background-color: #8CC258; }

.jetpack-connect__example-install-plugin-body {
  width: 100%;
  padding-bottom: 38%; }

.jetpack-connect__example-install-plugin-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 9px 16px;
  text-align: right;
  background-color: #F3F3F3; }

.jetpack-connect__example-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; }

.jetpack-connect__example-activate-jetpack {
  background-color: #F1F1F1; }

.jetpack-connect__example-connect-jetpack {
  background-color: #F1F1F1; }

.jetpack-connect__example-content-wp-admin-masterbar {
  width: 100%;
  padding-bottom: 6%;
  background-color: #23282D; }

.jetpack-connect__example-content-wp-admin-sidebar {
  display: inline-block;
  width: 15%;
  padding-bottom: 44%;
  line-height: 0;
  background-color: #23282D; }

.jetpack-connect__example-content-wp-admin-main {
  display: inline-block;
  vertical-align: top;
  width: 85%;
  line-height: 1.5; }

.jetpack-connect__example-content-wp-admin-connect-banner {
  margin: 10px;
  padding: 12px 10px 16px 10px;
  text-align: right;
  background-color: #81A844; }

.jetpack-connect__example-content-wp-admin-connect-button {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 11px 10px;
  color: white;
  background-color: #518D2A;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 0 0 #3E6C20; }

.jetpack-connect__example-content-wp-admin-plugin-card {
  margin: 10px;
  padding: 12px 10px;
  background-color: white; }

.jetpack-connect__example-content-wp-admin-plugin-name {
  font-size: 12px; }

.jetpack-connect__example-content-wp-admin-plugin-activate-link {
  font-size: 12px;
  color: #0073AA; }

.jetpack-connect__example-content-wp-admin-activate-view {
  margin: 10px; }

.jetpack-connect__example-content-wp-admin-activate-link {
  font-size: 12px;
  color: #0073AA;
  text-decoration: underline; }

.jetpack-connect__site-url-input-container .site-address-container .jetpack-connect__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: Merriweather, 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, .jetpack-connect__site.editor-drawer-well__placeholder {
  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; }

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

.navigation-link {
  cursor: pointer;
  display: inline-block;
  margin: 24px 12px;
  text-align: center; }

/* Gridicon Floaties */
@-webkit-keyframes floating {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(0) translateX(0) rotate(0);
            transform: scale(0.8) translateY(0) translateX(0) rotate(0); }
  70% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(30px) translateX(30px) rotate(-20deg);
            transform: scale(1) translateY(30px) translateX(30px) rotate(-20deg); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(0) translateX(0) rotate(0);
            transform: scale(0.8) translateY(0) translateX(0) rotate(0); } }
@keyframes floating {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(0) translateX(0) rotate(0);
            transform: scale(0.8) translateY(0) translateX(0) rotate(0); }
  70% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(30px) translateX(30px) rotate(-20deg);
            transform: scale(1) translateY(30px) translateX(30px) rotate(-20deg); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(0) translateX(0) rotate(0);
            transform: scale(0.8) translateY(0) translateX(0) rotate(0); } }

@-webkit-keyframes focus {
  0%, 100% {
    opacity: 0.1;
    -webkit-filter: blur(1px);
            filter: blur(1px); }
  70% {
    opacity: 0.2;
    -webkit-filter: blur(4px);
            filter: blur(4px); } }

@keyframes focus {
  0%, 100% {
    opacity: 0.1;
    -webkit-filter: blur(1px);
            filter: blur(1px); }
  70% {
    opacity: 0.2;
    -webkit-filter: blur(4px);
            filter: blur(4px); } }

.signup-processing-screen__floaties {
  pointer-events: none;
  position: fixed;
  top: 40px;
  right: 0;
  bottom: 0;
  max-height: calc( 100vw - 30px);
  opacity: 0.1;
  -webkit-animation: focus 5s infinite ease-in-out;
          animation: focus 5s infinite ease-in-out; }
  @media (min-width: 661px) {
    .signup-processing-screen__floaties {
      left: 0; } }
  @media (max-width: 660px) {
    .signup-processing-screen__floaties {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      left: 130px;
      top: -120px; } }
  @media (min-width: 961px) {
    .signup-processing-screen__floaties {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); } }
  @media (min-width: 1041px) {
    .signup-processing-screen__floaties {
      -webkit-transform: scale(1.5);
              transform: scale(1.5); } }
  .signup-processing-screen__floaties .gridicon {
    fill: #87a6bc;
    position: absolute;
    height: auto;
    width: auto;
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-animation: floating 10s infinite ease-in-out;
            animation: floating 10s infinite ease-in-out; }
  .signup-processing-screen__floaties .gridicons-add {
    top: 0px;
    left: calc( 50% - 320px);
    height: 150px;
    width: 150px; }
  .signup-processing-screen__floaties .gridicons-aside {
    top: 150px;
    left: calc( 50% + 310px);
    height: 70px;
    width: 70px;
    -webkit-animation-delay: 8s;
            animation-delay: 8s; }
  .signup-processing-screen__floaties .gridicons-attachment {
    height: 60px;
    width: 60px;
    top: 70px;
    left: calc(50% + 220px);
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .signup-processing-screen__floaties .gridicons-audio {
    height: 80px;
    width: 80px;
    top: 170px;
    left: calc(50% - 220px);
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
  .signup-processing-screen__floaties .gridicons-bell {
    height: 120px;
    width: 120px;
    top: 10px;
    left: calc( 50% + 290px);
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
  .signup-processing-screen__floaties .gridicons-book {
    top: 340px;
    left: calc(50% - 300px);
    height: 100px;
    width: 100px;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-camera {
    top: 300px;
    left: calc(50% + 200px);
    height: 160px;
    width: 160px;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-comment {
    left: calc( 50% + 130px);
    top: 167px;
    height: 140px;
    width: 140px;
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  .signup-processing-screen__floaties .gridicons-globe {
    height: 100px;
    width: 100px;
    top: 220px;
    left: calc(50% - 330px);
    -webkit-animation-delay: 4s;
            animation-delay: 4s; }
  .signup-processing-screen__floaties .gridicons-pencil {
    height: 220px;
    width: 220px;
    top: -110px;
    left: calc(50% + 110px);
    -webkit-animation-delay: 4s;
            animation-delay: 4s; }
  .signup-processing-screen__floaties .gridicons-phone {
    height: 80px;
    width: 80px;
    top: 130px;
    left: calc(50% - 390px);
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .signup-processing-screen__floaties .gridicons-reader {
    height: 130px;
    width: 130px;
    top: 360px;
    left: calc(50% - 170px);
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-animation-delay: 4s;
            animation-delay: 4s; }
  .signup-processing-screen__floaties .gridicons-star {
    height: 90px;
    width: 90px;
    top: 380px;
    left: calc(50% + 60px); }
  .signup-processing-screen__floaties .gridicons-video {
    top: 245px;
    left: calc(50% - 160px);
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
  .signup-processing-screen__floaties .gridicons-align-image-right {
    top: 280px;
    left: calc(50% + 90px);
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .signup-processing-screen__floaties .gridicons-bookmark {
    top: 460px;
    height: 110px;
    width: 110px;
    left: calc(50% - 440px);
    -webkit-animation-delay: 10s;
            animation-delay: 10s; }
  .signup-processing-screen__floaties .gridicons-briefcase {
    top: 320px;
    height: 80px;
    width: 80px;
    left: calc(50% - 450px);
    -webkit-animation-delay: 8s;
            animation-delay: 8s; }
  .signup-processing-screen__floaties .gridicons-calendar {
    top: 460px;
    left: calc(50% + 300px);
    height: 80px;
    width: 80px;
    -webkit-animation-delay: 10s;
            animation-delay: 10s; }
  .signup-processing-screen__floaties .gridicons-clipboard {
    top: 240px;
    left: calc(50% + 290px);
    height: 50px;
    -webkit-animation-delay: 10s;
            animation-delay: 10s; }
  .signup-processing-screen__floaties .gridicons-cloud-upload {
    top: 180px;
    left: calc(50% - 280px);
    height: 40px;
    width: 40px;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-cog {
    top: 110px;
    left: calc(50% + 160px);
    height: 40px;
    width: 40px;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-customize {
    top: 240px;
    height: 40px;
    width: 40px;
    left: calc(50% - 400px);
    -webkit-animation-delay: 8s;
            animation-delay: 8s; }
  .signup-processing-screen__floaties .gridicons-help {
    top: 460px;
    left: calc(50% + 160px);
    height: 90px;
    width: 90px;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-link {
    top: 60px;
    left: calc(50% - 160px);
    height: 50px;
    width: 50px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .signup-processing-screen__floaties .gridicons-lock {
    top: 60px;
    left: calc(50% - 400px);
    height: 50px;
    width: 50px;
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .signup-processing-screen__floaties .gridicons-pages {
    top: 70px;
    left: calc(50% + 70px);
    height: 50px;
    width: 50px;
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .signup-processing-screen__floaties .gridicons-share {
    top: 280px;
    left: calc(50% + 360px);
    -webkit-animation-delay: 9s;
            animation-delay: 9s; }
  .signup-processing-screen__floaties .gridicons-stats {
    top: 470px;
    left: calc(50% - 270px);
    height: 80px;
    width: 80px;
    -webkit-animation-delay: 10s;
            animation-delay: 10s; }

.signup-processing__content {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0 auto; }

/* WP.com Logo */
.signup-process-screen__wpcom-logo {
  height: 120px;
  width: 120px;
  display: block;
  margin: 10px auto 40px auto;
  border-radius: 100%;
  box-shadow: 0 0 10px 10px #f3f6f8;
  fill: #c8d7e1;
  background: rgba(243, 246, 248, 0.8); }
  @media (max-width: 660px) {
    .signup-process-screen__wpcom-logo {
      margin-top: 48px; } }

.signup-process-screen__title {
  margin: 0;
  padding: 0 16px;
  text-align: center; }

/* Continue Button */
@keyframes pulse {
  0%, 100% {
    opacity: 1; }
  60% {
    opacity: 0.4; } }

.email-confirmation__button {
  display: block;
  padding: 10px 24px;
  margin: 24px auto 48px auto; }

.email-confirmation__button:disabled {
  -webkit-animation: pulse 1s infinite linear;
          animation: pulse 1s infinite linear; }

.signup-processing-screen__loader {
  -webkit-animation: load8 1.1s infinite linear;
          animation: load8 1.1s infinite linear;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  font-size: 5px;
  margin: 20px auto;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

.signup-processing-screen__loader, .signup-processing-screen__loader:after {
  border-radius: 50%;
  height: 10em;
  width: 10em; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.step-header {
  margin: 16px 0 24px 0;
  text-align: center; }
  @media (min-width: 961px) {
    .step-header {
      margin-bottom: 35px; }
      .step-header.is-without-subhead {
        margin-bottom: 24px; } }

.step-header__title {
  font-size: 24px;
  margin: 0 0 5px 0; }

.step-header__subtitle {
  color: #4f748e;
  font-size: 14px; }
  @media (max-width: 480px) {
    .step-header__subtitle {
      margin: 0;
      padding: 0 20px; } }

.step-wrapper__buttons {
  text-align: center; }

.step-wrapper__buttons.is-wide-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.step-wrapper__buttons.is-wide-navigation .navigation-link {
  width: 30%;
  text-align: left;
  white-space: nowrap;
  margin: 24px 0; }

.step-wrapper__buttons.is-wide-navigation .navigation-link:last-child {
  text-align: right; }

.step-wrapper__compare-plans {
  display: block;
  font-size: 12px;
  margin: 20px 0 20px 0;
  text-align: center;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }
  .step-wrapper__compare-plans .gridicon {
    margin: -2px 3px 0 0;
    vertical-align: middle; }

.domains-step__section-wrapper {
  margin: 0 auto;
  max-width: 650px; }

.survey-step__section-wrapper {
  margin: 0 auto 2em;
  max-width: 500px; }

.survey-step__verticals-wrapper {
  position: relative; }

.survey-step__question {
  text-align: center;
  font-size: 14px;
  font-weight: 600; }

.survey-step__verticals {
  pointer-events: none;
  opacity: 0.4;
  -webkit-transform: translateX(-20%) scale(0.8);
          transform: translateX(-20%) scale(0.8);
  -webkit-transition: opacity 0.15s ease-out, -webkit-filter 0.15s linear, -webkit-transform 0.15s ease-out;
  transition: opacity 0.15s ease-out, -webkit-filter 0.15s linear, -webkit-transform 0.15s ease-out;
  transition: filter 0.15s linear, opacity 0.15s ease-out, transform 0.15s ease-out;
  transition: filter 0.15s linear, opacity 0.15s ease-out, transform 0.15s ease-out, -webkit-filter 0.15s linear, -webkit-transform 0.15s ease-out; }
  .survey-step__verticals.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1); }
  @supports (overflow: -webkit-marquee) and (justify-content: inherit) {
    .survey-step__verticals {
      -webkit-filter: blur(3px);
              filter: blur(3px); }
      .survey-step__verticals.active {
        -webkit-filter: blur(0);
                filter: blur(0); } }

.survey-step__sub-verticals {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 500px;
  padding: 0;
  margin-bottom: 24px;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  .survey-step__sub-verticals.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .survey-step__sub-verticals .header-cake.card, .survey-step__sub-verticals .header-cake.editor-drawer-well__placeholder {
    margin-top: 0; }

.survey-step__vertical {
  margin-bottom: 0;
  cursor: pointer; }

.survey-step__vertical__icon {
  vertical-align: bottom;
  margin-top: -2px;
  margin-right: 16px;
  color: #a8bece; }
  .survey-step__vertical:hover .survey-step__vertical__icon {
    color: #87a6bc; }

.design-type__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.design-type__choice {
  padding: 0;
  margin: 0 10px 20px 10px;
  width: 230px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out; }
  .design-type__choice a, .design-type__choice svg {
    display: block;
    width: 100%; }
  .design-type__choice h2 {
    color: #4f748e;
    padding-left: 15px;
    border-top: 1px solid rgba(200, 215, 225, 0.5);
    line-height: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em; }
  .design-type__choice:hover {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .design-type__choice.is-spacergif {
    height: 0;
    width: 230px;
    margin: 0 10px;
    padding: 0; }

.design-type-with-store {
  position: relative; }

.design-type-with-store__section-wrapper {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translateZ(0) translateX(0);
          transform: translateZ(0) translateX(0);
  -webkit-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out filter, 0.5s ease-in-out transform;
  transition: 0.5s ease-in-out opacity, 0.5s ease-in-out filter, 0.5s ease-in-out transform; }
  .design-type-with-store__section-wrapper.is-hidden {
    pointer-events: none;
    -webkit-transform: translateZ(0) translateX(-25%);
            transform: translateZ(0) translateX(-25%);
    opacity: 0; }

.design-type-with-store__pressable-wrapper {
  position: absolute;
  width: 100%;
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translateZ(0) translateX(0);
          transform: translateZ(0) translateX(0);
  -webkit-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out filter, 0.5s ease-in-out transform;
  transition: 0.5s ease-in-out opacity, 0.5s ease-in-out filter, 0.5s ease-in-out transform; }
  .design-type-with-store__pressable-wrapper.is-hidden {
    pointer-events: none;
    -webkit-transform: translateZ(0) translateX(25%);
            transform: translateZ(0) translateX(25%);
    opacity: 0; }

.design-type-with-store__list {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  max-width: 640px; }

.design-type-with-store__choice {
  padding: 0;
  margin: 0 10px 20px 10px;
  width: 230px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out; }
  .design-type-with-store__choice a, .design-type-with-store__choice svg {
    display: block;
    width: 100%; }
  .design-type-with-store__choice h2 {
    color: #4f748e;
    padding-left: 15px;
    border-top: 1px solid rgba(200, 215, 225, 0.5);
    line-height: 54px; }
  .design-type-with-store__choice:hover {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }

.pressable-store__hero-image {
  width: 100%;
  margin-top: 8px; }

.pressable-store__heading {
  margin-top: 6px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400; }
  @media (min-width: 481px) {
    .pressable-store__heading {
      margin-top: 30px; } }

.pressable-store__copy {
  font-size: 14px; }

.pressable-store__form {
  max-width: 600px; }

.pressable-store__form-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.pressable-store__form-label {
  margin-bottom: 11px; }

.pressable-store__form-email.is-spaced {
  margin-bottom: 10px; }

@media (min-width: 661px) {
  .pressable-store__form-email {
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3 0 0;
        -ms-flex: 1.3 0 0;
            flex: 1.3 0 0; }
    .pressable-store__form-email.is-spaced {
      margin-right: 10px;
      margin-bottom: 0; }
  .pressable-store__form-submit {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0; } }

.pressable-store__privacy-policy {
  text-align: center; }

.pressable-store__back-button-wrapper {
  margin: 24px 0;
  text-align: center; }

.plans-step {
  margin: 0 auto;
  max-width: 700px; }
  .plans-step.is-wide-layout {
    margin: auto;
    max-width: 1040px; }
  .plans-step .step-header.is-without-subhead {
    margin-bottom: 0; }

.plans-step__compare-plans-link {
  clear: both;
  display: block;
  font-size: 12px;
  margin: 20px 0 0 0;
  text-align: center; }
  .plans-step__compare-plans-link .gridicon {
    margin: -2px 3px 0 0;
    vertical-align: middle; }

.plans-step__compare {
  margin-top: 25px; }

.paid-plans-only .plan-list {
  margin: 0 auto;
  max-width: 458px; }

.site-signup-step__site-url.form-text-input {
  padding-right: 122px; }

.site-signup-step__wordpress-domain-suffix {
  color: #87a6bc;
  line-height: 40px;
  margin-left: -122px;
  pointer-events: none;
  position: absolute; }

.validation-fieldset {
  margin-bottom: 0;
  position: relative; }
  .validation-fieldset .form-setting-explanation {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .validation-fieldset .form-setting-explanation.no-validate {
      max-height: none;
      overflow: auto; }
  .validation-fieldset input:focus + .form-setting-explanation {
    max-height: 100px; }

.validation-fieldset__validation-message {
  min-height: 38px; }
  .validation-fieldset__validation-message p {
    margin: 0; }

.validation-fieldset + .logged-out-form__footer {
  margin-top: 0; }
  @media (min-width: 481px) {
    .validation-fieldset + .logged-out-form__footer {
      margin-top: 20px; } }

.support-user__login-dialog.dialog.card, .support-user__login-dialog.dialog.editor-drawer-well__placeholder {
  min-width: 380px; }

.support-user__heading {
  font-size: 21px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 15px; }

.vip-logs__table {
  border-collapse: collapse;
  margin-bottom: 0; }
  .vip-logs__table th, .vip-logs__table td {
    padding: 10px 10px; }

.vip-logs__no-results {
  display: table-row; }

.vip-logs__no-results-cell {
  padding: 20px 0;
  text-align: center; }

.vip-logs__table tbody {
  font-size: 14px; }
  .vip-logs__table tbody .vip-logs__date {
    padding-left: 0; }
  .vip-logs__table tbody .vip-logs__log {
    padding-right: 0; }

.vip-logs__log {
  border-bottom: 1px solid #e9eff3; }
  .vip-logs__log:last-child {
    border-bottom: none; }

.vip-logs__log-prefix-error {
  color: #d94f4f; }

.vip-logs__log-prefix-warning {
  color: #f0b849; }

.vip-logs__log-prefix {
  padding-right: 5px; }

.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 .select-dropdown__header {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 5px 10px; }
    .card__component-instance .select-dropdown__header::after {
      top: 7px; }
  .card__component-instance .select-dropdown__item {
    font-size: 12px;
    line-height: 12px; }
  .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; }