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

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

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

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

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

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

.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer; }

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

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

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

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

.DraftEditor-root {
  position: relative; }

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

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

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

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

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

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

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

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

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

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

.DraftEditorPlaceholder-hidden {
  display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.social-logo {
  fill: currentColor; }

html, body, div, span, applet, object, iframe,
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,
label, legend,
caption {
  border: 0;
  font-family:'Open Sans';
  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; }


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

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

a:focus {
  outline: 0; }

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


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

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

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

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

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

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

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

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

th {
  font-weight: 600; }

.hide, .hidden {
  display: none; }

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

a:hover,
a:focus,
a:active {
  color: #445870;
  outline: 0; }

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

html.iframed {
  overflow: hidden; }

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

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

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

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

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

/*
@todo this needs to become a component
*/
.environment-badge {
  padding: 16px 0;
  position: fixed;
  bottom: 0;
  right: 16px;
  z-index: 999;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .environment-badge:hover .environment {
    display: inline-block; }
  .environment-badge .bug-report {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: white;
    border: solid 1px #2e4453;
    border-radius: 50%;
    color: #2e4453;
    margin-left: -4px;
    text-decoration: none;
    text-align: center;
    z-index: 1000;
    -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: #004967;
      color: #004967; }
      .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 {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  margin: 0 0 10px 0; }

.domain-search-page-wrapper h3 {
  color: #2e4453;
  font-size: 15px;
  word-wrap: break-word; }
  @media (min-width: 661px) {
    .domain-search-page-wrapper h3 {
      font-size: 17px; } }

.site-redirect-step {
  padding: 0; }
  .site-redirect-step fieldset {
    clear: left; }
  .site-redirect-step form.map-domain-step__form {
    padding: 20px;
    margin-bottom: 9px; }
  .site-redirect-step p {
    color: #2e4453;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    opacity: 0.7; }
  .site-redirect-step .domain-product-price {
    float: left;
    margin-bottom: 20px;
    min-width: 0; }
    @media (min-width: 961px) {
      .site-redirect-step .domain-product-price {
        float: right;
        margin-top: -5px;
        margin-bottom: 0; } }

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

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

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

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/g-suite-logo.png") no-repeat left;
    background-size: 73px;
    display: inline-block;
    height: 19px;
    text-indent: -999999px;
    vertical-align: text-top;
    width: 73px; }
  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;
    width: 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: absolute;
  margin: 0;
  margin-left: 0px;
  padding: 79px 32px 32px 0px;
  box-sizing: border-box;
  overflow-x:auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .layout__content:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .has-no-sidebar .layout__content {
    padding-left: 32px; }
  .is-section-theme .layout__content {
    padding: 0;
    margin: 0; }
  @media print {
    .layout__content {
      padding: 0; } }

@media (max-width: 960px) {
  .layout__content {
    padding: 71px 24px 24px 0px; }
    .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: 20px;
    padding: 0;
    padding-top: 47px; }
    .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); }

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

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

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

.layout.focus-sites .sidebar, .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), #f4f4f4 90%);
    background: linear-gradient(to right, rgba(233, 239, 243, 0), #f4f4f4 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  @media (max-width: 660px) {
    .layout__secondary .site-selector {
      width: 100%;
      left: -100%;
      -webkit-overflow-scrolling: touch; } }
  .layout__secondary .site-selector .site-selector__recent {
    border-bottom-color: #c8d7e1; }

.layout__loader {
  border-bottom: 1px solid #ffae00;
  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: #FFF; } }

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

/**
 * Oauth login page, used in WordPress Desktop App
 */
.is-section-auth {
  height: 100%; }
  .is-section-auth .layout__content {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-width: none;
    padding-top: 32px;
    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%; }

.wp-login.main {
  max-width: 400px; }




.layout__content p .button,
.dialog__content p .button {
  vertical-align: baseline; }

.layout__content button::-moz-focus-inner,
.layout__content input[type=reset]::-moz-focus-inner,
.layout__content input[type=button]::-moz-focus-inner,
.layout__content input[type=submit]::-moz-focus-inner,
.dialog__content button::-moz-focus-inner,
.dialog__content input[type=reset]::-moz-focus-inner,
.dialog__content input[type=button]::-moz-focus-inner,
.dialog__content input[type=submit]::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button.is-link {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  color: #00aadc;
  font-weight: 400;
  font-size: inherit;
  line-height: 1.65; }
  .button.is-link:hover, .button.is-link:focus, .button.is-link:active {
    color: #33bbe3;
    box-shadow: none; }

.button.noticon {
  line-height: inherit; }
  .button.noticon:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal; }

@-webkit-keyframes button__busy-animation {
  0% {
    background-position: 240px 0; } }

@keyframes button__busy-animation {
  0% {
    background-position: 240px 0; } }

.button-group .button {
  border-left-width: 0;
  border-radius: 0; }
  .button-group .button:focus {
    position: relative;
    z-index: 1;
    box-shadow: inset 1px 0 0 #00aadc, 0 0 0 2px #78dcfa; }
  .button-group .button.is-primary:focus {
    box-shadow: inset 1px 0 0 #005082, 0 0 0 2px #78dcfa; }
  .button-group .button.is-scary:focus {
    box-shadow: inset 1px 0 0 #d94f4f, 0 0 0 2px #eba3a3; }
  .button-group .button.is-primary.is-scary:focus {
    box-shadow: inset 1px 0 0 #761919, 0 0 0 2px #eba3a3; }
  .button-group .button:first-child:focus {
    box-shadow: 0 0 0 2px #78dcfa; }
  .button-group .button.is-scary:first-child:focus {
    box-shadow: 0 0 0 2px #eba3a3; }

.button-group .button:first-child {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.button-group .button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

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

.card, .editor-drawer-well__placeholder {
  display: block;
  position: relative;
  margin: 0 auto 10px auto;
  padding: 16px;
  box-sizing: border-box;
  background: #f4f4f4;
  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;
    width: 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: #FFF;
  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;
    width: 0;
    clear: both;
    visibility: hidden; }

.chart__legend .chart__legend-options {
  float: right;
  color: #537994;
  list-style-type: none;
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
  @media (max-width: 480px) {
    .chart__legend .chart__legend-options {
      width: 100%; } }

.chart__legend-option {
  display: inline;
  text-align: left; }
  @media (max-width: 480px) {
    .chart__legend-option {
      width: 50%;
      display: inline-block; } }

.chart__legend-label {
  display: inline-block;
  padding: 12px 19px 10px 20px; }
  .chart__legend-label.is-selectable {
    cursor: pointer; }
    .chart__legend-label.is-selectable:focus, .chart__legend-label.is-selectable:hover {
      color: #33bbe3; }
  @media (max-width: 480px) {
    .chart__legend-label {
      display: block; } }

.chart__legend-option .chart__legend-color {
  width: 10px;
  height: 10px;
  background: #FFF;
  display: inline-block;
  border-radius: 1px;
  vertical-align: top;
  margin: 3px 5px 3px 8px; }

@media (max-width: 480px) {
  .chart__legend-option:first-child .chart__legend-color {
    margin-left: 2px; } }

.chart__legend-color.is-dark-blue {
  background: #004069; }

.chart__legend-option .chart__legend-checkbox {
  margin: 0;
  float: none;
  vertical-align: top; }

.chart__empty {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  clear: both;
  z-index: 1; }

.chart__empty_notice {
  position: relative;
  top: 97px;
  padding: 11px 24px;
  margin-bottom: 24px;
  border-radius: 1px;
  background: #fff;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4285;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  @media (min-width: 661px) {
    .chart__empty_notice {
      padding: 13px 48px;
      font-size: inherit; }
      .chart__empty_notice::before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font: normal 16px/1 Noticons;
        vertical-align: middle;
        content: '\f456';
        position: absolute;
        top: 23px;
        left: 20px;
        margin: -12px 0px 0 -8px;
        font-size: 24px;
        line-height: 1; } }

.chart__tooltip .popover__inner {
  width: 230px;
  text-align: left; }
  .chart__tooltip .popover__inner ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .chart__tooltip .popover__inner ul:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
    .chart__tooltip .popover__inner ul li {
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 100;
      height: 24px;
      letter-spacing: 0.1em;
      border: 0; }
      .chart__tooltip .popover__inner ul li .wrapper {
        display: block;
        line-height: inherit;
        line-height: 24px;
        clear: both; }
      .chart__tooltip .popover__inner ul li .value {
        text-align: right;
        float: right;
        min-width: 22px;
        color: #c8d7e1; }
      .chart__tooltip .popover__inner ul li .label {
        display: block;
        overflow: hidden;
        word-break: break-all;
        vertical-align: baseline; }
      .chart__tooltip .popover__inner ul li .gridicon {
        vertical-align: middle;
        margin-right: 6px;
        margin-top: -3px; }

.chart__tooltip.is-streak .popover__inner {
  width: 160px; }
  .chart__tooltip.is-streak .popover__inner li {
    height: 14px; }
    .chart__tooltip.is-streak .popover__inner li .label {
      width: 100%;
      float: left;
      text-align: center; }
      .rtl .chart__tooltip.is-streak .popover__inner li .label {
        font-size: 11px; }
      .chart__tooltip.is-streak .popover__inner li .label .post-count {
        font-weight: bold; }
    .chart__tooltip.is-streak .popover__inner li .value {
      float: none; }

.chart__tooltip .module-content-list-item.is-date-label {
  font-size: 11px;
  margin-bottom: 2px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #426177;
  padding-bottom: 2px; }

.chart__tooltip .module-content-list-item.is-published-item {
  height: 19px; }
  .chart__tooltip .module-content-list-item.is-published-item .label {
    text-transform: none;
    color: #c8d7e1;
    overflow: hidden;
    letter-spacing: 0;
    height: 19px; }
  .chart__tooltip .module-content-list-item.is-published-item .value {
    width: 0;
    min-width: 0; }
    .chart__tooltip .module-content-list-item.is-published-item .value::before {
      content: '';
      position: relative;
      background-image: -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); }

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

.credit-card-form-fields__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-fields__extras .credit-card-form-fields__field {
    -webkit-flex-basis: calc( 100% - 15px);
        -ms-flex-preferred-size: calc( 100% - 15px);
            flex-basis: calc( 100% - 15px);
    -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-left: 15px; }
  .credit-card-form-fields__extras .country label {
    display: none; }
  @media (min-width: 481px) {
    .credit-card-form-fields__extras .cvv,
    .credit-card-form-fields__extras .expiration-date {
      -webkit-flex-basis: calc( 50% - 15px);
          -ms-flex-preferred-size: calc( 50% - 15px);
              flex-basis: calc( 50% - 15px); }
    .credit-card-form-fields__extras .country {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; }
    .credit-card-form-fields__extras .postal-code {
      -webkit-flex-basis: 8em;
          -ms-flex-preferred-size: 8em;
              flex-basis: 8em; } }

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

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

.date-picker {
  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: #668eaa; }

.date-picker__day_event:not(.is-selected) {
  border-color: #a8bece; }

.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;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 300;
  margin: 0 30px;
  position: relative;
  cursor: pointer; }
  .DayPicker-Caption:first-letter {
    text-transform: uppercase; }

.DayPicker-Weekdays {
  margin-top: 10px;
  border-top: 1px solid #d9e3ea;
  display: table-header-group; }

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

.DayPicker-Weekday {
  display: table-cell;
  padding: 15px 0 10px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  color: #4f748e;
  text-transform: uppercase; }
  .DayPicker-Weekday abbr {
    border-bottom: none;
    cursor: auto;
    text-decoration: none; }

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

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

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

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

.DayPicker-Day--today .date-picker__day:not(.is-selected) {
  color: white; }
  .DayPicker-Day--today .date-picker__day:not(.is-selected) .date-picker__day-selected {
    background-color: #2e4453;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .DayPicker-Day--today .date-picker__day:not(.is-selected):hover .date-picker__day-selected {
    background-color: #4f748e; }

.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:not(.is-selected) {
    color: #87a6bc; }

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

.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: #3d596d;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .domain-suggestion:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 661px) {
    .domain-suggestion {
      padding: 15px 20px; }
      .domain-suggestion .domain-product-price {
        margin-left: 5%; } }
  .domain-suggestion.is-clickable {
    cursor: pointer; }
    .domain-suggestion.is-clickable:hover {
      box-shadow: 0 0 0 1px #87a6bc;
      z-index: 1; }
  .domain-suggestion.is-added {
    background-color: #fafbfc; }
    .domain-suggestion.is-added .domain-suggestion__content h3, .domain-suggestion.is-added .domain-suggestion__content .domain-product-price {
      color: #87a6bc; }

.domain-suggestion__content {
  width: 100%;
  min-height: 32px; }
  @media (min-width: 661px) {
    .domain-suggestion__content {
      display: -webkit-box;
      display: -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;
    min-height: 44px; }
  @media (min-width: 661px) {
    .is-placeholder .domain-suggestion__content {
      margin-right: 50%;
      min-height: 22px;
      margin-top: 9px;
      margin-bottom: 9px; }
    .is-placeholder:nth-of-type(2n+1) .domain-suggestion__content {
      margin-right: 52%; }
    .is-placeholder:nth-of-type(1) .domain-suggestion__content {
      margin-right: 40%; } }
  .domain-suggestion__content > h3 {
    word-break: break-all; }
    @media (min-width: 661px) {
      .domain-suggestion__content > h3 {
        width: 75%; } }
    .is-placeholder .domain-suggestion__content > h3 {
      color: transparent; }

.domain-suggestion__action {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-width: 66px;
  text-align: center;
  color: #00aadc; }
  .is-placeholder .domain-suggestion__action {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    border: none;
    border-radius: 0;
    color: transparent;
    margin-left: 40px;
    min-height: 26px; }

.domain-suggestion__chevron {
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: #87a6bc; }
  .is-placeholder .domain-suggestion__chevron {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    color: #e9eff3; }

.example-domain-suggestions {
  box-sizing: border-box;
  position: relative;
  padding-top: 16px;
  padding-right: 348px;
  max-width: 600px;
  margin: 0 auto 60px auto; }
  .example-domain-suggestions p {
    color: #4f748e;
    text-align: right;
    margin-bottom: 8px; }
  .example-domain-suggestions a {
    text-decoration: underline; }
  @media (max-width: 660px) {
    .example-domain-suggestions {
      max-width: 100%;
      padding: 16px;
      margin: 0 auto; }
      .example-domain-suggestions p {
        text-align: center; } }

.example-domain-suggestions__browser {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 300px; }
  .example-domain-suggestions__browser:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    background: -webkit-linear-gradient(top, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%);
    background: linear-gradient(to bottom, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%); }
  .example-domain-suggestions__browser:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 80px;
    background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%);
    background: linear-gradient(to right, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%); }
  @media (max-width: 660px) {
    .example-domain-suggestions__browser {
      padding-top: 24px;
      position: relative;
      margin: 0 auto; } }







.masterbar {
  background: #117fd1;
  border-bottom: 1px solid #117fd1;
  color: #FFF;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 47px;
  margin: 0;
  position: fixed;
  left: 0;
  top: -1px;
  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: #117fd1;
    border-bottom: 1px solid #117fd1; }
  .is-section-theme .masterbar {
    border: none; }
  @media (min-width: 161px) {
    .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: #FFF;
  font-size: 13px;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
  text-decoration: none;
  outline:0 ;
  background: #117fd1;
  cursor: default;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in; }
  .masterbar__item:visited {
    color: #FFF; }
  .masterbar__item[href] {
    cursor: pointer; }
  .masterbar__item .masterbar__item-content {
    color: #FFF; }
  .masterbar__item .gridicon + .masterbar__item-content {
    padding: 0; }
  .masterbar__item:hover, .masterbar__item:focus {
    border-bottom:solid #FFF 0px;
    background: #117fd1;
    color: #FFF;
    outline: 0; }
  .masterbar__item.is-active {
    background: #117fd1; }
  .is-support-user .masterbar__item.is-active {
    background: #117fd1; }


    #reorder {
    font-size:18px;
    }



@media (max-width: 1000px) {
.masterbar__item.is-active {
    max-width:20px;
}
.masterbar__item.masterbar__item-notifications {
    max-width:20px;
}
.menutext {
display:none;
}
#reorder {
font-size:22px;
}
}
  
  @media (max-width: 1000px) {
	  .masterbar__item-notifications-flights {
	    display: none; }
	  .masterbar__item-notifications-train {
	    display: none; }
	  .masterbar__item-notifications-hotel {
	    display: none; }
	  .masterbar__item-notifications-pulsa {
	    display: none; }
	  .masterbar__item-notifications-ppob {
	    display: none; }
  }


.masterbar__item .mobile-title {
        display: none; 
}

  @media (max-width: 1150px) {
    .masterbar__item {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      .masterbar__item .topsaldo {
        display: block; }
      .masterbar__item .gridicon {
        margin: 0 auto; }
      .masterbar__item .fa-ravelry {
        display: none; }
      .masterbar__item .mobile-title {
        display: none; }
      .masterbar__item .show_logout {
        display: none; }
      .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: 0;
    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; }
    .topmenu_header {
	display:block;
	margin-top:-25px;
	text-transform:uppercase;
	font-size:11px;
	}
  }

  .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: #FFF;
  height: 36px;
  margin: 5px 8px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .masterbar__item-new:visited {
    color: #FFF; }
  .masterbar__item-new.is-active {
    color: white; }
  .masterbar__item-new:hover, .masterbar__item-new:focus {
    background: #f3f6f8;
    color: #FFF; }
  .masterbar__item-new .masterbar__item-content {
    color: #FFF;
    display: none; }
    @media (min-width: 961px) {
      .masterbar__item-new .masterbar__item-content {
        display: block;
        margin-right: 4px; } }
  .is-support-user .masterbar__item-new,
  .is-support-user .masterbar__item-new:focus,
  .is-support-user .masterbar__item-new:hover,
  .is-support-user .masterbar__item-new:visited {
    color: #f0821e; }
  .is-support-user .masterbar__item-new.is-active {
    color: white; }
  .is-group-editor .masterbar__item-new {
    background: #FFF;
    color: white; }
  .is-group-editor .masterbar__item-new:visited,
  .is-group-editor .masterbar__item-new .masterbar__item-content {
    color: white; }
  .is-group-editor .masterbar__item-new:hover {
    background: #00587c; }

.masterbar__item-me .gravatar {
  position: absolute;
  left: 16px;
  top: 12px;
  width: 18px;
  height: 18px;
  border: 2px solid white; }

.masterbar__item-me .gridicon + .masterbar__item-content {
  padding: 0; }

.masterbar__item-me .masterbar__item-me-label {
  display: none; }

.masterbar__item-notifications {
  margin-right: 12px; }
  @media (max-width: 480px) {
    .masterbar__item-notifications {
      margin-right: 0; } }
  .masterbar__item-notifications .gridicon + .masterbar__item-content {
    padding: 0; }
    @media (max-width: 480px) {
      .masterbar__item-notifications .gridicon + .masterbar__item-content {
        display: block; } }
  .masterbar__item-notifications .masterbar__item-notifications-label {
    display: none; }
  .masterbar__item-notifications .masterbar__notifications-bubble {
    border: solid 2px #004967;
    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; } }

.masterbar__recent-drafts.popover {
  width: 280px; }
  .masterbar__recent-drafts.popover .popover__inner {
    overflow-y: auto;
    text-align: left;
    max-height: 70vh; }
    .masterbar__recent-drafts.popover .popover__inner .async-load {
      margin: 16px;
      width: auto; }

.masterbar__publish {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .masterbar__publish .async-load {
    display: none; }

.masterbar__toggle-drafts.button.is-borderless {
  background: #dce5ec;
  border-left: 1px solid #a8bece;
  color: #537994;
  height: 36px;
  margin: 5px 8px 5px -10px;
  padding: 0 8px;
  border-radius: 0 3px 3px 0;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .masterbar__toggle-drafts.button.is-borderless .count {
    border: none;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: #2e4453;
    padding: 0 4px;
    line-height: 30px; }
  .masterbar__toggle-drafts.button.is-borderless:hover {
    background: white; }
    .masterbar__toggle-drafts.button.is-borderless:hover .count {
      color: #FFF; }
  .is-group-editor .masterbar__toggle-drafts.button.is-borderless {
    background: #005c81;
    border-left: 1px solid #0075a5; }
    .is-group-editor .masterbar__toggle-drafts.button.is-borderless .count {
      color: #f3f6f8; }
  .is-group-editor .masterbar__toggle-drafts.button.is-borderless:hover {
    background: #FFF; }
    .is-group-editor .masterbar__toggle-drafts.button.is-borderless:hover .count {
      color: white; }

.masterbar__see-all-drafts {
  display: block;
  text-align: center;
  margin: 4px 0; }
  .masterbar__see-all-drafts .count {
    margin-left: 8px; }

.masterbar__recent-drafts .draft__actions {
  display: none; }

.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: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
  padding-right: 24px; }

.NuxWelcomeMessage__primary-content {
  font-size: 16px;
  line-height: 24px; }
  .NuxWelcomeMessage__primary-content p {
    margin-bottom: 20px; }
  .NuxWelcomeMessage__primary-content .button {
    display: block;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 8px;
    text-align: center; }
  .NuxWelcomeMessage__primary-content img {
    display: none; }
    @media only screen and (max-width: 930px) {
      .NuxWelcomeMessage__primary-content img {
        max-height: 106px; } }

.NuxWelcomeMessage__intro a {
  color: #00aadc;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: -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: #FFF;
  position: fixed;
  top: 47px;
  bottom: 0;
  left: 0;
  z-index:50; }
  @media (max-width: 900px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
      width: 320px; } }
  @media (max-width: 960px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
      width: 360px; } }
  @media (min-width: 961px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
      width: 385px; } }
  @media (max-width: 160px) {
  /* ASLI   @media (max-width: 660px) { */
    .sidebar, .post-editor__sidebar {
      left: -100%;
      width: 100%;
      max-height: calc( 100% - 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(100%);
                transform: translateX(100%); }
      .focus-sites .sidebar, .focus-sites .post-editor__sidebar {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); } }
  @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: 0; } }
  .sidebar__menu li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    
  .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%;
	}
      
  .sidebar__menu a {
    font-size: 14px;
    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;
	font-size: 95%; } }
  .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; } }

a.sidebar__button, form.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; }

form.sidebar__button {
  cursor: pointer; }

@media (min-width: 661px) {
  .sidebar__menu .selected {
font-family:MuseoLight;
    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: #545454; font-weight:bold; }
    .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, form.sidebar__button:hover {
  color: #00aadc; }

.sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-top: 1px solid #c8d7e1;
  margin: auto 0 0;
  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;
  padding-left: 10px; }
  @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: 8px;
  color: #668eaa;
  line-height: 2.1;
  margin-right: auto; }
  .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help, .sidebar .sidebar__footer .button.sidebar__footer-chat, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat {
    border-left: 1px solid #c8d7e1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40px;
        -ms-flex: 0 1 40px;
            flex: 0 1 40px;
    margin-right: 0;
    margin-left: 0;
    outline: 0; }
    @media (max-width: 660px) {
      .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help, .sidebar .sidebar__footer .button.sidebar__footer-chat, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 56px;
            -ms-flex: 0 1 56px;
                flex: 0 1 56px; } }
  .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help {
    margin-left: auto; }
  .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread {
    color: #2e4453;
    position: relative; }
    .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after {
      content: "";
      display: block;
      position: absolute;
      top: 6px;
      left: 3px;
      width: 10px;
      height: 10px;
      border: 2px solid #e9eff3;
      border-radius: 50%;
      background: #f0821e; }
      @media (max-width: 660px) {
        .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after {
          top: 14px;
          left: 11px; } }
  .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 .sidebar__footer .button .gridicon, .post-editor__sidebar .sidebar__footer .button .gridicon {
    display: block;
    float: left;
    margin-right: 6px;
    top: auto;
    margin-top: auto; }

.layout.is-section-help .sidebar .sidebar__footer-help, .layout.is-section-help .post-editor__sidebar .sidebar__footer-help {
  background-color: #87a6bc;
  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; }

.directly-rtm:not(.is-minimized) {
  padding: 0 !important;
  max-height: none !important;
  top: 47px;
  height: auto !important;
  box-shadow: -3px 1px 10px rgba(46, 68, 83, 0.1);
  border-left: 1px solid #D9E3EA; }

.directly-rtm.is-minimized {
  height: calc(102px + 30px) !important;
  width: calc(102px + 20px) !important; }

.dialog.keyboard-shortcuts .keyboard-shortcuts__title {
  margin: 0;
  text-align: center;
  line-height: 1em; }

.keyboard-shortcuts__categories {
  list-style: none;
  margin: 0;
  max-width: 620px;
  color: #2e4453; }

.keyboard-shortcuts__category {
  display: inline-block;
  width: 50%;
  margin-bottom: 15px;
  float: left; }

.keyboard-shortcuts__category-disabled {
  color: #87a6bc; }

.keyboard-shortcuts__site-navigation {
  float: right; }

.keyboard-shortcuts__category h3 {
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 88px; }

.keyboard-shortcuts__list {
  list-style: none;
  margin: 0;
  font-size: 12px; }

.keyboard-shortcuts__list li {
  clear: left;
  margin-bottom: 8px; }

.keyboard-shortcuts__keys {
  width: 80px;
  float: left;
  text-align: right; }

.keyboard-shortcuts__key {
  background-color: white;
  border: solid 1px #87a6bc;
  padding: 0 5px;
  min-width: 8px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 1px 1px #87a6bc;
  display: inline-block;
  margin-right: 3px; }

.keyboard-shortcuts__description {
  margin-left: 8px;
  display: inline-block; }

.active-tests {
  display: none; }

.environment-badge .environment.is-tests a.test-helper__variation {
  font-weight: normal;
  cursor: pointer;
  text-transform: initial; }
  .environment-badge .environment.is-tests a.test-helper__variation.test-helper__current-variation {
    text-decoration: underline;
    color: #f0821e; }

.test-helper__test-header {
  text-transform: initial;
  margin-top: 5px;
  font-weight: bolder; }

.environment.is-tests:hover .active-tests.card, .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; }


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

.me-profile-settings .edit-gravatar {
  text-align: center; }
  @media (min-width: 961px) {
    .me-profile-settings .edit-gravatar {
      float: left;
      margin-right: 40px;
      margin-bottom: 20px; } }

@media (min-width: 961px) {
  .me-profile-settings .form-fieldset:nth-child(1),
  .me-profile-settings .form-fieldset:nth-child(2) {
    clear: right; } }

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

.profile-gravatar__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: #004967;
  -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%;
  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 {
    color: #4f748e;
    font-size: 14px; }

.profile-gravatar__user-display-name {
  font-size: 24px;
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 0;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word; }

.profile-link {
  margin-bottom: 15px;
  position: relative;
  padding-left: 62px;
  height: 50px; }
  .profile-link.is-placeholder .profile-link__image-link,
  .profile-link.is-placeholder .profile-link__title,
  .profile-link.is-placeholder .profile-link__url,
  .profile-link.is-placeholder .profile-link__remove {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .profile-link.is-placeholder .profile-link__title {
    height: 18px;
    margin-bottom: 2px; }
  .profile-link.is-placeholder .profile-link__url {
    height: 12px; }
  .profile-link .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-privacy-protection .notice {
  margin-bottom: 10px; }
  @media (min-width: 661px) {
    .cancel-privacy-protection .notice {
      margin-bottom: 15px; } }

.cancel-privacy-protection__card {
  color: #2e4453; }
  .cancel-privacy-protection__card.is-placeholder .cancel-privacy-protection__text span {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    display: block;
    margin-bottom: 3px; }
    .cancel-privacy-protection__card.is-placeholder .cancel-privacy-protection__text span:after {
      content: '\00a0'; }

.cancel-privacy-protection__cancel-button {
  margin-top: 10px; }
  .cancel-privacy-protection__cancel-button[disabled] {
    color: #87a6bc; }

.cancel-purchase__card h2 {
  color: #2e4453;
  font-size: 21px;
  font-weight: 200;
  margin-bottom: 20px; }

.cancel-purchase__card p {
  color: #668eaa;
  font-size: 14px; }

.cancel-purchase__card hr {
  background: #f3f6f8; }

.cancel-purchase__content {
  margin: 0;
  padding: 0 0 10px 0; }
  @media (min-width: 661px) {
    .cancel-purchase__content {
      width: 55%; } }
  .cancel-purchase__content p {
    color: #779ab3;
    display: block;
    font-size: 13px;
    line-height: 150%;
    margin-top: 5px; }
  .cancel-purchase__content hr {
    margin: 18px 0; }

.cancel-purchase__product-information .product-link {
  font-size: 14px; }

.cancel-purchase__purchase-name {
  font-size: 16px;
  font-weight: 600; }

.cancel-purchase__refund-information,
.cancel-purchase__support-information {
  font-size: 14px; }

.cancel-purchase__site-title {
  font-size: 12px;
  text-transform: uppercase; }

.cancel-purchase__section {
  color: #4f748e;
  margin: 0; }

.cancel-purchase__section-header {
  display: block;
  font-size: 16px;
  font-weight: 400; }

.cancel-purchase__footer {
  -webkit-box-align: baseline;
  -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; }

.credit-card-delete {
  position: relative; }
  .credit-card-delete .credit-card-delete__button {
    position: absolute;
    right: 15px;
    top: 15px; }
  .credit-card-delete .stored-card {
    padding-right: 120px; }

.credit-cards__no-results {
  display: block;
  color: #87a6bc; }
  @media (max-width: 480px) {
    .credit-cards__no-results {
      padding: 8px; } }

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

.purchase-item.card.is-expired, .purchase-item.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: "Noto Serif", 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: "Noto Serif", 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; }

.remove-purchase__dialog {
  max-width: 500px; }

.remove-purchase__card {
  cursor: pointer; }
  .remove-purchase__card .gridicon {
    margin-top: -2px;
    margin-right: 4px;
    vertical-align: middle; }

.remove-purchase__chat-button {
  display: block; }
  @media (min-width: 481px) {
    .remove-purchase__chat-button {
      float: left; } }

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

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

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

.security-2fa-backup-codes-list:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.security-2fa-backup-codes-list__print-agreement {
  display: inline-block;
  float: left;
  min-width: 50%;
  position: relative;
  top: 8px; }
  .security-2fa-backup-codes-list__print-agreement .form-label {
    font-weight: normal;
    margin-left: 8px;
    display: inline-block; }
  @media (max-width: 660px) {
    .security-2fa-backup-codes-list__print-agreement {
      margin-bottom: 24px; } }

@media (max-width: 480px) {
  .security-2fa-backup-codes-list__btn-group .button {
    display: inline-block; } }

.security-2fa-backup-codes-list__btn-group {
  float: right; }

.security-2fa-backup-codes-list__generate {
  margin-top: 20px; }

button.security-2fa-backups-codes-list__generate-button {
  margin-left: 0; }

.security-2fa-backup-codes-list__codes {
  background: #f3f6f8;
  list-style-type: none;
  padding: 20px;
  margin-left: 0;
  overflow: hidden; }

.security-2fa-backup-codes-list__codes li {
  color: #2e4453;
  float: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  width: 50%; }
  .security-2fa-backup-codes-list__codes li.is-placeholder span {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
    .security-2fa-backup-codes-list__codes li.is-placeholder span:before {
      content: ' ';
      display: inline-block;
      width: 5em; }
  .security-2fa-backup-codes-list__codes li:before {
    color: #c8d7e1;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    text-align: right;
    width: 25px; }
  .security-2fa-backup-codes-list__codes li:first-child:before {
    content: '1.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(2):before {
    content: '6.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(3):before {
    content: '2.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(4):before {
    content: '7.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(5):before {
    content: '3.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(6):before {
    content: '8.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(7):before {
    content: '4.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(8):before {
    content: '9.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(9):before {
    content: '5.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(10):before {
    content: '10.'; }

.security-2fa-backup-codes-list__warning {
  font-size: 75%; }
  .security-2fa-backup-codes-list__warning .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;
  width: 0;
  clear: both;
  visibility: hidden; }

.security-2fa-backup-codes-prompt .security-2fa-backup-codes-prompt__print {
  float: left;
  margin-left: 0; }

.security-2fa-backup-codes .security-2fa-backup-codes-prompt {
  margin-top: 16px; }

.security-2fa-code-prompt .form-fieldset {
  margin-bottom: 12px; }

.security-2fa-code-prompt .button {
  margin-top: 8px; }

.security-2fa-code-prompt__verify-code {
  margin-left: 10px; }

.security-2fa-code-prompt .security-2fa-code-prompt__send-code {
  float: left;
  margin-left: 0; }

.security-2fa-code-prompt__code-just-sent-message {
  font-style: italic; }

.security-2fa-code-prompt .notice {
  margin: 5px 0 0 0; }

.security-2fa-disable__prompt {
  padding: 10px;
  background: #f3f6f8; }

.security-2fa-enable .security-2fa-enable__cancel {
  float: left;
  margin-left: 0; }

.security-2fa-enable__code-block {
  margin-bottom: 16px; }

.security-2fa-enable__qr-code {
  height: 150px;
  width: 150px;
  margin: 0 auto; }
  .security-2fa-enable__qr-code.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .security-2fa-enable__qr-code.is-placeholder:after {
      content: '\00a0'; }

.security-2fa-enable__app-options {
  font-color: #f3f6f8;
  font-size: 13px;
  font-style: italic;
  margin-top: 10px; }

.security-2fa-enable__time-code {
  font-weight: bold;
  font-size: 16px; }

.security-2fa-enable__toggle {
  cursor: pointer;
  display: block; }

.security-2fa-enable .notice {
  margin: 5px 0 0 0; }

.security-2fa-enable__buttons-bar {
  margin-top: 16px; }

.security-2fa-progress__container {
  margin: 0 -16px 16px; }
  @media (min-width: 481px) {
    .security-2fa-progress__container {
      margin: 0 -24px 24px; } }
  .security-2fa-progress__container .security-2fa-progress__inner-container {
    display: -webkit-box;
    display: -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: #FFF;
        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: #FFF;
        color: white;
        border-color: #004967; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-highlighted label {
        color: #004967;
        font-weight: 600; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-completed:before {
        background-color: #004967;
        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-account-recovery__text {
  margin-bottom: 0; }

.security-account-recovery-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-account-recovery-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-account-recovery-contact__detail .form-fieldset__country {
  padding-right: 0; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-fieldset__country {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-right: 20px;
      margin-bottom: 0; } }

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

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

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

.security-account-recovery-contact__placeholder-heading,
.security-account-recovery-contact__placeholder-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }

.security-account-recovery-contact__placeholder-heading {
  line-height: 2.4;
  margin-bottom: 1em; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__placeholder-heading {
      width: 45%; } }

.security-account-recovery-contact__header {
  display: -webkit-box;
  display: -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-account-recovery-contact__header-info {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2; }

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

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

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

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

.security-account-recovery__validation-notice {
  margin-top: 4px;
  margin-bottom: 12px; }

.security-account-recovery__recovery-phone-validation-buttons {
  margin-top: 12px; }

.security-account-recovery__recovery-phone-validation-label {
  margin-top: 12px; }

.current-section .gravatar {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border: 1px solid white; }

.current-section__me-title {
  font-size: 9px;
  margin: 3px 0 -4px; }

.is-group-me .sidebar, .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 {
  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;
  margin: 0 0 16px; }

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

.is-group-me .sidebar__menu-happychat {
  display: none; }

.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;
  margin-right: 1px;
  display: inline-block; }
  .all-sites-icon .site-icon.is-blank {
    background: #87a6bc; }

/**
 * 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: inline;
    line-height: 1.3; }
  .current-site .notice.is-compact .notice__action {
    margin-left: auto; }

.main.customize.is-iframe {
  background-color: #f3f6f8;
  margin: 0;
  overflow-y: scroll;
  padding: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: auto; }
  .main.customize.is-iframe iframe {
    height: 100%;
    position: absolute;
    top: -1000px;
    width: 100%; }
    .main.customize.is-iframe iframe.is-iframe-loaded {
      top: 0; }

.customizer-loading-panel__notice.is-iframe-loaded {
  display: none; }

.customizer-loading-panel__notice-label {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  padding: 20px;
  text-align: center;
  width: 140px; }

.customizer-loading-panel__notice-label .spinner__image {
  margin: 0 auto 20px; }

.customizer-loading-panel__status-message {
  font-style: italic;
  line-height: 1;
  margin-top: 16px;
  text-align: center; }

.customizer-loading-panel__button {
  border: 1px solid #0085be;
  border-radius: 3px;
  line-height: 1;
  padding: 10px;
  position: absolute;
  top: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .customizer-loading-panel__button:active {
    border: 1px solid #C8D6E2; }
  .customizer-loading-panel__button.is-save {
    font-weight: bold;
    right: 3px; }
  .customizer-loading-panel__button.is-close {
    left: 3px; }

.customizer-loading-panel__loading-dot-one {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.0s;
          animation-delay: 0.0s;
  opacity: 0; }

.customizer-loading-panel__loading-dot-two {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  opacity: 0; }

.customizer-loading-panel__loading-dot-three {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  opacity: 0; }

.customizer-loading-panel__placeholder-change-theme {
  background: #F0F4F6;
  border-radius: 3px;
  box-sizing: border-box;
  color: #1298D6;
  height: 48px;
  padding: 8px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  text-align: center;
  width: 100%;
  z-index: 999; }
  .customizer-loading-panel__placeholder-change-theme .customizer-loading-panel__placeholder-change-theme-button {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ccc;
    line-height: 32px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.customizer-loading-panel__site-placeholder {
  background: white;
  background-size: 32px;
  border-radius: 8px;
  box-sizing: border-box;
  display: block;
  font-size: 15px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  padding: 10px;
  text-align: center;
  width: 140px; }

.customizer-loading-panel__placeholder-bar {
  -webkit-animation: customizer-pulse-animation 1.6s ease-in-out infinite;
          animation: customizer-pulse-animation 1.6s ease-in-out infinite;
  background-color: #eee;
  height: 20px;
  margin-bottom: 10px;
  top: 100px; }
  .customizer-loading-panel__placeholder-bar.is-medium {
    height: 40px; }
  .customizer-loading-panel__placeholder-bar.is-large {
    height: 60px; }

.customizer-change-theme__placeholder-circle {
  background-color: #eee;
  border-radius: 25px;
  height: 25px;
  margin: auto;
  width: 25px;
  align: center; }

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

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

@-webkit-keyframes customizer-pulse-animation {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

@keyframes customizer-pulse-animation {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

.domain-tip__suggestion {
  color: #004967; }

.draft.card.is-compact, .draft.is-compact.editor-drawer-well__placeholder {
  padding: 16px;
  text-align: left; }
  @media (min-width: 661px) {
    .draft.card.is-compact:hover .draft__excerpt, .draft.is-compact.editor-drawer-well__placeholder:hover .draft__excerpt {
      display: block; } }


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

.invite-accept-logged-in__join-as .gravatar {
  display: block;
  margin: 0 auto 8px auto; }

.invite-accept-logged-in__button-bar {
  display: -webkit-box;
  display: -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: 16px;
  right: 24px;
  width: 12%;
  margin: 0 28px; }
  @media (max-width: 480px) {
    .media-library__scale-range.range {
      width: 20%; } }

.media-library__scale-range .range__content.is-min {
  left: -28px;
  padding-left: 8px; }

.media-library__scale-range .range__content.is-max {
  right: -28px; }

.media-library__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 {
  padding-top: 12px;
  padding-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dialog__content .media-library__header.card, .dialog__content .media-library__header.editor-drawer-well__placeholder {
  box-shadow: none; }
  .dialog__content .media-library__header.card .media-library__scale-range.range, .dialog__content .media-library__header.editor-drawer-well__placeholder .media-library__scale-range.range {
    top: 11px; }

.media-library__header .is-desktop {
  display: none; }
  @media (min-width: 661px) {
    .media-library__header .is-desktop {
      display: inline-block; } }

.media-library__header .button {
  margin-right: 8px; }

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

.media-library__header .button.media-library__upload-more {
  margin-left: 0; }

.media-library__header.media-library__upload-url {
  margin-bottom: 10px; }
  @media (min-width: 481px) {
    .media-library__header.media-library__upload-url {
      margin-bottom: 16px; } }

.media-library__header-popover .popover__menu-item.is-compact {
  text-transform: none;
  font-size: 14px; }

.media-library__filter-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative; }
  .media-library__filter-bar .section-nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
            flex: 1 auto;
    z-index: 1; }
  .media-library__filter-bar .plan-storage {
    display: none;
    margin-bottom: 9px;
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
    background-color: white;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    @media (min-width: 481px) {
      .media-library__filter-bar .plan-storage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media (min-width: 661px) {
      .media-library__filter-bar .plan-storage {
        display: none; } }
    @media (min-width: 961px) {
      .media-library__filter-bar .plan-storage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 17px; } }

@media (min-width: 481px) {
  .editor-media-modal .media-library__filter-bar .plan-storage {
    margin-bottom: 16px; } }

.media-library__heading {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  display: inline-block;
  margin: 0;
  line-height: 40px;
  margin-right: 12px; }
  @media (max-width: 480px) {
    .media-library__heading {
      display: none; } }

.media-library__upload-buttons {
  display: inline; }

.media-library__scale-toggle {
  position: absolute;
  right: 16px; }
  .media-library__scale-toggle.segmented-control.is-compact .segmented-control__link {
    padding: 2px 4px; }
  @media (min-width: 481px) {
    .media-library__scale-toggle {
      display: none; } }

.media-library__scale-range {
  display: none; }
  @media (min-width: 481px) {
    .media-library__scale-range {
      display: block; } }

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

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

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

.media-library__list-item.is-small .media-library__list-item-file-details .media-library__list-item-icon {
  top: 0; }

.media-library__list-item.is-small .media-library__list-item-details-separator,
.media-library__list-item.is-small .media-library__list-item-file-extension {
  display: none; }

.media-library__videopress-nudge-container {
  display: block;
  overflow-y: auto;
  right: 0;
  left: 0;
  margin: 0; }

.editor-media-modal .media-library__videopress-nudge-container {
  position: absolute;
  top: 50px;
  bottom: 72px; }

.media-library__videopress-nudge-container .upgrade-nudge-expanded {
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: none;
  margin: 0; }
  @media (min-width: 961px) {
    .media-library__videopress-nudge-container .upgrade-nudge-expanded {
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }

.empty-content .media-library__videopress-nudge-regular.card.upgrade-nudge, .empty-content .media-library__videopress-nudge-regular.upgrade-nudge.editor-drawer-well__placeholder {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 70%;
  text-decoration: none; }

.main.media {
  max-width: 100%; }
  .main.media .media-library__list {
    padding: 0; }

.media__item-dialog .dialog__action-buttons {
  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; }

.media__modal-delete-item-button {
  border: 0; }
  .media__modal-delete-item-button .dialog__button-label {
    color: #d94f4f; }
  .media__modal-delete-item-button:hover {
    color: #e27979; }
  .media__modal-delete-item-button:disabled {
    cursor: default;
    cursor: not-allowed;
    color: #f0b8b8; }

.media__main-section .media-library__header.media-library__upload-url {
  padding: 6px 12px;
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

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


.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: #004967; }
  .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: #e12f67; }
  .sharing-buttons-preview-button.style-icon.share-instagram:hover {
    background: rgba(225, 47, 103, 0.9); }

.sharing-buttons-preview-button.style-icon.share-eventbrite {
  background: #ff8000; }
  .sharing-buttons-preview-button.style-icon.share-eventbrite:hover {
    background: rgba(255, 128, 0, 0.9); }

.sharing-buttons-preview-button.style-icon.share-linkedin {
  background: #0976b4; }
  .sharing-buttons-preview-button.style-icon.share-linkedin:hover {
    background: rgba(9, 118, 180, 0.9); }

.sharing-buttons-preview-button.style-icon.share-stumbleupon {
  background: #eb4924; }
  .sharing-buttons-preview-button.style-icon.share-stumbleupon:hover {
    background: rgba(235, 73, 36, 0.9); }

.sharing-buttons-preview-button.style-icon.share-tumblr {
  background: #35465c; }
  .sharing-buttons-preview-button.style-icon.share-tumblr:hover {
    background: rgba(53, 70, 92, 0.9); }

.sharing-buttons-preview-button.style-icon.share-reddit {
  background: #5f99cf; }
  .sharing-buttons-preview-button.style-icon.share-reddit:hover {
    background: rgba(95, 153, 207, 0.9); }

.sharing-buttons-preview-button.style-icon.share-pinterest {
  background: #cc2127; }
  .sharing-buttons-preview-button.style-icon.share-pinterest:hover {
    background: rgba(204, 33, 39, 0.9); }

.sharing-buttons-preview-button.style-icon.share-pocket {
  background: #ee4256; }
  .sharing-buttons-preview-button.style-icon.share-pocket:hover {
    background: rgba(238, 66, 86, 0.9); }

.sharing-buttons-preview-button.style-icon.share-email {
  background: #f8f8f8; }
  .sharing-buttons-preview-button.style-icon.share-email:hover {
    background: rgba(248, 248, 248, 0.9); }

.sharing-buttons-preview-button.style-icon.share-print {
  background: #f8f8f8; }
  .sharing-buttons-preview-button.style-icon.share-print:hover {
    background: rgba(248, 248, 248, 0.9); }

.sharing-buttons-preview-button.style-icon.share-skype {
  background: #00AFF0; }
  .sharing-buttons-preview-button.style-icon.share-skype:hover {
    background: rgba(0, 175, 240, 0.9); }

.sharing-buttons-preview-button.style-icon.share-telegram {
  background: #0088cc; }
  .sharing-buttons-preview-button.style-icon.share-telegram:hover {
    background: rgba(0, 136, 204, 0.9); }

.sharing-buttons-preview-button.style-icon.share-jetpack-whatsapp {
  background: #43d854; }
  .sharing-buttons-preview-button.style-icon.share-jetpack-whatsapp:hover {
    background: rgba(67, 216, 84, 0.9); }

.sharing-buttons-preview__panel {
  position: relative;
  display: none;
  background: white;
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(46, 68, 83, 0.04); }
  .sharing-buttons-preview__panel::before {
    content: '';
    position: absolute;
    border: 1px solid #c8d7e1;
    border-right-width: 0 /*rtl:ignore*/;
    border-bottom-width: 0;
    background: white;
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .sharing-buttons-preview__panel.is-top {
    margin: 0 0 14px; }
  .sharing-buttons-preview__panel.is-top::before {
    bottom: -7px;
    left: 30px;
    border-width: 0 1px 1px 0 /*rtl:ignore*/; }
  .sharing-buttons-preview__panel.is-bottom {
    margin: 14px 0 0; }
    @media (max-width: 480px) {
      .sharing-buttons-preview__panel.is-bottom {
        margin: 15px -8px 0 -8px; } }
  .sharing-buttons-preview__panel.is-bottom::before {
    top: -7px;
    left: 30px; }
  .sharing-buttons-preview__panel.is-active {
    display: block; }
  .sharing-buttons-preview__panel.buttons-hidden::before {
    left: 208px; }

.sharing-buttons-preview__panel-content {
  padding: 16px; }

.sharing-buttons-preview__panel-heading {
  font-size: 20px;
  font-weight: normal;
  color: #2e4453; }

.sharing-buttons-preview__panel-instructions,
.sharing-buttons-preview__panel-notice {
  display: block;
  color: #87a6bc;
  margin: 8px 0; }

.touch .sharing-buttons-preview__panel-instruction-text.is-notouch-context, .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context, .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context, .sharing-buttons-preview__panel-instruction-text.is-touch-context {
  display: none; }

.touch .sharing-buttons-preview__panel-instruction-text.is-touch-context {
  display: inline; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context {
  display: inline; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-context, .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context {
  display: none; }

.sharing-buttons-preview__panel-content .sharing-buttons-preview-button {
  margin-top: 8px;
  cursor: pointer; }
  @media (max-width: 480px) {
    .sharing-buttons-preview__panel-content .sharing-buttons-preview-button {
      margin: 18px 18px 0 0; } }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.style-icon:hover {
    border: none;
    opacity: .6; }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.is-enabled {
    opacity: .3; }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.is-enabled.style-icon {
    opacity: .2; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview-button.is-enabled {
  opacity: 1; }

.sharing-buttons-preview__panel.is-reordering .sortable-list__item.is-draggable.is-active .sharing-buttons-preview-button {
  margin: 0; }

.sharing-buttons-preview__panel-actions {
  padding: 10px 20px;
  text-align: right;
  border-top: 1px solid #e9eff3; }

.sharing-buttons-preview__panel-action {
  margin-left: 10px; }
  .sharing-buttons-preview__panel-action.is-left {
    float: left;
    margin-left: 0;
    margin-right: 10px; }

.sharing-buttons-label-editor__input {
  max-width: 300px; }

@media (max-width: 660px) {
  .right-column {
    box-sizing: border-box; }
  .sharing-content .new-account {
    margin-left: 10px; } }

.account-dialog.dialog {
  max-width: 520px; }

.account-dialog__authorizing-service {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 8px;
  color: #2e4453; }

.account-dialog__connected-accounts {
  overflow: hidden;
  margin-bottom: 10px; }

.account-dialog__connected-accounts-heading {
  position: relative;
  overflow: hidden;
  margin: 14px 0;
  padding: 2px 0 2px;
  font-size: 10px;
  text-transform: uppercase;
  color: #87a6bc; }
  .account-dialog__connected-accounts-heading::after {
    content: '';
    position: absolute;
    top: 8px;
    display: inline-block;
    width: 100%;
    margin-left: 10px;
    border-top: 1px solid #c8d7e1; }

.account-dialog__accounts {
  max-height: 300px;
  max-height: 40vh;
  overflow-y: auto;
  margin: 0 0 1em 1em; }

.account-dialog.single-account .account-dialog__accounts {
  margin: 0 0 1em 1em; }

.account-dialog-account {
  position: relative;
  list-style-type: none;
  margin-bottom: 1em;
  padding-left: 4px; }
  .account-dialog-account.is-connected {
    padding-left: 22px; }
  .account-dialog-account:last-child {
    margin-bottom: 0; }

.account-dialog-account__label {
  position: relative;
  display: block;
  min-height: 40px;
  padding-top: 5px; }

.account-dialog.single-account .account-dialog-account__input {
  visibility: hidden; }

.account-dialog-account:not(.is-connected) .account-dialog-account__label {
  cursor: pointer; }

.account-dialog-account.is-conflict .gridicons-notice {
  position: absolute;
  left: -5px;
  color: #f0b849; }

.account-dialog .account-dialog-account__picture {
  position: absolute;
  left: 8px;
  top: 0;
  width: 34px;
  height: 34px; }

.account-dialog-account:not(.is-connected) .account-dialog-account__picture {
  left: 26px; }

.account-dialog-account__name {
  display: inline-block;
  padding-left: 48px;
  color: #2e4453; }

.sharing-services-group.is-empty {
  display: none; }

.sharing-services-group__header {
  margin: 0 0 30px 20px; }

.sharing-service-group__title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  margin: 0 0 4px; }

.sharing-services-group__services {
  margin: 0 0 30px;
  padding: 0;
  list-style: none; }

.sidebar__sparkline {
  width: 80px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 8px; }
  @media (max-width: 660px) {
    .sidebar__sparkline {
      top: 13px;
      right: 20px; } }

.sidebar__menu li.stats.selected .sidebar__sparkline {
  display: none; }
  @media (max-width: 660px) {
    .sidebar__menu li.stats.selected .sidebar__sparkline {
      display: block; } }

.sidebar__menu li.stats a:after,
.notouch .sidebar__menu li.stats:hover:not(.selected) a:first-child:after {
  background: none; }

/**
 * Sidebar Navigation Header in Sections
 */
.current-section {
  position: relative;
  margin: 0 0 8px 0; }
  @media (min-width: 661px) {
    .current-section {
      display: none; } }
  .current-section a {
    display: -webkit-box;
    display: -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 {
    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 #004967; }
    .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 {
  font-size: 14px; }
  .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 label a,
  .site-settings p a {
    text-decoration: underline; }
  .site-settings p:last-child {
    margin-bottom: 0; }
  .site-settings .is-primary {
    float: right; }
  .site-settings .empty-content .is-primary {
    float: none; }
  .site-settings .form-toggle__switch {
    margin-top: 3px; }
  .site-settings p.form-setting-explanation {
    display: block;
    margin: 5px 0;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    color: #537994; }
    .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 .site-settings__blogaddress-settings {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .site-settings .site-settings__blogaddress-settings .button {
    width: 100%;
    margin-left: 0;
    margin-top: 5px; }
    @media (min-width: 661px) {
      .site-settings .site-settings__blogaddress-settings .button {
        width: 45%;
        margin-left: 16px;
        margin-top: 0; } }
  .site-settings .seo-settings__seo-form .form-text-input-with-affixes__prefix {
    min-width: 60px;
    text-align: center; }
  .site-settings .seo-settings__seo-sitemap {
    word-wrap: break-word;
    word-break: break-word; }
  .site-settings .verification-code-error {
    color: #d94f4f;
    font-weight: bold; }
  .site-settings .seo-settings__seo-form .counted-textarea.is-exceeding-acceptable-length {
    background: #f0b849; }
  .site-settings .seo-settings__seo-form .seo-settings__preview-button {
    display: block;
    float: left;
    margin-right: 24px; }
  .site-settings .seo-settings__seo-form .seo-settings__preview-explanation {
    display: block;
    float: left;
    line-height: 40px; }
  .site-settings .seo-settings__front-page-description {
    margin-bottom: 1.5em; }
  @media (min-width: 661px) {
    .site-settings fieldset.site-icon-setting {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 122px;
          -ms-flex: 0 0 122px;
              flex: 0 0 122px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-bottom: 0;
      padding-right: 24px; } }
  @media (min-width: 661px) {
    .site-settings .site-icon-setting__heading {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      white-space: nowrap; } }
  @media (max-width: 660px) {
    .site-settings .site-icon-setting__icon {
      float: left;
      margin-right: 8px; } }
  @media (max-width: 660px) {
    .site-settings .site-icon-setting__button {
      display: block;
      margin-bottom: 8px; } }

.site-settings__general-settings .form-toggle__label,
.site-settings__writing-settings .form-toggle__label,
.site-settings__traffic-settings .form-toggle__label,
.site-settings__security-settings .form-toggle__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; }

.site-settings__general-settings .form-toggle__switch,
.site-settings__writing-settings .form-toggle__switch,
.site-settings__traffic-settings .form-toggle__switch,
.site-settings__security-settings .form-toggle__switch {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.site-settings__general-settings hr,
.site-settings__writing-settings hr,
.site-settings__traffic-settings hr,
.site-settings__security-settings hr {
  margin: 0 -24px 1.5em; }

.site-settings__discussion-settings .form-toggle__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; }

.site-settings__discussion-settings .form-toggle__switch {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.site-settings__discussion-settings .form-toggle__switch + span {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  margin-left: 12px; }

.site-settings__discussion-settings hr {
  margin: 0 -24px 1.5em; }

.site-settings__discussion-settings .site-settings__other-comment-settings .form-toggle__label {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start; }

.site-settings__discussion-settings .site-settings__other-comment-settings .form-toggle__switch {
  margin-top: 5px; }

.site-settings__discussion-settings .site-settings__other-comment-settings .form-toggle__switch + span {
  line-height: 26px; }

.site-settings__discussion-settings .site-settings__other-comment-settings .form-select {
  margin-top: 2px; }

.site-settings__discussion-settings .site-settings__moderation-settings .form-label {
  font-weight: normal; }

.site-settings__site-options {
  padding-bottom: 24px; }
  @media (min-width: 661px) {
    .site-settings__site-options {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

@media (min-width: 661px) {
  .site-settings__site-title-tagline {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; } }

.site-settings__amp .section-header__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .site-settings__amp .section-header__actions button {
    margin-left: 15px; }

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

.jetpack-protect__deactivate,
.jetpack-protect__edit-settings,
.jetpack-monitor__deactivate,
.disconnect-jetpack-button,
.jetpack-protect__edit-settings,
.jetpack-monitor__deactivate,
.disconnect-jetpack-button {
  margin-right: 8px; }

.has-divider, .site-settings__has-divider {
  margin: 0 -24px;
  padding: 24px 24px 16px 24px;
  border: 1px #e9eff3 solid;
  border-width: 1px 0; }
  .has-divider.is-top-only, .site-settings__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; }

.site-settings__taxonomies {
  margin-bottom: 17px; }

.site-settings__foldable-card.foldable-card, .site-settings__foldable-card.foldable-card.is-expanded {
  margin-bottom: 16px; }

.site-settings__foldable-card .foldable-card__header {
  padding: 24px; }

.site-settings__foldable-card .foldable-card__expand {
  width: 64px; }

.site-settings__foldable-card.is-expanded .foldable-card__content {
  padding: 8px 24px 24px;
  border-top: 1px #c8d7e1 solid; }

.site-settings__foldable-card.is-expanded.is-top-level .foldable-card__content {
  padding: 24px; }

.site-settings__module-settings .form-label.is-disabled {
  opacity: 0.3; }

.site-settings__child-settings {
  margin: 16px 36px 0; }

.site-settings__info-link-container {
  float: right; }

.site-settings__add-to-whitelist {
  margin-top: 3px; }

.site-settings__date-time-format {
  margin-top: -16px; }
  .site-settings__date-time-format .site-settings__date-time-format-title {
    color: #2e4453;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px; }
  .site-settings__date-time-format .site-settings__date-time-format-info {
    color: #537994;
    font-size: 13px;
    font-style: italic; }

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

.settings-action-panel__support-button.is-external {
  margin-right: 8px; }

.custom-content-types__module-settings {
  margin-bottom: 24px; }
  .custom-content-types__module-settings:last-child {
    margin-bottom: 0; }

.comment-display-settings__module-setting.is-indented {
  margin: 16px 32px; }

.date-time-format__custom-field .form-radio {
  margin-top: 12px; }

.date-time-format__custom-field .form-text-input {
  margin: 0 12px;
  width: 100px; }

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

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

.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: #537994;
  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 {
  margin-top: 16px; }

.jetpack-sync-panel__status-notice {
  background: none;
  color: #537994; }

.jetpack-sync-panel .jetpack-sync-panel__status-notice .notice__text {
  padding-left: 0; }

.jetpack-sync-panel__status-notice .notice__icon {
  display: none; }

.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: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: move;
      padding: 10px;
      font-style: normal;
      font-size: 14px;
      text-decoration: none;
      color: #2e4453;
      background: #e9eff3;
      border-radius: 3px;
      border: 1px solid #c8d7e1; }
    .press-this p.pressthis a .gridicon {
      margin: 0 10px 0 0; }

.publishing-tools__card .press-this .card, .publishing-tools__card .press-this .editor-drawer-well__placeholder {
  margin: 0;
  padding: 0;
  box-shadow: none; }

.publishing-tools__card .press-this .pressthis {
  margin-bottom: 0; }

.publishing-tools__email-address {
  display: block;
  margin-bottom: 8px; }

.related-posts__preview-title {
  font-weight: 600;
  margin-top: 16px; }

.related-posts__preview-box {
  position: relative;
  margin-top: 8px;
  padding: 16px 8px;
  width: 100%;
  background: #f3f6f8;
  box-sizing: border-box; }
  .related-posts__preview-box:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.related-posts__preview-headline {
  margin: 0 0 1em 8px;
  font-size: 11px;
  font-weight: 600; }

@media (min-width: 481px) {
  .related-posts__preview-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .related-posts__preview-items .related-posts__preview-post {
      width: 50%; } }

@media (min-width: 961px) {
  .related-posts__preview-items {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }

.related-posts__preview-post .related-posts__preview-post-title a {
  font-weight: normal;
  text-decoration: none;
  opacity: 1; }

.related-posts__preview-post {
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px; }

.related-posts__preview-post span {
  display: block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.related-posts__preview-post .related-posts__preview-post-context {
  opacity: .6; }

.related-posts__preview-post-a {
  cursor: pointer; }

.form-label.site-icon-setting__heading {
  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; }
  .form-label.site-icon-setting__heading .info-popover {
    margin-left: 8px; }
  .form-label.site-icon-setting__heading .gridicon {
    display: block; }

.site-icon-setting__icon {
  cursor: pointer;
  display: block;
  margin: 1px; }

.site-icon-setting__icon:hover .site-icon {
  opacity: 0.8; }

.site-icon-setting__button {
  min-width: 98px;
  margin-top: 4px;
  text-align: center; }

.taxonomies__card-title {
  font-size: 16px;
  line-height: 24px;
  color: #2e4453;
  padding-bottom: 10px; }
  .taxonomies__card-title.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;
    width: 80px;
    display: inline-block; }
    .taxonomies__card-title.is-loading:after {
      content: '\00a0'; }

.taxonomies__card-content {
  color: #537994;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden; }
  .taxonomies__card-content: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: 40%;
    height: auto; }
  .taxonomies__card-content .gridicon {
    padding-right: 5px;
    vertical-align: top; }

.site-settings__taxonomies .card__link-indicator {
  z-index: 1; }

.theme-setup__button {
  margin-bottom: 8px;
  margin-right: 8px; }
  .theme-setup__button.is-placeholder {
    border: none;
    border-radius: 0; }

.theme-setup .is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .theme-setup .is-placeholder:after {
    content: '\00a0'; }

.theme-setup .active-theme-screenshot {
  min-height: 200px; }

.theme-setup .active-theme-screenshot__image {
  border: 1px solid #e9eff3;
  box-sizing: border-box; }

.theme-setup .active-theme-screenshot__name {
  font-size: 0.85em;
  font-weight: 600;
  color: #537994;
  text-transform: uppercase; }

.theme-setup-dialog {
  min-height: 170px;
  width: 400px; }
  @media (max-width: 480px) {
    .theme-setup-dialog {
      box-sizing: border-box;
      width: 100%; } }

.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: #004967; }
  .importer__service-icon.medium {
    background-color: #00AB6C; }
  @media (min-width: 961px) {
    .importer__service-icon {
      width: 56px;
      height: 56px;
      padding: 4px; } }

.importer__service-info {
  margin-bottom: 1.5em; }
  @media (min-width: 481px) {
    .importer__service-info {
      margin-left: 60px; } }

.importer__service-title {
  font-size: 21px;
  font-weight: 300;
  color: #87a6bc; }
  @media (min-width: 481px) {
    .importer__service-title {
      clear: none; } }

.importer__master-control {
  margin-top: 9px;
  clear: none; }

.importer__uploading-pane {
  position: relative;
  height: 150px;
  margin-bottom: 24px;
  border: 5px solid #e9eff3;
  fill: #a8bece;
  font-size: 14px;
  font-weight: 600;
  color: #87a6bc;
  text-align: center; }
  .importer__uploading-pane input {
    visibility: hidden; }

.importer__upload-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.importer__upload-progress,
.importer__import-progress {
  width: 80%; }
  .importer__upload-progress .progress-bar__progress,
  .importer__import-progress .progress-bar__progress {
    background-color: #00aadc; }
  .importer__upload-progress.is-complete .progress-bar__progress,
  .importer__import-progress.is-complete .progress-bar__progress {
    background-color: #4ab866; }

.importer__import-spinner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.importer__start {
  float: none !important; }

.importer__importing-pane {
  text-align: center; }

.importer__status-message {
  font-style: italic;
  color: #87a6bc; }

.importer__mapping-pane {
  margin-bottom: 58px; }

.importer__mapping-header {
  border-bottom: 1px solid #87a6bc;
  margin-bottom: 16px;
  padding-bottom: 8px;
  font-size: 11px;
  color: #87a6bc; }
  .importer__mapping-header:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.importer__mapping-description {
  margin-bottom: 16px; }
  .importer__mapping-description strong {
    white-space: nowrap; }

.importer__mapping-source-title {
  float: left;
  display: inline-block; }

.importer__mapping-target-title {
  float: right;
  display: inline-block; }

.importer__author-mapping {
  height: 58px; }
  .importer__author-mapping .author-selector__author-toggle {
    width: 45%;
    padding-top: 4px;
    margin-right: -7px;
    float: right; }
  .importer__author-mapping div.user {
    display: inline; }

.importer__source-author {
  width: 45%;
  height: 18px;
  padding-top: 7px;
  float: left;
  display: inline-block;
  color: #2e4453;
  text-align: left;
  font-size: 14px;
  font-weight: 600; }

.importer__mapping-relation {
  float: left;
  color: #a8bece; }

/**
 * Site
 */
.site {
  box-sizing: border-box;
  display: -webkit-box;
  display: -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.is-compact .site__content {
    padding: 0 16px; }
  .site.is-compact .site__domain {
    display: none; }
  .site.is-compact .site__title {
    line-height: 46px; }
  .site.is-compact .site__home {
    top: 11px;
    line-height: 18px; }
  .site.is-compact .site__home .gridicon {
    margin-top: 0; }

.site__content {
  display: -webkit-box;
  display: -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;
  position: relative;
  width: 100%; }
  .site__content:focus {
    outline: none; }

.site .site-icon {
  position: relative;
  height: 30px;
  width: 30px;
  overflow: hidden;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.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: #537994;
  display: block;
  max-width: 95%;
  font-size: 11px;
  line-height: 1.4; }

.site__title,
.site__domain {
  overflow: hidden;
  white-space: nowrap; }
  .site__title::after,
  .site__domain::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #f4f4f4 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f4f4f4 100%);
    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: 16px;
  top: 17px; }
  .site__home .gridicon {
    margin-top: 5px;
    vertical-align: middle; }
  .site.is-compact .site__home {
    width: 24px;
    height: 24px; }
  .site__home:hover {
    color: white; }
  @media (max-width: 660px) {
    .site__home {
      display: none; } }

.site__content:hover .site__home {
  opacity: 0; }

.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; }
  .sites__selector-wrapper.card .site-selector, .sites__selector-wrapper.editor-drawer-well__placeholder .site-selector {
    overflow: auto; }

@media (min-width: 961px) {
  .stats__module-column {
    float: right;
    width: calc(50% - 4px); }
    .stats__module-column:first-child {
      float: left; }
    .stats__module-column:last-child {
      clear: right; } }

@media (min-width: 1281px) {
  .stats__module-column {
    width: calc(33% - 3px); }
    .stats__module-column:last-child {
      clear: none;
      left: -10px;
      position: relative; } }

.old-stats-link .button .gridicon {
  margin-bottom: -2px;
  margin-left: 4px; }

.is-section-stats .followers-count .button {
  margin-right: 16px; }
  @media (max-width: 480px) {
    .is-section-stats .followers-count .button {
      display: none; } }

@media (max-width: 480px) {
  .stats-message.switch-stats {
    text-align: center; } }

.stats__sticky-navigation.is-sticky .sticky-panel__content {
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075); }
  .stats__sticky-navigation.is-sticky .sticky-panel__content .stats-period-navigation {
    margin: 9px 0; }
  .stats__sticky-navigation.is-sticky .sticky-panel__content .stats-date-picker__refresh-status {
    display: none; }

.all-time .stats-tab {
  padding-bottom: 0; }
  .all-time .stats-tab.all-time__is-best .gridicon,
  .all-time .stats-tab.all-time__is-best .label {
    color: #f0b849; }
  .all-time .stats-tab .all-time__best-day {
    color: #537994;
    font-size: 12px;
    box-sizing: border-box;
    display: block;
    padding: 24px 0px 10px 58px;
    text-align: left; }

.stats-geochart {
  margin: 0 24px; }
  .stats-geochart.is-loading, .stats-geochart.has-no-data {
    display: none; }

.stats-module.is-loading .countryviews .stats-geochart,
.stats-module.has-no-data .countryviews .stats-geochart {
  display: none; }

.most-popular__wrapper {
  clear: both; }

.stats-module.is-loading .most-popular__wrapper,
.is-empty .stats-popular {
  min-height: 150px; }
  .stats-module.is-loading .most-popular__wrapper .stats-popular__item,
  .is-empty .stats-popular .stats-popular__item {
    display: none; }

.most-popular__item {
  width: 50%;
  float: left;
  text-align: center;
  padding: 20px 0;
  color: #2e4453; }
  @media (max-width: 960px) {
    .most-popular__item {
      width: 100%; }
      .most-popular__item:first-child {
        padding-bottom: 0; } }

.most-popular__label {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em; }

.most-popular__percentage {
  color: #87a6bc;
  display: block;
  margin-top: -1em;
  font-size: 14px;
  letter-spacing: 0.01em; }

.most-popular__day,
.most-popular__hour {
  display: block;
  color: #2e4453;
  font-size: 20px;
  margin: 6px 0 22px; }

.most-popular__empty {
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  text-align: center;
  line-height: 24px;
  clear: both;
  z-index: 1; }

.most-popular__notice {
  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;
    width: 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: #004967; }

.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: 1041px) {
  .post-trends__scroll-left,
  .post-trends__scroll-right {
    display: none; } }

.post-trends__key-container {
  padding-top: 10px;
  float: right; }
  .post-trends__key-container:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (max-width: 960px) {
    .post-trends__key-container {
      float: none;
      margin: 0 auto;
      margin-bottom: 25px;
      text-align: center; } }

.post-trends__key-label,
.post-trends__key {
  display: inline-block; }

.post-trends__key-label {
  font-size: 11px;
  color: #87a6bc;
  letter-spacing: .1em;
  text-transform: uppercase; }

.post-trends__key {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 2px 9px 0 5px; }
  .post-trends__key .post-trends__key-day {
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 3px; }

ul.module-tabs {
  border-top: 1px solid #f3f6f8;
  list-style: none;
  background: white;
  margin: 0; }
  ul.module-tabs:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  ul.module-tabs .module-tab {
    margin: 0;
    font-size: 16px;
    clear: none;
    border-top: 1px solid #f3f6f8;
    box-sizing: border-box; }
    ul.module-tabs .module-tab:first-child {
      border-top: none; }
    @media (min-width: 481px) {
      ul.module-tabs .module-tab {
        border-top: none;
        border-left: 1px solid #f3f6f8;
        float: left;
        width: 25%;
        text-align: center; }
        ul.module-tabs .module-tab.is-post-summary {
          width: 33%; }
        ul.module-tabs .module-tab:first-child {
          border-left: none; } }
    @media (max-width: 480px) {
      ul.module-tabs .module-tab {
        width: auto;
        float: none;
        text-align: left; } }
    ul.module-tabs .module-tab a {
      color: #2e4453; }
    ul.module-tabs .module-tab a,
    ul.module-tabs .module-tab .no-link {
      padding: 5px 0 10px;
      display: block;
      background: white; }
      ul.module-tabs .module-tab a:after,
      ul.module-tabs .module-tab .no-link:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab a,
        ul.module-tabs .module-tab .no-link {
          line-height: 24px;
          padding-top: 10px;
          -webkit-touch-callout: none; } }
    ul.module-tabs .module-tab .label {
      font-size: 11px;
      letter-spacing: 0.1em;
      line-height: inherit;
      text-transform: uppercase; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab .label {
          font-size: 14px;
          line-height: 24px;
          float: left; } }
    ul.module-tabs .module-tab .gridicon {
      vertical-align: middle;
      margin-right: 4px;
      margin-top: -2px; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab .gridicon {
          width: 24px;
          height: 24px;
          margin-left: 24px;
          margin-right: 8px;
          float: left; } }
    ul.module-tabs .module-tab .value {
      clear: both;
      display: block;
      line-height: 24px;
      color: #004967;
      -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; }



#icon-left {
font-size: 1.5em;
margin-right:15px;
margin-left:-30px;
opacity: 0.9;
}


#icon-sideleft {
font-size: 1.7em;
margin-right:25px;
margin-left:-45px;
opacity: 0.9;
}

#icon-sideleft_sub {
font-size: 1.3em;
margin-right:30px;
margin-left:-35px;
opacity: 0.9;
}





@media screen 
  and (min-device-width: 900px) 
  and (max-device-width: 1600px) { 

.main_content {
display:block;
width:1200px;
margin-top:-50px;
}
.main_content_myprofile {
display:block;
width:1050px;
margin-top:0px;
margin-left:250px;
}
.main_content_chp {
display:block;
width:1050px;
margin-top:0px;
margin-left:500px;
}
.main_content_iframe {
display:block;
width:1050px;
height:100%;
margin-top:-50px;
margin-left:150px;
}
.main_content_iframe_pulsa {
display:block;
width:1050px;
height:100%;
margin-top:-50px;
margin-left:0px;
}
.main_content_iframe_ppob {
display:block;
width:1050px;
height:100%;
margin-top:-50px;
margin-left:150px;
}
.main_content_pilihkelas {
display:block;
width:1300px;
margin-top:0px;
}
.main_content_itinerary {
width: 1200px;
height: 1000px;
margin-top:0px;
margin-left:20px;
}
.main_content_cashflow {
width: 1200px; 
height: 2000px;
margin-top:-30px;
margin-left:20px;
}

}



@media screen
  and (min-device-width: 200px)
  and (max-device-width: 800px) {
.main_content {
height:2400px;
margin-top:30px;
}
.main_content_myprofile {
height: 2400px;
margin-top:30px;
}
.main_content_chp {
height: 2400px;
margin-top:40px;
}
.main_content_iframe {
height: 2400px;
margin-left:-200px;
margin-top:-50px;
}
.main_content_iframe_pulsa {
margin-top:0px;
}
.main_content_iframe_ppob {
height: 2400px;
margin-left:0px;
margin-top:-50px;
}
.main_content_pilihkelas {
height: 2400px;
margin-top:30px;
}
.main_content_itinerary {
height: 2400px;
margin-top: 30px;
}
.main_content_cashflow {
width: 1250px;
height: 2000px;
margin-top:50px;
margin-left:20px;
}
}











@media (max-width: 1000px) {

.masterbar2 {
  background: #117fd1;
  border-bottom: 1px solid #117fd1;
  color: #FFF;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin: 0;
  position: fixed;
  left: 0;
  top: 46px;
  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; 
 }

.masterbar__item_2 {
  border-left: 1px solid #117fd1;
  -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:#FFF;
  font-size: 10px;
  height: 60px;
  line-height: 46px;
  padding: 0;
  display:block;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in; 
  /* border-right: 1px solid #99daf5; */
}

.masterbar__item_2.is-active-flight, .masterbar__item_2.is-active-train, .masterbar__item_2.is-active-hotel, .masterbar__item_2.is-active-ppob, .masterbar__item_2.is-active-pulsa {
    background: #117fd1;
    color: #FFF;
    font-weight:bold;
    border-bottom: 2px solid #FFF;
}

.masterbar__item_2:hover, .masterbar__item_2:focus {
    background: #117fd1;
    color: #FFF;
    outline: 0; 
    border-bottom: 2px solid #FFF;
    font-weight:bold;
}

.sidebar {
   top: 102px;
}

.topmenu_header {
        display:block;
        margin-top:-25px;
        text-transform:uppercase;
        font-size:10px;
	color:#FFF;
}

}





#topicon_header {
   margin-right:2px;
   font-size:15px;
   color: #FFF;
}

@media (max-width: 480px) {
.masterbar__item-content-menu_show, .masterbar__item-content-close {
margin-top: 6px;
}
.topmenu_header {
   margin-top:-10px;
}
#topicon_header {
   display: block;
   margin-top: 15px;
   font-size: 14px;
}
.masterbar2 .masterbar__item-content {
   font-size:9px;
}
}


@media (max-width: 400px) {
.topmenu_header {
   margin-top:-6px;
}
}


@media (max-width: 250px) {
.topmenu_header_saldo {
display:none;
}
}

@media (max-width: 200px) {
.topmenu_header {
        margin-top:-27px;
}
}




.lastlogin {
background-color:#FFF;
width:100%;
height:15px;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
}


#showpromobedug {
background-color:#FFF;
width:100%;
height:170px;
text-align:center;
font-size:18px;
color:#004967;
padding: 10px;
padding-bottom:20px;
margin-left:-10px;
}