.jp-iframe-wrap {
  text-align: center; }

.fade-in {
  animation: fadeIn ease 1.5s;
  -webkit-animation: fadeIn ease 1.5s;
  -moz-animation: fadeIn ease 1.5s;
  -o-animation: fadeIn ease 1.5s;
  -ms-animation: fadeIn ease 1.5s; }

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

.dops-button {
  background: #f6f7f7;
  border-color: #2271b1;
  border-style: solid;
  border-width: 1px;
  color: #2271b1;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  font-size: 0.875rem;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 7px 14px 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }
  .dops-button:hover {
    background: #f0f0f1;
    border-color: #0a4b78;
    color: #0a4b78; }
  .dops-button[disabled], .dops-button:disabled {
    color: #eeeeee;
    background: white;
    border-color: #eeeeee;
    cursor: default; }
  .dops-button:focus {
    background: white;
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1; }
  .dops-button.is-compact {
    padding: 0 10px;
    line-height: 2; }
    .dops-button.is-compact:disabled {
      color: #eeeeee; }
    .dops-button.is-compact .gridicon {
      top: 4px;
      margin-top: -8px; }
    .dops-button.is-compact .gridicons-plus-small {
      margin-left: -4px; }
    .dops-button.is-compact .gridicons-plus-small:last-of-type {
      margin-left: 0; }
    .dops-button.is-compact .gridicons-plus-small + .gridicon {
      margin-left: -4px; }
  .dops-button.hidden {
    display: none; }
  .dops-button .gridicon {
    position: relative;
    top: 4px;
    margin-top: -2px;
    width: 18px;
    height: 18px; }

.dops-button.is-primary {
  background: #3582c4;
  border-color: #3582c4;
  color: white; }
  .dops-button.is-primary:hover, .dops-button.is-primary:focus {
    border-color: #2271b1;
    background: #2271b1;
    color: white; }
  .dops-button.is-primary:focus {
    box-shadow: 0 0 0 1px white, 0 0 0 3px #2271b1; }
  .dops-button.is-primary[disabled], .dops-button.is-primary:disabled {
    color: #66c6e4 !important;
    background-color: #008ec2 !important;
    border-color: #008ec2 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: default; }
  .dops-button.is-primary.is-compact {
    color: white;
    white-space: nowrap; }

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

.dops-button.is-primary.is-scary {
  background: #d94f4f;
  border-color: #a02222;
  color: white; }
  .dops-button.is-primary.is-scary:hover, .dops-button.is-primary.is-scary:focus {
    border-color: #4c1010; }
  .dops-button.is-primary.is-scary[disabled], .dops-button.is-primary.is-scary:disabled {
    background: #eba3a3;
    border-color: #e48484; }

.dops-button.is-borderless {
  border: none;
  color: #888888;
  padding-left: 0;
  padding-right: 0; }
  .dops-button.is-borderless:hover {
    color: #414141; }
  .dops-button.is-borderless:focus {
    box-shadow: none; }
  .dops-accessible-focus .dops-button.is-borderless:focus {
    outline: thin dotted; }
  .dops-button.is-borderless .gridicon {
    width: 24px;
    height: 24px;
    top: 6px; }
  .dops-button.is-borderless[disabled], .dops-button.is-borderless:disabled {
    color: #eeeeee;
    background: white;
    cursor: default; }
    .dops-button.is-borderless[disabled]:active, .dops-button.is-borderless:disabled:active {
      border-width: 0; }
  .dops-button.is-borderless.is-scary {
    color: #d94f4f; }
    .dops-button.is-borderless.is-scary:hover, .dops-button.is-borderless.is-scary:focus {
      color: #a02222; }
    .dops-button.is-borderless.is-scary[disabled] {
      color: #f4cdcd; }
  .dops-button.is-borderless.is-compact {
    background: transparent;
    border-radius: 0; }
    .dops-button.is-borderless.is-compact .gridicon {
      width: 18px;
      height: 18px;
      top: 5px; }

.dops-button-group .dops-button {
  border-left-width: 0;
  border-radius: 0; }
  .dops-button-group .dops-button:focus {
    position: relative;
    z-index: z-index("button-group-parent", ".button-group .button:focus"); }
  .dops-button-group .dops-button.is-primary:focus {
    box-shadow: 0 0 0 1px white, 0 0 0 3px #2271b1; }
  .dops-button-group .dops-button.is-scary:focus {
    box-shadow: inset 1px 0 0 #d94f4f, 0 0 0 2px #eba3a3; }
  .dops-button-group .dops-button.is-primary.is-scary:focus {
    box-shadow: inset 1px 0 0 #761919, 0 0 0 2px #eba3a3; }
  .dops-button-group .dops-button.is-scary:first-child:focus {
    box-shadow: 0 0 0 2px #eba3a3; }

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

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

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

.dops-count {
  display: inline-block;
  padding: 0.0625rem 0.375rem;
  border: solid 1px #a2a2a2;
  border-radius: 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 0.875rem;
  color: #a2a2a2;
  text-align: center; }

/**
 * Select Dropdown
 */
.dops-select-dropdown {
  height: 43px; }
  .dops-select-dropdown.is-compact {
    height: 28px; }
  .dops-select-dropdown.is-disabled .dops-select-dropdown__header {
    background: #f6f6f6;
    border-color: #eeeeee;
    color: #bbbbbb;
    -webkit-text-fill-color: #bbbbbb; }

.dops-select-dropdown__container {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: auto;
  max-width: 100%; }
  .dops-select-dropdown.is-open .dops-select-dropdown__container {
    z-index: 170; }
  .dops-accessible-focus .dops-select-dropdown__container:focus,
  .dops-accessible-focus .dops-select-dropdown.is-open .dops-select-dropdown__container {
    z-index: 170;
    box-shadow: 0 0 0 2px #78dcfa; }
    .dops-accessible-focus .dops-select-dropdown__container:focus .select-dropdown__header,
    .dops-accessible-focus .dops-select-dropdown.is-open .dops-select-dropdown__container .select-dropdown__header {
      border-color: #0087be; }
  .dops-accessible-focus .dops-select-dropdown__container:focus {
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa;
    outline: 0;
    border-radius: 4px; }

.dops-select-dropdown__header {
  padding: 11px 44px 11px 16px;
  border-style: solid;
  border-color: #d5d5d5;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  height: 18px;
  color: #414141;
  transition: background-color 0.2s ease;
  cursor: pointer; }
  .dops-select-dropdown__header::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    font: normal 16px/1 'Dashicons';
    content: '\f347';
    position: absolute;
    right: 13px;
    top: 12px;
    display: block;
    line-height: 18px;
    color: rgba(162, 162, 162, 0.5); }
    .is-compact .dops-select-dropdown__header::after {
      right: 4px;
      top: 4px; }
  .is-compact .dops-select-dropdown__header {
    padding: 7px;
    color: #888888;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }
    .is-compact .dops-select-dropdown__header .dops-count {
      border-width: 0;
      margin-left: 0;
      line-height: 1; }
  .dops-select-dropdown.is-open .dops-select-dropdown__header {
    border-radius: 4px 4px 0 0;
    box-shadow: none;
    background-color: #f6f6f6; }
    .dops-select-dropdown.is-open .dops-select-dropdown__header::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      vertical-align: middle;
      font: normal 16px/1 'Dashicons';
      content: '\f343'; }
  .dops-select-dropdown__header .dops-count {
    margin-left: 8px; }

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

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

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

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

.dops-select-dropdown__item {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #414141;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer; }
  .dops-select-dropdown__item::before {
    content: attr(data-bold-text);
    font-weight: 700;
    opacity: 0; }
  .dops-select-dropdown__item:visited {
    color: #414141; }
  .dops-select-dropdown__item.is-selected {
    background-color: #3582c4;
    color: white; }
  .dops-select-dropdown__item.is-disabled {
    background-color: white;
    color: #a2a2a2;
    cursor: default;
    opacity: .5; }
  .notouch .dops-select-dropdown__item:hover {
    color: #3582c4; }
  .notouch .dops-select-dropdown__item.is-selected:hover {
    color: white; }

.dops-select-dropdown__item-text {
  padding-right: 16px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }
  .dops-select-dropdown__item-text .dops-count {
    color: inherit;
    border-color: inherit; }

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

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

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

/**
 * @component Search
 */
.dops-search {
  display: flex;
  flex: 1 1 auto;
  margin-bottom: 24px;
  width: 60px;
  height: 51px;
  position: relative;
  align-items: center;
  z-index: 22;
  transition: all 0.15s ease-in-out; }
  .dops-search .dops-search__icon-navigation {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: inherit;
    height: 100%; }
  .dops-search .dops-search__open-icon,
  .dops-search .dops-search__close-icon {
    flex: 0 0 auto;
    width: 50px;
    z-index: 20;
    color: #0087be;
    cursor: pointer; }
    .accessible-focus .dops-search .dops-search__open-icon:focus, .accessible-focus
    .dops-search .dops-search__close-icon:focus {
      outline: dotted 1px #0087be; }
  .dops-search .dops-search__open-icon:hover {
    color: #555555; }
  .dops-search .dops-search__close-icon {
    color: #555555;
    opacity: 0;
    transition: opacity .2s ease-in; }
  .accessible-focus .dops-search.has-focus {
    box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; }

.dops-search.is-expanded-to-container {
  margin-bottom: 0;
  position: absolute;
  display: flex;
  height: 100%;
  width: 50px;
  top: 0;
  right: 0;
  overflow: hidden; }
  .dops-search.is-expanded-to-container .dops-search__input-fade {
    position: relative;
    flex: 1 1 auto;
    display: flex; }
  .dops-search.is-expanded-to-container .dops-search__input[type="search"] {
    flex: 1 1 auto;
    display: flex;
    margin: 0;
    box-shadow: none; }

.dops-search__input[type="search"] {
  flex: 1 1 auto;
  display: none;
  z-index: 10;
  top: 0;
  border: none;
  border-radius: inherit;
  height: 100%;
  background: white;
  -moz-appearance: none;
       appearance: none;
  box-sizing: border-box;
  padding: 0px;
  -webkit-appearance: none; }
  .dops-search__input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }
  .dops-search__input[type="search"]:focus {
    box-shadow: none;
    border: none; }

.dops-search.is-open {
  width: 100%; }
  .dops-search.is-open .dops-search__open-icon {
    color: #555555; }
  .dops-search.is-open .dops-search__close-icon {
    display: inline-block; }
  .dops-search.is-open .dops-search__input,
  .dops-search.is-open .dops-search__close-icon {
    opacity: 1; }
  .dops-search.is-open .dops-search__input {
    display: block; }
  .dops-search.is-open .dops-search__input-fade {
    flex: 1 1 auto;
    height: 100%;
    position: relative;
    font-size: 16px;
    border-radius: inherit; }
    .dops-search.is-open .dops-search__input-fade::before {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      z-index: 12;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 32px;
      height: auto;
      border-radius: inherit; }
    .dops-search.is-open .dops-search__input-fade.ltr {
      /*rtl:ignore*/ }
      .dops-search.is-open .dops-search__input-fade.ltr::before {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        z-index: 12;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 32px;
        height: auto;
        border-radius: inherit; }

.dops-search__input-fade .dops-search__text-overlay {
  color: transparent;
  position: absolute;
  pointer-events: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  font: inherit;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 11; }

.dops-search.is-searching .dops-search__open-icon {
  display: none; }

.animating.dops-search-opening .dops-search input {
  opacity: 1; }

/**
 * Section Nav
 */
.dops-section-nav {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 17px 0;
  background: white;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #c3c4c7, 0 1px 1px 1px rgba(0, 0, 0, 0.04); }
  .dops-section-nav.is-empty .dops-section-nav__panel {
    visibility: hidden; }
  @media (max-width: 480px) {
    .dops-section-nav.is-open {
      box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; } }
  @media (min-width: 481px) {
    .dops-section-nav.has-pinned-items {
      padding-right: 60px; } }
  @media (min-width: 481px) and (max-width: 660px) {
    .dops-section-nav.has-pinned-items {
      padding-right: 50px; } }
  @media (max-width: 660px) {
    .dops-section-nav {
      margin-bottom: 9px; } }

.dops-section-nav__mobile-header {
  display: flex;
  padding: 15px;
  font-size: 14px;
  line-height: 16px;
  color: #414141;
  font-weight: 600;
  cursor: pointer; }
  .dops-section-nav__mobile-header:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    font: normal 16px/1 'Dashicons';
    content: '\f347';
    line-height: 16px;
    color: rgba(162, 162, 162, 0.5); }
  .dops-section-nav.is-open .dops-section-nav__mobile-header:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    font: normal 16px/1 'Dashicons';
    content: '\f343'; }
  .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header {
    padding-right: 50px; }
    .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header:after {
      margin-left: 8px; }
  @media (min-width: 481px) {
    .dops-section-nav__mobile-header {
      display: none; } }

.dops-section-nav__mobile-header-text {
  width: 0;
  flex: 1 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .dops-section-nav__mobile-header-text small {
    margin-left: 5px;
    font-size: 11px;
    color: #a2a2a2;
    font-weight: 600;
    text-transform: uppercase; }
  .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header-text {
    width: auto;
    flex: 0 1 auto; }

.dops-section-nav__panel {
  box-sizing: border-box;
  width: 100%; }
  @media (max-width: 480px) {
    .dops-section-nav.is-open .dops-section-nav__panel {
      padding-bottom: 15px;
      border-top: solid 1px #d5d5d5;
      background: linear-gradient(to bottom, #f6f6f6 0%, white 4px); } }
  @media (min-width: 481px) {
    .dops-section-nav__panel {
      display: flex;
      align-items: center; }
      .dops-section-nav__panel:first-child {
        width: 0;
        flex: 1 0 auto; } }

.dops-section-nav-group {
  position: relative;
  margin-top: 16px;
  padding-top: 16px;
  border-top: solid 1px #d5d5d5; }
  .dops-section-nav-group:first-child {
    padding-top: 0;
    border-top: none; }
  @media (max-width: 480px) {
    .dops-section-nav-group {
      display: none; }
      .dops-section-nav.is-open .dops-section-nav-group {
        display: block; } }
  @media (min-width: 481px) {
    .dops-section-nav-group {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
      .dops-section-nav-group:first-child {
        display: flex;
        width: 0;
        flex: 1 0 auto; } }

.dops-section-nav__button {
  width: 100%;
  margin-top: 24px; }

.dops-section-nav__hr {
  background: #eeeeee; }

.dops-section-nav-group__label {
  display: none;
  margin-bottom: 8px;
  padding: 0 15px;
  font-size: 11px;
  color: #a2a2a2;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 12px; }
  @media (max-width: 480px) {
    .has-siblings .dops-section-nav-group__label {
      display: block; } }

.dops-section-nav-group__label-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.dops-section-nav-tab .count {
  margin-left: 8px; }

@media (min-width: 481px) {
  .dops-section-nav-tabs {
    width: 0;
    flex: 1 0 auto; }
    .dops-section-nav-tabs.is-dropdown {
      position: relative;
      width: auto;
      flex: 0 1 auto;
      margin: 8px; } }

.dops-section-nav-tabs__list {
  margin: 0;
  list-style: none; }
  @media (min-width: 481px) {
    .dops-section-nav-tabs__list {
      display: flex;
      width: 100%;
      overflow: hidden; }
      .is-dropdown .dops-section-nav-tabs__list {
        display: none; } }

.dops-section-nav-tab {
  margin-bottom: 0; }
  @media (min-width: 481px) {
    .dops-section-nav-tab {
      width: auto;
      flex: none;
      border-bottom: 2px solid transparent;
      border-top: none;
      text-align: center; }
      .dops-section-nav-tab.is-selected {
        border-bottom-color: #414141; } }

.dops-section-nav-tab__link,
.dops-section-nav-tab__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.dops-section-nav-tab__link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 18px;
  color: #414141;
  cursor: pointer; }
  .dops-section-nav-tab__link:visited {
    color: #414141; }
  .dops-section-nav-tab__link[disabled],
  .notouch .dops-section-nav-tab__link[disabled]:hover {
    color: #eeeeee;
    cursor: default; }
  .is-selected .dops-section-nav-tab__link {
    color: white;
    background-color: #2271b1; }
  .dops-section-nav-tab__link:focus {
    outline: none;
    box-shadow: none; }
    .dops-accessible-focus .dops-section-nav-tab__link:focus {
      outline: solid #a2a2a2 1px; }
  .is-external .dops-section-nav-tab__link:after {
    font-size: 18px;
    padding-left: 2px; }
  .dops-section-nav-tab__link:hover {
    color: #0a4b78; }
  .notouch .dops-section-nav-tab__link:hover {
    color: #2271b1; }
  .notouch .is-selected .dops-section-nav-tab__link:hover {
    color: white; }
  @media (min-width: 481px) {
    .dops-section-nav-tab__link {
      display: block;
      width: auto;
      padding: 16px 16px 14px 16px;
      color: #2271b1;
      font-weight: 400; }
      .dops-section-nav-tab__link:visited {
        color: #2271b1; }
      .is-selected .dops-section-nav-tab__link {
        color: #414141;
        background-color: transparent; }
        .is-selected .dops-section-nav-tab__link:after {
          display: none; }
      .notouch .is-selected .dops-section-nav-tab__link:hover {
        color: #414141; } }

.dops-section-nav-tab__text {
  display: block;
  flex: 1 0 auto;
  width: 0;
  color: inherit; }
  @media (min-width: 481px) {
    .dops-section-nav-tab__text {
      display: inline;
      flex: none;
      width: auto; } }

.dops-section-nav-tabs__dropdown {
  position: relative;
  z-index: 3;
  width: 100%; }
  .dops-section-nav-tabs__dropdown.is-open {
    z-index: 4; }
  .dops-section-nav-tabs__dropdown .dops-select-dropdown__container {
    position: static; }

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

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

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

#jp-plugin-container {
  min-height: 100vh; }

/* Card */
.dops-card {
  display: block;
  position: relative;
  margin: 0 auto 10px auto;
  padding: 16px;
  box-sizing: border-box;
  background: white;
  box-shadow: 0 0 0 1px #c3c4c7, 0 1px 1px 1px rgba(0, 0, 0, 0.04); }
  .dops-card:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 481px) {
    .dops-card {
      margin-bottom: 16px;
      padding: 24px; } }
  .dops-card.is-compact {
    margin-bottom: 1px; }
    @media (min-width: 481px) {
      .dops-card.is-compact {
        margin-bottom: 1px;
        padding: 16px 24px; } }
  .dops-card.is-card-link {
    padding-right: 48px; }

h2.dops-card-title {
  font-size: rem(20px); }

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

a.dops-card:hover .dops-card__link-indicator {
  color: #bbbbbb; }

a.dops-card:focus {
  outline: 0; }
  a.dops-card:focus .dops-card__link-indicator {
    color: tint(#3582c4, 20%); }

/**
 * "popover" theme for `component/tip`.
 */
.dops-popover {
  font-size: 11px;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0 /*rtl:ignore*/;
  right: auto /*rtl:ignore*/; }
  .dops-popover .dops-popover__inner {
    background-color: white;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
    text-align: center;
    position: relative; }
  .dops-popover .dops-popover__arrow {
    border: 10px dashed #d5d5d5;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 1; }
  .dops-popover.fade {
    transition: opacity 100ms; }
  .dops-popover.is-top .dops-popover__arrow,
  .dops-popover.is-top-left .dops-popover__arrow,
  .dops-popover.is-top-right .dops-popover__arrow {
    bottom: 0 /*rtl:ignore*/;
    left: 50% /*rtl:ignore*/;
    margin-left: -10px/*rtl:ignore*/;
    border-top-style: solid/*rtl:ignore*/;
    border-bottom: none/*rtl:ignore*/;
    border-left-color: transparent/*rtl:ignore*/;
    border-right-color: transparent/*rtl:ignore*/; }
    .dops-popover.is-top .dops-popover__arrow::before,
    .dops-popover.is-top-left .dops-popover__arrow::before,
    .dops-popover.is-top-right .dops-popover__arrow::before {
      bottom: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      left: 50% /*rtl:ignore*/;
      margin-left: -10px/*rtl:ignore*/;
      border-top-style: solid/*rtl:ignore*/;
      border-bottom: none/*rtl:ignore*/;
      border-left-color: transparent/*rtl:ignore*/;
      border-right-color: transparent/*rtl:ignore*/; }
  .dops-popover.is-bottom .dops-popover__arrow,
  .dops-popover.is-bottom-left .dops-popover__arrow,
  .dops-popover.is-bottom-right .dops-popover__arrow {
    top: 0 /*rtl:ignore*/;
    left: 50% /*rtl:ignore*/;
    margin-left: -10px/*rtl:ignore*/;
    border-bottom-style: solid/*rtl:ignore*/;
    border-top: none/*rtl:ignore*/;
    border-left-color: transparent/*rtl:ignore*/;
    border-right-color: transparent/*rtl:ignore*/; }
    .dops-popover.is-bottom .dops-popover__arrow::before,
    .dops-popover.is-bottom-left .dops-popover__arrow::before,
    .dops-popover.is-bottom-right .dops-popover__arrow::before {
      top: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      left: 50% /*rtl:ignore*/;
      margin-left: -10px/*rtl:ignore*/;
      border-bottom-style: solid/*rtl:ignore*/;
      border-top: none/*rtl:ignore*/;
      border-left-color: transparent/*rtl:ignore*/;
      border-right-color: transparent/*rtl:ignore*/; }
  .dops-popover.is-left .dops-popover__arrow,
  .dops-popover.is-left-top .dops-popover__arrow,
  .dops-popover.is-left-bottom .dops-popover__arrow {
    right: 0 /*rtl:ignore*/;
    top: 50% /*rtl:ignore*/;
    margin-top: -10px/*rtl:ignore*/;
    border-left-style: solid/*rtl:ignore*/;
    border-right: none/*rtl:ignore*/;
    border-top-color: transparent/*rtl:ignore*/;
    border-bottom-color: transparent/*rtl:ignore*/; }
    .dops-popover.is-left .dops-popover__arrow::before,
    .dops-popover.is-left-top .dops-popover__arrow::before,
    .dops-popover.is-left-bottom .dops-popover__arrow::before {
      right: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      top: 50% /*rtl:ignore*/;
      margin-top: -10px/*rtl:ignore*/;
      border-left-style: solid/*rtl:ignore*/;
      border-right: none/*rtl:ignore*/;
      border-top-color: transparent/*rtl:ignore*/;
      border-bottom-color: transparent/*rtl:ignore*/; }
  .dops-popover.is-right .dops-popover__arrow,
  .dops-popover.is-right-top .dops-popover__arrow,
  .dops-popover.is-right-bottom .dops-popover__arrow {
    left: 0 /*rtl:ignore*/;
    top: 50% /*rtl:ignore*/;
    margin-top: -10px/*rtl:ignore*/;
    border-right-style: solid/*rtl:ignore*/;
    border-left: none/*rtl:ignore*/;
    border-top-color: transparent/*rtl:ignore*/;
    border-bottom-color: transparent/*rtl:ignore*/; }
    .dops-popover.is-right .dops-popover__arrow::before,
    .dops-popover.is-right-top .dops-popover__arrow::before,
    .dops-popover.is-right-bottom .dops-popover__arrow::before {
      left: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      top: 50% /*rtl:ignore*/;
      margin-top: -10px/*rtl:ignore*/;
      border-right-style: solid/*rtl:ignore*/;
      border-left: none/*rtl:ignore*/;
      border-top-color: transparent/*rtl:ignore*/;
      border-bottom-color: transparent/*rtl:ignore*/; }
  .dops-popover.is-top-left, .dops-popover.is-bottom-left, .dops-popover.is-top-right, .dops-popover.is-bottom-right {
    padding-right: 0;
    padding-left: 0; }
  .dops-popover.is-top-left .dops-popover__arrow,
  .dops-popover.is-bottom-left .dops-popover__arrow {
    left: auto /*rtl:ignore*/;
    right: 5px /*rtl:ignore*/; }
  .dops-popover.is-top-right .dops-popover__arrow,
  .dops-popover.is-bottom-right .dops-popover__arrow {
    left: 15px /*rtl:ignore*/; }
  .dops-popover.is-top .dops-popover__inner,
  .dops-popover.is-top-left .dops-popover__inner,
  .dops-popover.is-top-right .dops-popover__inner {
    top: -10px /*rtl:ignore*/; }
  .dops-popover.is-left .dops-popover__inner,
  .dops-popover.is-top-right .dops-popover__inner,
  .dops-popover.is-bottom-right .dops-popover__inner {
    left: -10px /*rtl:ignore*/; }
  .dops-popover.is-bottom .dops-popover__inner,
  .dops-popover.is-bottom-left .dops-popover__inner,
  .dops-popover.is-bottom-right .dops-popover__inner {
    top: 10px /*rtl:ignore*/; }
  .dops-popover.is-right .dops-popover__inner,
  .dops-popover.is-top-left .dops-popover__inner,
  .dops-popover.is-bottom-left .dops-popover__inner {
    left: 10px /*rtl:ignore*/; }
  .dops-popover.is-dialog-visible {
    z-index: 100300;
    /* Above .dialog */ }

.dops-popover__menu {
  display: flex;
  flex-direction: column;
  min-width: 200px; }

.dops-popover__menu-item {
  position: relative;
  background: inherit;
  border: none;
  border-radius: 0;
  color: #414141;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 8px 16px;
  text-align: left;
  transition: all 0.05s ease-in-out; }
  .dops-popover__menu-item:first-child {
    margin-top: 5px; }
  .dops-popover__menu-item:hover, .dops-popover__menu-item:focus {
    background-color: #3582c4;
    border: 0;
    box-shadow: none;
    color: white; }
    .dops-popover__menu-item:hover .gridicon, .dops-popover__menu-item:focus .gridicon {
      color: white; }
  .dops-popover__menu-item[disabled]:hover, .dops-popover__menu-item[disabled]:focus {
    background: transparent;
    cursor: default; }
  .dops-popover__menu-item:last-child {
    margin-bottom: 5px; }
  .dops-popover__menu-item::-moz-focus-inner {
    border: 0; }
  .dops-popover__menu-item.has-icon {
    padding-left: 42px; }
  .dops-popover__menu-item .gridicon {
    color: #bbbbbb;
    vertical-align: bottom;
    margin-right: 8px; }

.dops-popover__hr {
  margin: 8px 0;
  background: #eeeeee; }

.form-toggle[type="checkbox"] {
  display: none; }

.form-toggle__switch {
  flex: none;
  position: relative;
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 2px;
  width: 40px;
  height: 24px;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  transition: all .4s ease, box-shadow 0s; }
  .form-toggle__switch:before, .form-toggle__switch:after {
    position: relative;
    display: block;
    content: "";
    width: 20px;
    height: 20px; }
  .form-toggle__switch:after {
    left: 0;
    border-radius: 50%;
    background: white;
    transition: all .2s ease; }
  .form-toggle__switch:before {
    display: none; }
  .dops-accessible-focus .form-toggle__switch:focus {
    box-shadow: 0 0 0 2px #3582c4; }

.form-toggle__label {
  display: flex;
  cursor: pointer; }
  .is-disabled .form-toggle__label {
    cursor: default; }
  .form-toggle__label .form-toggle__label-content {
    flex: 0 1 100%;
    margin-left: 12px; }

.dops-accessible-focus .form-toggle:focus + .form-toggle__label .form-toggle__switch {
  box-shadow: 0 0 0 2px #3582c4; }

.dops-accessible-focus .form-toggle:focus:checked + .form-toggle__label .form-toggle__switch {
  box-shadow: 0 0 0 2px #78dcfa; }

.form-toggle + .form-toggle__label .form-toggle__switch {
  background: #bbbbbb; }

.form-toggle:not(:disabled) + .form-toggle__label:hover .form-toggle__switch {
  background: #d5d5d5; }

.form-toggle:checked + .form-toggle__label .form-toggle__switch {
  background: #3582c4; }
  .form-toggle:checked + .form-toggle__label .form-toggle__switch:after {
    left: 16px; }

.form-toggle:checked:not(:disabled) + .form-toggle__label:hover .form-toggle__switch {
  background: #78dcfa; }

.form-toggle:disabled + label.form-toggle__label span.form-toggle__switch {
  opacity: 0.25;
  cursor: default; }

.form-toggle.is-toggling + .form-toggle__label .form-toggle__switch {
  background: #3582c4; }

.form-toggle.is-toggling:checked + .form-toggle__label .form-toggle__switch {
  background: #d5d5d5; }

.form-toggle.is-compact + .form-toggle__label .form-toggle__switch {
  border-radius: 8px;
  width: 24px;
  height: 16px; }
  .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:before, .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:after {
    width: 12px;
    height: 12px; }

.form-toggle.is-compact:checked + .form-toggle__label .form-toggle__switch:after {
  left: 8px; }

.dops-section-header.dops-card {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
  position: relative; }
  .dops-section-header.dops-card:after {
    content: ''; }

.dops-section-header__label {
  display: flex;
  align-items: center;
  flex-grow: 1;
  min-width: 0;
  line-height: 1.75rem;
  position: relative;
  color: #414141;
  font-size: 0.875rem; }
  .dops-section-header__label .dops-count {
    margin-left: 0.5rem; }

.dops-section-header__label-text {
  position: relative;
  margin-right: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding-right: 0.5rem;
  min-width: 0; }
  .dops-section-header__label-text:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 8px;
    height: auto; }
  .has-card-badge .dops-section-header__label-text {
    width: auto; }

.dops-section-header__actions {
  flex-grow: 0;
  position: relative; }
  .dops-section-header__actions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.section-header__actions .button {
  float: left;
  margin-right: 0.5rem; }
  .section-header__actions .button:last-child {
    margin-right: 0; }

#jp-plugin-container {
  min-height: 100vh; }

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

.dops-notice {
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  box-sizing: border-box;
  animation: appear .3s ease-in-out;
  background: #414141;
  color: white;
  border-radius: 3px;
  line-height: 1.5; }
  .dops-notice.is-success .dops-notice__icon-wrapper {
    background: #4ab866; }
  .dops-notice.is-warning .dops-notice__icon-wrapper {
    background: #f0b849; }
  .dops-notice.is-error .dops-notice__icon-wrapper {
    background: #d94f4f; }
  .dops-notice.is-info .dops-notice__icon-wrapper {
    background: #3582c4; }
  .dops-notice .dops-notice__dismiss {
    overflow: hidden; }
  .dops-notice.is-success .dops-notice__dismiss, .dops-notice.is-error .dops-notice__dismiss, .dops-notice.is-warning .dops-notice__dismiss, .dops-notice.is-info .dops-notice__dismiss {
    overflow: hidden; }

.dops-notice__icon-wrapper {
  background: #747474;
  color: white;
  display: flex;
  align-items: baseline;
  width: 47px;
  justify-content: center;
  border-radius: 3px 0 0 3px;
  flex-shrink: 0;
  align-self: stretch; }
  .dops-notice__icon-wrapper .gridicon {
    margin-top: 10px; }
    @media (min-width: 481px) {
      .dops-notice__icon-wrapper .gridicon {
        margin-top: 12px; } }

.dops-notice__content.dops-notice__content {
  padding: 13px;
  font-size: 12px;
  flex-grow: 1; }
  @media (min-width: 481px) {
    .dops-notice__content.dops-notice__content {
      font-size: 14px; } }
  .dops-notice__content.dops-notice__content a {
    text-decoration: underline;
    color: white; }
  .dops-notice__content.dops-notice__content a:hover {
    text-decoration: none; }

.dops-notice__text a.dops-notice__text-no-underline {
  text-decoration: none; }

.dops-notice__text a,
.dops-notice__text a:visited {
  text-decoration: underline;
  color: white; }
  .dops-notice__text a:hover,
  .dops-notice__text a:visited:hover {
    color: white;
    text-decoration: none; }

.dops-notice__text ul {
  margin-bottom: 0;
  margin-left: 0; }

.dops-notice__text li {
  margin-left: 2em;
  margin-top: 0.5em; }

.dops-notice__text p {
  margin-bottom: 0;
  margin-top: 0.5em; }
  .dops-notice__text p:first-child {
    margin-top: 0; }

.dops-notice__button {
  cursor: pointer;
  margin-left: 0.428em; }

.dops-notice__dismiss {
  flex-shrink: 0;
  padding: 12px;
  cursor: pointer;
  padding-bottom: 0; }
  .dops-notice__dismiss .gridicon {
    width: 18px;
    height: 18px; }
  @media (min-width: 481px) {
    .dops-notice__dismiss {
      padding: 11px;
      padding-bottom: 0; }
      .dops-notice__dismiss .gridicon {
        width: 24px;
        height: 24px; } }
  .dops-notice .dops-notice__dismiss {
    color: #bbbbbb; }
    .dops-notice .dops-notice__dismiss:hover, .dops-notice .dops-notice__dismiss:focus {
      color: white; }

a.dops-notice__action {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  color: #bbbbbb;
  padding: 13px;
  display: flex;
  align-items: center; }
  @media (min-width: 481px) {
    a.dops-notice__action {
      flex-shrink: 1;
      flex-grow: 0;
      align-items: center;
      border-radius: 0;
      font-size: 14px;
      margin: 0 0 0 auto;
      padding: 13px 16px; }
      a.dops-notice__action .gridicon {
        width: 24px;
        height: 24px; } }
  a.dops-notice__action:visited {
    color: #bbbbbb; }
  a.dops-notice__action:hover {
    color: white; }
  a.dops-notice__action .gridicon {
    margin-left: 8px;
    opacity: 0.7;
    width: 18px;
    height: 18px; }

.dops-notice.is-compact {
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: auto;
  border-radius: 3px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  line-height: 1.5; }
  .dops-notice.is-compact .dops-notice__content {
    font-size: 12px;
    padding: 6px 10px; }
  .dops-notice.is-compact .dops-notice__icon-wrapper {
    width: 28px; }
    .dops-notice.is-compact .dops-notice__icon-wrapper .dops-notice__icon {
      width: 18px;
      height: 18px;
      margin: 0; }
    .dops-notice.is-compact .dops-notice__icon-wrapper .gridicon {
      margin-top: 6px; }
  .dops-notice.is-compact .dops-notice__dismiss {
    position: relative;
    align-self: center;
    flex: none;
    margin: 0 8px 0 0;
    padding: 0; }
    .dops-notice.is-compact .dops-notice__dismiss .gridicon {
      width: 18px;
      height: 18px; }
  .dops-notice.is-compact a.dops-notice__action {
    background: transparent;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    align-self: center;
    margin-left: 16px;
    padding: 0 10px; }
    .dops-notice.is-compact a.dops-notice__action:hover, .dops-notice.is-compact a.dops-notice__action:active, .dops-notice.is-compact a.dops-notice__action:focus {
      background: transparent; }
    .dops-notice.is-compact a.dops-notice__action .gridicon {
      margin-left: 8px;
      width: 14px;
      height: 14px;
      vertical-align: sub;
      opacity: 1; }

.dops-plan-icon {
  width: inherit;
  height: inherit;
  background-repeat: no-repeat; }

.dops-plan-icon__free .dops-plan-icon__free-0 {
  fill: #78dcfa; }

.dops-plan-icon__free .dops-plan-icon__free-1 {
  fill: white; }

.dops-plan-icon__free .dops-plan-icon__free-2 {
  fill: #006a95; }

.dops-plan-icon__free .dops-plan-icon__free-3 {
  fill: #0087be; }

.dops-plan-icon__free .dops-plan-icon__free-4 {
  fill: #00a4e7; }

.dops-plan-icon__personal .dops-plan-icon__personal-0 {
  fill: #f0b849; }

.dops-plan-icon__personal .dops-plan-icon__personal-1 {
  fill: #a2a2a2; }

.dops-plan-icon__personal .dops-plan-icon__personal-2 {
  fill: #d5d5d5; }

.dops-plan-icon__personal .dops-plan-icon__personal-3 {
  fill: white; }

.dops-plan-icon__personal .dops-plan-icon__personal-4 {
  fill: #888888; }

.dops-plan-icon__personal .dops-plan-icon__personal-5 {
  fill: #6f6f6f; }

.dops-plan-icon__premium .dops-plan-icon__premium-0 {
  fill: #4ab866; }

.dops-plan-icon__premium .dops-plan-icon__premium-1 {
  fill: #a2a2a2; }

.dops-plan-icon__premium .dops-plan-icon__premium-2 {
  fill: #6f6f6f; }

.dops-plan-icon__premium .dops-plan-icon__premium-3 {
  fill: white; }

.dops-plan-icon__premium .dops-plan-icon__premium-4 {
  fill: #d5d5d5; }

.dops-plan-icon__premium .dops-plan-icon__premium-5 {
  fill: #6f6f6f; }

.dops-plan-icon__premium .dops-plan-icon__premium-6 {
  fill: #555555; }

.dops-plan-icon__business .dops-plan-icon__business-0 {
  fill: #855DA6; }

.dops-plan-icon__business .dops-plan-icon__business-1 {
  fill: white; }

.dops-plan-icon__business .dops-plan-icon__business-2 {
  fill: #eeeeee; }

.dops-plan-icon__business .dops-plan-icon__business-3 {
  fill: #0087be; }

.dops-plan-icon__business .dops-plan-icon__business-4 {
  fill: #005082; }

@charset "UTF-8";
#jp-plugin-container {
  min-height: 100vh; }

/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/
.dops-banner.dops-card {
  border-left: 3px solid;
  display: flex;
  padding: 12px 6px 12px 12px;
  position: relative;
  z-index: 2;
  border-left-color: #0087be; }
  .dops-banner.dops-card.is-card-link {
    padding: 12px 48px 12px 16px; }
  .dops-banner.dops-card.is-dismissible {
    padding-right: 48px; }
  .dops-banner.dops-card .dops-banner__icon {
    color: #0087be; }
  .dops-banner.dops-card .dops-banner__icon-circle {
    background-color: #0087be; }
  .dops-banner.dops-card.is-jetpack-info {
    border-left-color: #069e08; }
    .dops-banner.dops-card.is-jetpack-info .dops-banner__icon {
      color: #069e08; }
    .dops-banner.dops-card.is-jetpack-info .dops-banner__icon-circle {
      background-color: #069e08; }
  .dops-banner.dops-card.is-product {
    border-left-color: #3895ba; }
    .dops-banner.dops-card.is-product .dops-banner__icon {
      color: #3895ba; }
    .dops-banner.dops-card.is-product .dops-banner__icon-circle {
      background-color: #3895ba; }
  .dops-banner.dops-card.is-plan {
    border-left-color: #069e08; }
    .dops-banner.dops-card.is-plan .dops-banner__icon {
      color: #069e08; }
    .dops-banner.dops-card.is-plan .dops-banner__icon-circle {
      background-color: #069e08; }
    .dops-banner.dops-card.is-plan.is-upgrade-personal {
      border-left-color: #f0b849; }
      .dops-banner.dops-card.is-plan.is-upgrade-personal .dops-banner__icon {
        color: #f0b849; }
      .dops-banner.dops-card.is-plan.is-upgrade-personal .dops-banner__icon-circle {
        background-color: #f0b849; }
    .dops-banner.dops-card.is-plan.is-upgrade-premium {
      border-left-color: #4ab866; }
      .dops-banner.dops-card.is-plan.is-upgrade-premium .dops-banner__icon {
        color: #4ab866; }
      .dops-banner.dops-card.is-plan.is-upgrade-premium .dops-banner__icon-circle {
        background-color: #4ab866; }
    .dops-banner.dops-card.is-plan.is-upgrade-business {
      border-left-color: #855da6; }
      .dops-banner.dops-card.is-plan.is-upgrade-business .dops-banner__icon {
        color: #855da6; }
      .dops-banner.dops-card.is-plan.is-upgrade-business .dops-banner__icon-circle {
        background-color: #855da6; }
    .dops-banner.dops-card.is-plan.is-bundle {
      border-left-color: #984a9c; }
      .dops-banner.dops-card.is-plan.is-bundle .dops-banner__icon {
        color: #984a9c; }
      .dops-banner.dops-card.is-plan.is-bundle .dops-banner__icon-circle {
        background-color: #984a9c; }
  .dops-banner.dops-card .dops-card__link-indicator {
    align-items: center;
    color: #0087be;
    display: flex; }
  .dops-banner.dops-card:hover {
    transition: all 100ms ease-in-out; }
    .dops-banner.dops-card:hover.is-card-link {
      box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; }
    .dops-banner.dops-card:hover .dops-card__link-indicator {
      color: #005082; }
  @media (min-width: 481px) {
    .dops-banner.dops-card {
      padding: 12px 16px; }
      .dops-banner.dops-card.is-dismissible {
        padding-right: 16px; } }

.dops-banner__icons {
  display: flex; }
  .dops-banner__icons .dops-banner__icon,
  .dops-banner__icons .dops-banner__icon-circle {
    border-radius: 50%;
    flex-shrink: 0;
    height: 24px;
    margin-right: 16px;
    margin-top: -2px;
    text-align: center;
    top: 4px;
    width: 24px; }
  .dops-banner__icons .dops-banner__icon {
    align-self: center;
    color: white;
    display: block; }
  .dops-banner__icons .dops-banner__icon-circle {
    color: white;
    display: none;
    padding: 3px 4px 4px 3px; }
    .dops-banner__icons .dops-banner__icon-circle .gridicon {
      margin-bottom: -7px; }
  @media (min-width: 481px) {
    .dops-banner__icons {
      align-items: center; }
      .dops-banner__icons .dops-banner__icon {
        display: none; }
      .dops-banner__icons .dops-banner__icon-circle {
        display: block; } }

.dops-banner__icon-plan {
  display: flex;
  margin-right: 16px; }
  .dops-banner__icon-plan .dops-plan-icon {
    height: 32px;
    width: 32px; }
  @media (min-width: 481px) {
    .dops-banner__icon-plan {
      align-items: center; } }

.dops-banner__content {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap; }
  @media (min-width: 481px) {
    .dops-banner__content {
      flex-wrap: nowrap; } }

.dops-banner__info {
  flex-grow: 1;
  line-height: 1.4;
  width: 100%; }
  .dops-banner__info .dops-banner__title,
  .dops-banner__info .dops-banner__description,
  .dops-banner__info .dops-banner__list {
    color: #414141; }
  .dops-banner__info .dops-banner__title {
    font-size: 0.875rem;
    font-weight: 500; }
  .dops-banner__info .dops-banner__description {
    font-size: 0.75rem;
    margin-top: 3px; }
  .dops-banner__info .dops-banner__list {
    font-size: 0.75rem;
    list-style: none;
    margin: 0; }
    .dops-banner__info .dops-banner__list li {
      margin: 6px 0; }
      .dops-banner__info .dops-banner__list li .gridicon {
        color: #a2a2a2;
        display: none; }
  @media (min-width: 481px) {
    .dops-banner__info {
      width: auto; }
      .dops-banner__info .dops-banner__list li .gridicon {
        display: inline;
        margin-right: 12px;
        vertical-align: bottom; } }

.dops-banner__action {
  align-self: center;
  font-size: 0.75rem;
  margin: 8px 0 0 0;
  text-align: left;
  width: 100%; }
  .dops-banner__action .dops-banner__prices {
    display: flex;
    justify-content: flex-start; }
    .dops-banner__action .dops-banner__prices .dops-plan-price {
      margin-bottom: 0; }
    .dops-banner__action .dops-banner__prices .dops-plan-price.is-discounted,
    .dops-banner__action .dops-banner__prices .dops-plan-price.is-discounted .dops-plan-price__currency-symbol {
      color: #414141; }
    .has-call-to-action .dops-banner__action .dops-banner__prices .dops-plan-price {
      margin-bottom: 8px; }
  @media (min-width: 481px) {
    .dops-banner__action {
      margin: 0 4px 0 8px;
      text-align: center;
      width: auto; }
      .is-dismissible .dops-banner__action {
        margin-top: 40px; }
      .dops-banner__action .dops-banner__prices {
        justify-content: flex-end;
        text-align: right; } }

.module-overridden-banner.dops-banner.is-compact {
  margin-bottom: 0; }

.module-overridden-banner.dops-banner .dops-banner__description a {
  text-decoration: underline; }

.dops-info-popover-button {
  background: transparent;
  border: none;
  color: #888888;
  padding: 0; }
  .dops-info-popover-button:hover {
    color: #414141; }
  .dops-info-popover-button:focus {
    box-shadow: none; }
  .dops-accessible-focus .dops-info-popover-button:focus {
    outline: thin dotted; }

.dops-info-popover .gridicon {
  cursor: pointer;
  color: #c8c8c8; }
  .dops-info-popover .gridicon:hover {
    color: #414141; }

.dops-info-popover.is_active .gridicon {
  color: #414141; }

.dops-popover.dops-info-popover__tooltip .dops-popover__inner {
  color: #6f6f6f;
  font-size: 13px;
  max-width: 220px;
  padding: 16px;
  text-align: left; }

.dops-external-link .gridicons-external {
  color: currentColor;
  margin-left: 0.5rem;
  top: 0.125rem;
  position: relative; }

#jp-plugin-container {
  min-height: 100vh; }

.jp-support-info {
  position: absolute;
  top: 1.6875rem;
  right: 1.5625rem;
  z-index: 1; }
  @media (max-width: 480px) {
    .jp-support-info {
      top: 1.25rem;
      right: 1rem; } }
  .jp-form-fieldset .jp-support-info {
    top: 4px; }
  .jp-support-info .dops-info-popover {
    white-space: nowrap; }

.dops-popover .jp-support-info__privacy {
  display: block;
  margin-top: 0.875rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(162, 162, 162, 0.5); }

.dops-text-input.dops-text-input {
  box-sizing: border-box;
  margin: 0;
  padding: 7px 14px;
  width: 100%;
  color: #414141;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #d5d5d5;
  background-color: white;
  transition: all .15s ease-in-out;
  box-shadow: none; }
  .dops-text-input.dops-text-input:-ms-input-placeholder {
    color: #a2a2a2; }
  .dops-text-input.dops-text-input::placeholder {
    color: #a2a2a2; }
  .dops-text-input.dops-text-input:hover {
    border-color: #bbbbbb; }
  .dops-text-input.dops-text-input:focus {
    border-color: #0087be;
    outline: none;
    box-shadow: 0 0 0 2px #78dcfa; }
    .dops-text-input.dops-text-input:focus::-ms-clear {
      display: none; }
  .dops-text-input.dops-text-input:disabled {
    background: #f6f6f6;
    border-color: #eeeeee;
    color: #bbbbbb;
    -webkit-text-fill-color: #bbbbbb; }
    .dops-text-input.dops-text-input:disabled:hover {
      cursor: default; }
    .dops-text-input.dops-text-input:disabled:-ms-input-placeholder {
      color: #bbbbbb; }
    .dops-text-input.dops-text-input:disabled::placeholder {
      color: #bbbbbb; }

.dops-text-input.dops-text-input {
  -webkit-appearance: none; }
  .dops-text-input.dops-text-input.is-valid {
    border-color: #4ab866; }
    .dops-text-input.dops-text-input.is-valid:hover {
      border-color: #3a9551; }
  .dops-text-input.dops-text-input.is-error {
    border-color: #d94f4f; }
    .dops-text-input.dops-text-input.is-error:hover {
      border-color: #c92c2c; }
  .dops-text-input.dops-text-input:focus.is-valid {
    box-shadow: 0 0 0 2px #caead2; }
    .dops-text-input.dops-text-input:focus.is-valid:hover {
      box-shadow: 0 0 0 2px #a6dcb3; }
  .dops-text-input.dops-text-input:focus.is-error {
    box-shadow: 0 0 0 2px #f9e2e2; }
    .dops-text-input.dops-text-input:focus.is-error:hover {
      box-shadow: 0 0 0 2px #f0b8b8; }

#jp-plugin-container {
  min-height: 100vh; }

.jp-form-settings-group .jp-toggle-set {
  position: relative; }
  .jp-form-settings-group .jp-toggle-set .jp-support-info {
    right: -1.25rem;
    top: 0.3125rem; }
    @media (max-width: 480px) {
      .jp-form-settings-group .jp-toggle-set .jp-support-info {
        right: -2rem;
        top: 0.3125rem; } }

@charset "UTF-8";
/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/
.jetpack-termination-dialog .dops-card {
  margin: 0; }

.jetpack-termination-dialog__spinner {
  display: flex;
  justify-content: center;
  padding: 25px; }

.jetpack-termination-dialog__header {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between; }
  .jetpack-termination-dialog__header h2 {
    margin: 0;
    font-size: 28px;
    line-height: 24px; }

.jetpack-termination-dialog__info {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0; }

.jetpack-termination-dialog__generic-info ul {
  list-style: inside;
  font-size: 16px;
  line-height: 24px; }

.jetpack-termination-dialog__features-list {
  position: relative;
  left: calc( -1em);
  display: flex;
  flex-wrap: wrap;
  width: calc( 100% + 2em); }
  .jetpack-termination-dialog__features-list .jetpack-termination-dialog__feature {
    width: calc( 100% - 2em); }
    @media (min-width: 661px) {
      .jetpack-termination-dialog__features-list .jetpack-termination-dialog__feature {
        width: calc( 50% - 2em); } }

.jetpack-termination-dialog__features-list-single-column {
  position: relative;
  left: calc( -1em);
  display: flex;
  flex-wrap: wrap;
  width: calc( 100% + 2em); }
  .jetpack-termination-dialog__features-list-single-column .jetpack-termination-dialog__feature {
    width: calc( 100% - 2em); }

.jetpack-termination-dialog__feature {
  background: white;
  border: 1px solid rgba(213, 213, 213, 0.5);
  box-sizing: border-box;
  box-shadow: 0px 1px 2px #f6f6f6;
  margin: 1em; }

.jetpack-termination-dialog__feature-header {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  background: #f6f6f6;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 13px 0 13px; }
  .jetpack-termination-dialog__feature-header .gridicon {
    color: #069e08; }

.jetpack-termination-dialog__feature-body {
  padding: 0 13px 0 13px; }
  .jetpack-termination-dialog__feature-body .jetpack-termination-dialog__feature-body-amount {
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
    margin-top: 12px;
    margin-bottom: 12px; }

.jetpack-termination-dialog__get-help {
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  margin-top: 29px;
  margin-bottom: 120px; }
  @media (min-width: 481px) {
    .jetpack-termination-dialog__get-help {
      margin-top: 37px; } }
  @media (min-width: 661px) {
    .jetpack-termination-dialog__get-help {
      margin-bottom: 0; } }

@media only screen and (min-width: 600px) {
  .admin-bar .dops-modal-wrapper {
    top: 46px; } }

@media only screen and (min-width: 782px) {
  .admin-bar .dops-modal-wrapper {
    top: 32px; } }

.jetpack-termination-dialog__button-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  background: white;
  bottom: 0;
  margin-left: -16px;
  width: 100%;
  padding: 10px 16px;
  border-top: 1px solid #a2a2a2;
  box-sizing: border-box; }
  .jetpack-termination-dialog__button-row p {
    text-align: center;
    margin-top: 0; }
  @media (min-width: 481px) {
    .jetpack-termination-dialog__button-row {
      margin-left: -24px;
      padding: 10px 24px; } }
  @media (min-width: 661px) {
    .jetpack-termination-dialog__button-row {
      flex-direction: row;
      position: relative;
      margin-left: 0;
      padding: 0;
      border-top: none; }
      .jetpack-termination-dialog__button-row p {
        text-align: auto;
        margin-top: auto; } }

.jetpack-termination-dialog__button-row-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .jetpack-termination-dialog__button-row-buttons .dops-button {
    margin-bottom: 18px;
    margin-left: 0px;
    width: 100%; }
  @media (min-width: 661px) {
    .jetpack-termination-dialog__button-row-buttons {
      flex-direction: row; }
      .jetpack-termination-dialog__button-row-buttons .dops-button {
        margin-bottom: 0px;
        margin-left: 18px;
        width: auto; } }

.jetpack-termination-dialog__close-icon {
  color: #a2a2a2;
  cursor: pointer; }

a.jetpack-termination-dialog__link {
  font-style: normal !important;
  text-decoration: underline !important; }

ul.jetpack-termination-dialog__active-plugins-list {
  list-style-type: none; }
  ul.jetpack-termination-dialog__active-plugins-list li svg {
    color: red;
    margin-right: 10px;
    vertical-align: sub; }

@charset "UTF-8";
/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/
.multiple-choice-question__subheader {
  font-weight: normal; }

.multiple-choice-question__answer-item-content {
  margin: 4px 0 0 24px;
  width: calc( 100% - 24px); }

.multiple-choice-question__answer-item-text-input {
  width: 100%; }

#jp-plugin-container {
  min-height: 100vh; }

/* This hack is used to prevent the body from scrolling when the modal is showing */
body.dops-modal-showing {
  overflow: hidden; }

.dops-modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  transition: opacity .15s linear;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer; }
  .dops-modal-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .dops-modal-wrapper .dops-modal {
    position: relative;
    display: inline-block;
    margin: 0 0;
    width: 100%;
    max-width: 550px;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    transition: all 0.5s;
    z-index: 100;
    clear: both;
    cursor: default; }
    @media (min-width: 481px) {
      .dops-modal-wrapper .dops-modal {
        margin: 0 auto;
        height: auto;
        border-radius: 5px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } }

@charset "UTF-8";
/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/

.jp-connect-user-frame {
  display: flex;
  justify-content: space-evenly;
  margin: 50px 80px; }
  .jp-connect-user-frame .jp-connect-user-frame__left {
    margin-right: 45px; }
  .jp-connect-user-frame h2 {
    font-weight: bold;
    font-size: 32px;
    line-height: 36px; }
  .jp-connect-user-frame ul {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    list-style: none; }
    .jp-connect-user-frame ul .gridicon {
      color: #069E08;
      height: 18px;
      vertical-align: text-bottom; }
  .jp-connect-user-frame .jp-connect-user-frame__features-link {
    font-size: 13px;
    line-height: 16px;
    color: #2271B1; }
    .jp-connect-user-frame .jp-connect-user-frame__features-link .gridicon {
      vertical-align: text-bottom;
      margin-left: 5px; }
  .jp-connect-user-frame .jp-iframe-wrap {
    border: 2px solid #C1D0E8;
    border-radius: 6px; }

.jp-connect-user-bar__card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F3F5F6;
  padding: 8px 24px;
  border-top: 1px solid #ccd0d4; }
  .jp-connect-user-bar__card .jp-connect-user-bar__text {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #414141;
    height: 16px; }
  .jp-connect-user-bar__card .jp-connect-user-bar__button {
    order: 3; }
    .jp-connect-user-bar__card .jp-connect-user-bar__button .jp-jetpack-connect__button {
      background: #F3F5F6;
      border: 1px solid #0071A1;
      box-sizing: border-box;
      border-radius: 3px;
      float: right;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #0071A1;
      text-align: center; }

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

.dops-foldable-card.dops-card {
  position: relative;
  transition: margin .15s linear;
  padding: 0; }
  .dops-foldable-card.dops-card:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .dops-foldable-card.dops-card.is-expanded {
    margin-bottom: 8px; }
  .dops-foldable-card.dops-card .is-clickable {
    cursor: pointer; }

.dops-foldable-card__header {
  min-height: 64px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  .dops-foldable-card__header.has-border .dops-foldable-card__summary,
  .dops-foldable-card__header.has-border .dops-foldable-card__summary_expanded {
    margin-right: 48px; }
  .dops-foldable-card__header.has-border .dops-foldable-card__expand {
    border-left: 1px #f6f6f6 solid; }
  .dops-foldable-card.is-compact .dops-foldable-card__header {
    padding: 8px 16px;
    min-height: 40px; }
  .dops-foldable-card.is-expanded .dops-foldable-card__header {
    margin-bottom: 0px;
    height: inherit;
    min-height: 64px; }
  .dops-foldable-card.is-expanded.is-compact .dops-foldable-card__header {
    min-height: 40px; }
  .dops-foldable-card.is-disabled .dops-foldable-card__header {
    opacity: 0.2; }

.dops-foldable-card__action {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: none;
  border: 0; }
  .dops-foldable-card.is-expanded .dops-foldable-card__action {
    height: 100%; }
  .dops-foldable-card.is-disabled .dops-foldable-card__action {
    cursor: default; }
  .dops-accessible-focus .dops-foldable-card__action:focus {
    outline: thin dotted; }

button.dops-foldable-card__action {
  cursor: pointer;
  outline: 0; }

.dops-foldable-card__main {
  max-width: calc( 100% - 36px);
  display: block;
  align-items: center;
  width: 100%;
  margin-right: 5px; }
  @media (max-width: 480px) {
    .dops-foldable-card__main {
      flex: 1 1; } }

.dops-foldable-card__secondary {
  display: flex;
  align-items: center;
  flex: 1 1;
  justify-content: flex-end; }

.dops-foldable-card__expand {
  width: 48px; }
  .dops-foldable-card__expand .gridicon {
    fill: #a2a2a2;
    display: flex;
    align-items: center;
    width: 100%;
    vertical-align: middle;
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in; }
    .dops-foldable-card.is-expanded .dops-foldable-card__expand .gridicon {
      transform: rotate(180deg); }
  .dops-foldable-card__expand .gridicon:hover {
    fill: #a2a2a2; }
  .dops-foldable-card__expand:focus .gridicon, .dops-foldable-card__expand:hover .gridicon {
    fill: #3582c4; }

.dops-foldable-card__header-text {
  font-size: 1.125rem;
  width: 100%; }

.dops-foldable-card__subheader {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  font-size: 0.875rem;
  color: #6f6f6f; }

.dops-foldable-card__content {
  display: none; }
  .dops-foldable-card.is-expanded .dops-foldable-card__content {
    display: block;
    padding: 16px;
    border-top: 1px solid #f6f6f6; }
    .dops-foldable-card.is-compact .dops-foldable-card.is-expanded .dops-foldable-card__content {
      padding: 8px; }
    .dops-foldable-card.is-expanded .dops-foldable-card__content p:first-child {
      margin-top: 0; }
    .dops-foldable-card.is-expanded .dops-foldable-card__content p:last-child {
      margin-bottom: 0; }

.dops-foldable-card__summary,
.dops-foldable-card__summary_expanded {
  margin-right: 40px;
  color: #a2a2a2;
  font-size: 12px;
  transition: opacity 0.2s linear;
  display: inline-block; }
  .dops-foldable-card.has-expanded-summary .dops-foldable-card__summary, .dops-foldable-card.has-expanded-summary
  .dops-foldable-card__summary_expanded {
    transition: none;
    flex: 2;
    text-align: right; }
  @media (max-width: 480px) {
    .dops-foldable-card__summary,
    .dops-foldable-card__summary_expanded {
      display: none; } }

.dops-foldable-card__summary {
  opacity: 1;
  display: inline-block; }
  .dops-foldable-card.is-expanded .dops-foldable-card__summary {
    display: none; }
    .has-expanded-summary .dops-foldable-card.is-expanded .dops-foldable-card__summary {
      display: none; }

.dops-foldable-card__summary_expanded {
  display: none; }
  .dops-foldable-card.is-expanded .dops-foldable-card__summary_expanded {
    display: inline-block; }

#jp-plugin-container {
  min-height: 100vh; }

.form-input-validation {
  color: #4ab866;
  position: relative;
  padding: 6px 24px 11px 34px;
  border-radius: 1px;
  box-sizing: border-box;
  font-size: 14px;
  animation: appear .3s ease-in-out; }
  .form-input-validation.is-error {
    color: #d94f4f; }
  .form-input-validation.is-warning {
    color: #f0b849; }
  .form-input-validation .gridicon {
    float: left;
    margin-left: -34px; }

.dops-textarea {
  box-sizing: border-box;
  margin: 0;
  padding: 0.4375rem 0.875rem;
  min-height: 5.75rem;
  width: 100%;
  color: #414141;
  font-size: 1rem;
  line-height: 1.5;
  border: 1px solid #d5d5d5;
  background-color: white;
  transition: all .15s ease-in-out;
  box-shadow: none; }
  .dops-textarea:-ms-input-placeholder {
    color: #a2a2a2; }
  .dops-textarea::placeholder {
    color: #a2a2a2; }
  .dops-textarea:hover {
    border-color: #bbbbbb; }
  .dops-textarea:focus {
    border-color: #0087be;
    outline: none;
    box-shadow: 0 0 0 2px #78dcfa; }
    .dops-textarea:focus::-ms-clear {
      display: none; }
  .dops-textarea:disabled {
    background: #f6f6f6;
    border-color: #eeeeee;
    color: #bbbbbb;
    -webkit-text-fill-color: #bbbbbb; }
    .dops-textarea:disabled:hover {
      cursor: default; }
    .dops-textarea:disabled:-ms-input-placeholder {
      color: #bbbbbb; }
    .dops-textarea:disabled::placeholder {
      color: #bbbbbb; }

/*
 * CSS values in this file are specific and
 * designed to match the CSS on external sites,
 * such as Google and Facebook. Therefore there
 * will be exceptions to our CSS guidelines here
 * but please do not "update" this file to
 * conform.
 *
 * @blame: dmsnell
*/
/* stylelint-disable scales/font-size */
.facebook-preview {
  border: none;
  display: flex;
  overflow-x: auto;
  max-width: 527px;
  margin: 20px;
  -webkit-overflow-scrolling: touch; }

.facebook-preview__content {
  display: flex;
  max-width: 100%;
  background-color: #f2f3f5; }

.facebook-preview__body {
  display: flex;
  flex-direction: column;
  padding: 10px 12px;
  border: 1px solid #dadde1;
  overflow: hidden;
  font-family: Helvetica, Arial, sans-serif; }

.facebook-preview__title {
  color: #1d2129;
  font-size: 16px;
  /* stylelint-disable-next-line scales/font-weight */
  font-weight: 600;
  line-height: 20px;
  max-height: 100px;
  transition: color 0.1s ease-in-out; }

.facebook-preview__description {
  color: #606770;
  font-size: 14px;
  line-height: 20px;
  overflow-y: hidden; }

.facebook-preview__url {
  color: #606770;
  font-size: 12px;
  line-height: 11px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.facebook-preview__article .facebook-preview__content {
  flex-direction: column;
  min-width: 100%; }

.facebook-preview__article .facebook-preview__image {
  max-height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: hidden; }
  .facebook-preview__article .facebook-preview__image img {
    height: auto;
    width: 100%;
    max-width: 527px; }

.facebook-preview__article .facebook-preview__body {
  height: auto;
  max-height: 100px; }

.facebook-preview__article .facebook-preview__title {
  margin-bottom: 1px; }

.facebook-preview__article .facebook-preview__description {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.facebook-preview__article .facebook-preview__url {
  margin-bottom: 5px; }

.facebook-preview__website {
  max-height: 158px;
  overflow: hidden; }
  .facebook-preview__website .facebook-preview__image {
    flex-shrink: 0;
    height: 158px;
    width: 158px;
    box-sizing: border-box;
    border: 1px solid #dadde1;
    border-right: 0; }
    .facebook-preview__website .facebook-preview__image img {
      display: block;
      font-size: 14px;
      height: auto;
      width: 100%; }
    .facebook-preview__website .facebook-preview__image::after {
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      background: #ffffff; }
  .facebook-preview__website .facebook-preview__body {
    width: 100%;
    height: 136px;
    justify-content: center; }
  .facebook-preview__website .facebook-preview__title {
    margin-bottom: 5px;
    max-height: 110px;
    overflow-wrap: break-word; }
  .facebook-preview__website .facebook-preview__url {
    margin-bottom: 5px; }
  .facebook-preview__website .facebook-preview__description {
    max-height: 80px; }

/*
 * CSS values in this file are specific and
 * designed to match the CSS on Twitter. Therefore there
 * will be exceptions to our CSS guidelines here
 * but please do not "update" this file to conform.
 *
 * @blame: pento
 */
/* stylelint-disable scales/font-size */
.twitter-preview {
  background-color: #fff;
  padding: 20px;
  width: 635px; }

.twitter-preview__container {
  display: grid;
  grid-template-columns: 65px auto;
  margin-bottom: 5px;
  margin-right: 24px; }
  .twitter-preview__container .twitter-preview__sidebar {
    display: grid;
    grid-template-rows: 35px auto;
    justify-items: center; }
    .twitter-preview__container .twitter-preview__sidebar .twitter-preview__profile-image img {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      object-fit: cover; }
    .twitter-preview__container .twitter-preview__sidebar .twitter-preview__connector {
      width: 2px;
      background-color: #8c8f94; }
  .twitter-preview__container .twitter-preview__name {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px; }
  .twitter-preview__container .twitter-preview__screen-name,
  .twitter-preview__container .twitter-preview__date {
    color: #667886;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.3px;
    margin-left: 15px; }
  .twitter-preview__container .twitter-preview__content {
    margin: 7px 0; }
    .twitter-preview__container .twitter-preview__content .twitter-preview__text {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.3px;
      color: #787c82;
      white-space: pre-wrap; }
    .twitter-preview__container .twitter-preview__content .twitter-preview__media {
      border-radius: 15px;
      overflow: hidden;
      display: grid;
      grid-gap: 2px;
      grid-template-areas: 'a';
      height: 300px;
      margin-top: 10px; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__media img,
      .twitter-preview__container .twitter-preview__content .twitter-preview__media video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
        .twitter-preview__container .twitter-preview__content .twitter-preview__media img:nth-child(1),
        .twitter-preview__container .twitter-preview__content .twitter-preview__media video:nth-child(1) {
          grid-area: a; }
        .twitter-preview__container .twitter-preview__content .twitter-preview__media img:nth-child(2),
        .twitter-preview__container .twitter-preview__content .twitter-preview__media video:nth-child(2) {
          grid-area: b; }
        .twitter-preview__container .twitter-preview__content .twitter-preview__media img:nth-child(3),
        .twitter-preview__container .twitter-preview__content .twitter-preview__media video:nth-child(3) {
          grid-area: c; }
        .twitter-preview__container .twitter-preview__content .twitter-preview__media img:nth-child(4),
        .twitter-preview__container .twitter-preview__content .twitter-preview__media video:nth-child(4) {
          grid-area: d; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__media.twitter-preview__media-children-2 {
        grid-template-areas: 'a b'; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__media.twitter-preview__media-children-3 {
        grid-template-areas: 'a b' 'a c'; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__media.twitter-preview__media-children-4 {
        grid-template-areas: 'a b' 'c d'; }
    .twitter-preview__container .twitter-preview__content .twitter-preview__quote-tweet {
      margin-top: 10px;
      min-height: 200px; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__quote-tweet .twitter-preview__quote-tweet-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0; }
    .twitter-preview__container .twitter-preview__content .twitter-preview__card {
      margin-top: 10px;
      overflow: hidden;
      border: 1px solid #e1e8ed;
      border-radius: 12px; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-summary.twitter-preview__card-has-image {
        height: 125px;
        display: grid;
        grid-template-columns: 125px auto; }
        .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-summary.twitter-preview__card-has-image .twitter-preview__card-body {
          border-left: 1px solid #e1e8ed;
          height: 100%; }
        .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-summary.twitter-preview__card-has-image .twitter-preview__card-description {
          -webkit-line-clamp: 3; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-summary_large_image {
        display: grid;
        grid-template-rows: 254px auto; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-image {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-body {
        padding: 0.75em;
        text-decoration: none;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: black;
        text-align: left;
        line-height: 1.3em;
        overflow: hidden; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-title {
        max-height: 1.3em;
        white-space: nowrap;
        font-weight: bold;
        font-size: 1em;
        margin: 0 0 0.15em;
        overflow: hidden;
        text-overflow: ellipsis; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-description {
        margin-top: 0.32333em;
        max-height: 3.9em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-url {
        text-transform: lowercase;
        color: #8899a6;
        max-height: 1.3em;
        white-space: nowrap;
        overflow-inline: hidden;
        text-overflow: ellipsis;
        margin-top: 0.32333em; }
        .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-url svg {
          fill: #8899a6;
          height: 15px;
          width: 15px;
          margin: 0 2px -4px 0; }
  .twitter-preview__container .twitter-preview__footer {
    display: grid;
    grid-template-columns: repeat(4, auto); }
    .twitter-preview__container .twitter-preview__footer svg {
      fill: #787c82;
      height: 16px;
      width: 16px; }

/*
 * CSS values in this file are specific and
 * designed to match the CSS on external sites,
 * such as Google and Facebook. Therefore there
 * will be exceptions to our CSS guidelines here
 * but please do not "update" this file to
 * conform.
 *
 * @blame: dmsnell
*/
/* stylelint-disable scales/font-size */
.search-preview__display {
  border: 1px solid #f6f7f7;
  font-family: arial, sans-serif;
  padding: 10px 20px;
  word-wrap: break-word; }

.search-preview__title {
  color: #1a0dab;
  font-size: 20px;
  line-height: 26px;
  max-width: 616px;
  margin-bottom: 7px; }
  .search-preview__title:hover {
    cursor: pointer;
    text-decoration: underline; }

.search-preview__url {
  color: #3c4043;
  font-size: 14px;
  line-height: 18.2px;
  max-width: 616px;
  margin-bottom: 8px; }

.search-preview__description {
  color: #3c4043;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.12px;
  max-width: 616px; }

.dops-clipboard-button-input {
  position: relative;
  display: block; }
  .dops-clipboard-button-input .dops-clipboard-button {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    overflow: visible; }
    .dops-clipboard-button-input .dops-clipboard-button:not(:disabled)::before {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 16px;
      height: auto;
      right: calc( 100% + 1px); }
    .dops-clipboard-button-input .dops-clipboard-button:focus::before {
      right: calc( 100% + 3px); }

.button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  background: transparent;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
  border-radius: 2px;
  padding: 8px 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  color: #3c434a;
  border-color: #c3c4c7; }
  .rtl .button {
    font-family: Tahoma, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
  .button.hidden {
    display: none; }
  .button .gridicon {
    position: relative;
    top: 4px;
    margin-top: -2px;
    width: 18px;
    height: 18px; }
    .button .gridicon:not(:last-child) {
      margin-right: 4px; }
  .button:active, .button.is-active {
    border-width: 1px; }
  .button:hover {
    border-color: #a7aaad;
    color: #3c434a; }
  .button:visited {
    color: #3c434a; }
  .button[disabled], .button:disabled, .button.disabled {
    color: #a7aaad;
    background-color: #fff;
    border-color: #dcdcde;
    cursor: default; }
    .button[disabled]:active, .button[disabled].is-active, .button:disabled:active, .button:disabled.is-active, .button.disabled:active, .button.disabled.is-active {
      border-width: 1px; }
  .accessible-focus .button:focus {
    border-color: #2271b1;
    box-shadow: 0 0 0 2px #5198d9; }
  .button.is-compact {
    padding: 7px;
    color: #646970;
    font-size: 12px;
    line-height: 1; }
    .button.is-compact:disabled {
      color: #a7aaad; }
    .button.is-compact .gridicon {
      top: 5px;
      margin-top: -8px; }
    .button.is-compact .gridicons-plus-small {
      margin-left: -4px; }
    .button.is-compact .gridicons-plus-small:last-of-type {
      margin-left: 0; }
    .button.is-compact .gridicons-plus-small + .gridicon {
      margin-left: -4px; }
  .button.is-busy {
    animation: button__busy-animation 3000ms infinite linear;
    background-size: 120px 100%;
    background-image: linear-gradient(-45deg, #f6f7f7 28%, #fff 28%, #fff 72%, #f6f7f7 72%); }

.button.is-primary {
  background-color: #c9356e;
  border-color: #c9356e;
  color: #fff; }
  .button.is-primary:hover, .button.is-primary:focus {
    background-color: #ab235a;
    border-color: #ab235a;
    color: #fff; }
  .accessible-focus .button.is-primary:focus {
    box-shadow: 0 0 0 2px #eb6594; }
  .button.is-primary.is-compact {
    color: #fff; }
  .button.is-primary[disabled], .button.is-primary:disabled, .button.is-primary.disabled {
    color: #a7aaad;
    background-color: #fff;
    border-color: #dcdcde; }
  .button.is-primary.is-busy {
    background-image: linear-gradient(-45deg, #c9356e 28%, #ab235a 28%, #ab235a 72%, #c9356e 72%); }

.button.is-scary {
  color: #d63638; }
  .button.is-scary:hover, .button.is-scary:focus {
    border-color: #d63638; }
  .accessible-focus .button.is-scary:focus {
    box-shadow: 0 0 0 2px #f86368; }
  .button.is-scary[disabled], .button.is-scary:disabled {
    color: #a7aaad;
    background-color: #fff;
    border-color: #fff; }

.button.is-primary.is-scary {
  background-color: #d63638;
  border-color: #d63638;
  color: #fff; }
  .button.is-primary.is-scary:hover, .button.is-primary.is-scary:focus {
    background-color: #b32d2e;
    border-color: #b32d2e; }
  .button.is-primary.is-scary[disabled], .button.is-primary.is-scary:disabled {
    color: #a7aaad;
    background-color: #fff;
    border-color: #fff; }
  .button.is-primary.is-scary.is-busy {
    background-image: linear-gradient(-45deg, #d63638 28%, #b32d2e 28%, #b32d2e 72%, #d63638 72%); }

.button.is-borderless {
  border: none;
  background: none;
  color: #646970;
  padding-left: 0;
  padding-right: 0; }
  .button.is-borderless:hover, .button.is-borderless:focus {
    background: none;
    color: #3c434a; }
  .button.is-borderless .gridicon {
    width: 24px;
    height: 24px;
    top: 6px; }
  .button.is-borderless[disabled], .button.is-borderless:disabled {
    color: #a7aaad;
    cursor: default; }
    .button.is-borderless[disabled]:active, .button.is-borderless[disabled].is-active, .button.is-borderless:disabled:active, .button.is-borderless:disabled.is-active {
      border-width: 0; }
  .button.is-borderless.is-scary {
    color: #d63638; }
    .button.is-borderless.is-scary:hover, .button.is-borderless.is-scary:focus {
      color: #b32d2e; }
    .button.is-borderless.is-scary[disabled] {
      color: #ff8085; }
  .button.is-borderless.is-primary {
    color: #c9356e; }
    .button.is-borderless.is-primary:focus, .button.is-borderless.is-primary:hover, .button.is-borderless.is-primary:active, .button.is-borderless.is-primary.is-active {
      color: #8c1749; }
    .button.is-borderless.is-primary:focus {
      box-shadow: 0 0 0 2px #eb6594; }
    .button.is-borderless.is-primary[disabled] {
      color: #a7aaad; }
  .button.is-borderless.is-compact .gridicon {
    width: 18px;
    height: 18px;
    top: 5px; }
  .button.is-borderless.is-compact .gridicons-arrow-left {
    top: 4px;
    margin-right: 4px; }
  .button.is-borderless.is-compact .gridicons-arrow-right {
    top: 4px;
    margin-left: 4px; }

.button-plain {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  border: none;
  font-size: inherit;
  font-weight: inherit;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

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

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

/**
 * Breakpoints & Media Queries
 */
/**
 * Breakpoint mixins
 */
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Focus styles.
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */

.card {
  display: block;
  position: relative;
  margin: 0 auto 10px;
  padding: 16px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 0 1px #dcdcde; }
  .card::after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  @media (min-width: 480px) {
    .card {
      margin-bottom: 16px;
      padding: 24px; } }
  .card.is-compact {
    margin-bottom: 1px; }
    @media (min-width: 480px) {
      .card.is-compact {
        margin-bottom: 1px;
        padding: 16px 24px; } }
  .card.is-card-link {
    padding-right: 48px; }
    .card.is-card-link:not(a) {
      color: #2271b1;
      font-size: 100%;
      line-height: 1.5;
      text-align: left;
      width: 100%; }
      .card.is-card-link:not(a):active, .card.is-card-link:not(a):focus, .card.is-card-link:not(a):hover {
        color: #0a4b78; }
  .card.is-clickable {
    cursor: pointer; }
  .card.is-highlight {
    padding-left: 21px; }
  .card.is-error {
    border-left: 3px solid #ff8085; }
  .card.is-info {
    border-left: 3px solid #72aee6; }
  .card.is-success {
    border-left: 3px solid #1ed15a; }
  .card.is-warning {
    border-left: 3px solid #f0c930; }

.card__link-indicator {
  color: #646970;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 16px; }
  html[dir='rtl'] .card__link-indicator.gridicons-chevron-right {
    transform: scaleX(-1); }

a.card:hover .card__link-indicator,
.is-card-link.card:hover .card__link-indicator {
  color: #2c3338; }

a.card:focus .card__link-indicator,
.is-card-link.card:focus .card__link-indicator {
  color: #0a4b78; }

/**
 * Breakpoints & Media Queries
 */
/**
 * Breakpoint mixins
 */
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Focus styles.
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */

.dialog__backdrop,
.dialog__backdrop.card {
  background-color: rgba(246, 247, 247, 0.8);
  align-items: center;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  position: fixed;
  right: 0;
  top: var(--masterbar-height);
  transition: background-color 0.2s ease-in;
  z-index: z-index("root", ".dialog__backdrop"); }
  .dialog__backdrop.is-full-screen,
  .dialog__backdrop.card.is-full-screen {
    top: 0; }

.dialog__backdrop.is-hidden {
  background-color: transparent; }

.dialog.card {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 90%;
  max-height: 90%;
  margin: auto 0;
  padding: 0;
  opacity: 1;
  transition: opacity 0.2s ease-in; }

.dialog__content {
  padding: 16px;
  overflow-y: auto; }
  @media (min-width: 480px) {
    .dialog__content {
      padding: 24px; } }
  .dialog__content:last-child {
    bottom: 0; }
  .dialog__content h1 {
    color: #3c434a;
    /* stylelint-disable-next-line scales/font-size */
    font-size: 1.375em;
    font-weight: 600;
    margin-bottom: 0.5em; }
  .dialog__content p:last-child {
    margin-bottom: 0; }

.dialog__action-buttons {
  position: relative;
  border-top: 1px solid #f6f7f7;
  padding: 16px;
  margin: 0;
  text-align: right;
  flex-shrink: 0;
  background-color: white; }
  @media (min-width: 480px) {
    .dialog__action-buttons {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (max-width: 480px) {
    .dialog__action-buttons {
      display: flex;
      flex-direction: column-reverse; } }
  .dialog__action-buttons::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 16px;
    right: 16px;
    height: 24px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    margin-bottom: 1px; }

.dialog__action-buttons .button {
  margin-left: 10px;
  min-width: 80px;
  text-align: center; }
  .dialog__action-buttons .button .is-left-aligned {
    margin-left: 0;
    margin-right: 10px; }
  @media (max-width: 480px) {
    .dialog__action-buttons .button {
      margin: 2px 0; } }

.dialog__action-buttons .is-left-aligned {
  float: left; }

.ReactModal__Body--open {
  overflow: hidden; }

.ReactModal__Html--open {
  overflow: visible; }

.product-icon {
  width: inherit;
  height: inherit; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: z-index("screen-reader-text-parent", ".screen-reader-text:focus"); }

.progress-bar {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 9px;
  background-color: #c3c4c7;
  border-radius: 4.5px; }
  .progress-bar.is-compact {
    height: 4px; }

.progress-bar__progress {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #2271b1;
  border-radius: 4.5px;
  transition: width 200ms; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar__progress {
      transition: none; } }

.progress-bar.is-pulsing .progress-bar__progress {
  animation: progress-bar-animation 3300ms infinite linear;
  background-size: 50px 100%;
  background-image: linear-gradient(-45deg, #2271b1 28%, #5198d9 28%, #5198d9 72%, #2271b1 72%); }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar.is-pulsing .progress-bar__progress {
      animation: none; } }

@keyframes progress-bar-animation {
  0% {
    background-position: 100px 0; } }

/* Percentage bar */
.percentage-bar {
  border-radius: 0;
  height: 8px;
  width: 150px; }
  .percentage-bar .progress-bar__progress {
    border-radius: 0; }

.ribbon {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: z-index("root", ".ribbon");
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right; }

.ribbon .ribbon__title {
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #c9356e;
  position: absolute;
  top: 19px;
  right: -21px;
  text-transform: uppercase; }

.ribbon .ribbon__title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  z-index: z-index(".ribbon", ".ribbon__title::before");
  border-left: 3px solid #8c1749;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8c1749; }

.ribbon .ribbon__title::after {
  content: '';
  position: absolute;
  right: 0;
  top: 100%;
  z-index: z-index(".ribbon", ".ribbon__title::after");
  border-left: 3px solid transparent;
  border-right: 3px solid #8c1749;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8c1749; }

.ribbon.is-green .ribbon__title {
  background-color: #008a20; }

.ribbon.is-green .ribbon__title::before {
  border-left-color: #005c12;
  border-top-color: #005c12; }

.ribbon.is-green .ribbon__title::after {
  border-right-color: #005c12;
  border-top-color: #005c12; }

.suggestions {
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 10; }

.suggestions__item {
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #dcdcde;
  border-top: 0;
  font-size: 15px;
  white-space: pre-wrap;
  cursor: pointer;
  text-align: left;
  margin: 0; }
  .suggestions__item.has-highlight {
    background-color: #f6f7f7;
    color: #2c3338; }

.suggestions__label.is-emphasized {
  font-weight: 600; }

.suggestions__category-heading {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 24px 8px 42px;
  color: var(--color-neutral-400);
  border-bottom: 1px solid #dcdcde; }

.suggestions__title {
  font-size: 10px;
  color: #787c82;
  background-color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  text-transform: uppercase;
  font-weight: 600;
  padding: 16px 8px; }

.jp-recommendations-question__content {
  display: flex;
  flex-direction: column; }
  @media (min-width: 661px) {
    .jp-recommendations-question__content {
      padding-right: 48px; } }

.jp-recommendations-question__progress-bar {
  margin: 32px 32px 0 32px; }
  .jp-recommendations-question__progress-bar .progress-bar {
    width: 70px; }
  @media (max-width: 480px) {
    .jp-recommendations-question__progress-bar {
      margin: 16px 16px 32px 16px; } }

.jp-recommendations-question__question {
  font-size: 1.5rem;
  margin: 32px 32px 0 32px; }
  @media (max-width: 480px) {
    .jp-recommendations-question__question {
      margin: 0 16px 32px 16px; } }

.jp-recommendations-question__description {
  font-size: 16px;
  margin: 32px 0 24px 32px; }
  @media (max-width: 660px) {
    .jp-recommendations-question__description {
      margin: 32px 32px 24px 32px; } }
  @media (max-width: 480px) {
    .jp-recommendations-question__description {
      margin: 0 16px 16px 16px; } }
  .jp-recommendations-question__description .gridicons-external {
    margin-left: 0.25rem; }
  .jp-recommendations-question__description a {
    white-space: nowrap; }

.jp-recommendations-question__answer {
  height: 100%;
  display: flex;
  flex-direction: column; }

.jp-recommendations-question__illustration-container {
  width: 100%;
  position: relative; }
  .jp-recommendations-question__illustration-container img {
    position: absolute;
    bottom: 0;
    right: 0; }
  @media (max-width: 660px) {
    .jp-recommendations-question__illustration-container {
      display: none; } }

.jp-recommendations-question__illustration-background {
  width: 100%; }

.jp-recommendations-question__illustration-foreground {
  width: 75%;
  margin: 10%; }

.jp-recommendations-question__install-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end; }
  .jp-recommendations-question__install-section button {
    margin-top: auto;
    margin-bottom: 16px;
    min-width: 172px; }
  .jp-recommendations-question__install-section a {
    margin-bottom: 32px; }
    .jp-recommendations-question__install-section a.dops-button {
      margin-bottom: 16px;
      text-align: center; }
      @media (max-width: 480px) {
        .jp-recommendations-question__install-section a.dops-button {
          width: 100%; } }
  @media (max-width: 480px) {
    .jp-recommendations-question__install-section {
      padding: 64px 16px 0 16px; } }

.jp-checkbox-answer__container {
  display: flex;
  background: white;
  box-sizing: border-box;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  cursor: pointer; }
  .jp-checkbox-answer__container.checked {
    background: #f8fbff;
    border: 1px solid #3582c4; }
  @media (max-width: 480px) {
    .jp-checkbox-answer__container {
      margin-bottom: 8px; } }

.jp-checkbox-answer__title {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 0; }

.jp-checkbox-answer__checkbox {
  margin: 18px 8px 14px 16px; }

.jp-checkbox-answer__info {
  padding: 16px 16px 16px 0; }

.jp-recommendations-question__site-type-checkboxes {
  margin-bottom: 16px;
  text-align: left; }
  @media (min-width: 481px) {
    .jp-recommendations-question__site-type-checkboxes {
      display: grid;
      gap: 16px;
      grid-template-rows: auto auto;
      grid-template-columns: auto auto; } }
  @media (max-width: 480px) {
    .jp-recommendations-question__site-type-checkboxes {
      display: flex;
      flex-direction: column; } }

.jp-recommendations-question__site-type-answer-container {
  text-align: center;
  margin: 0 0 32px 32px; }
  @media (max-width: 660px) {
    .jp-recommendations-question__site-type-answer-container {
      margin: 0 32px 32px 32px; } }
  @media (max-width: 480px) {
    .jp-recommendations-question__site-type-answer-container {
      margin: 0 16px 16px 16px; } }
  @media (max-width: 480px) {
    .jp-recommendations-question__site-type-answer-container .dops-button {
      width: 100%; } }

.jp-recommendations-site-type-question__continue-description {
  color: #646970;
  margin: 24px auto 0 auto;
  max-width: 300px; }
  @media (max-width: 480px) {
    .jp-recommendations-site-type-question__continue-description {
      display: none; } }

.jp-recommendations-site-type__illustration {
  height: 200px;
  padding: 65px; }

.jp-install-button__spinner-container {
  display: flex;
  justify-content: center; }

@charset "UTF-8";
/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/
.jp-recommendations-feature-summary {
  display: grid;
  grid-template-columns: auto 120px;
  min-width: 275px;
  border-bottom: 1px solid #e1e1e1; }
  .jp-recommendations-feature-summary.is-feature-enabled {
    grid-template-columns: 30px auto 120px; }
  .jp-recommendations-feature-summary .gridicons-checkmark-circle {
    fill: #069e08; }
  .jp-recommendations-feature-summary:last-child {
    border-bottom: none; }

.jp-recommendations-feature-summary__checkmark {
  display: flex;
  align-items: center;
  align-content: center; }

.jp-recommendations-feature-summary__display-name {
  display: flex;
  align-items: center;
  padding-left: 12px; }

.jp-recommendations-feature-summary__cta button {
  width: 100%; }

.jp-recommendations-feature-summary__cta a {
  width: 100%;
  text-align: center; }

.jp-recommendations-feature-summary__actions {
  padding: 8px; }

.jp-recommendations-loading-card {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

@charset "UTF-8";
/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/
.jp-recommendations-sidebar-card {
  width: 100%;
  background: linear-gradient(to bottom, #c5d9ed 115px, white 115px);
  border-radius: 8px; }
  .jp-recommendations-sidebar-card .dops-button {
    width: 100%;
    background: #069e08;
    border-color: #069e08;
    text-align: center; }

.jp-recommendations-sidebar-card__illustration-container {
  text-align: center; }

.jp-recommendations-sidebar-card__illustration {
  display: inline-flex;
  justify-content: center;
  width: 220px;
  height: 115px;
  margin-top: 24px;
  padding: 8px;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16); }

.jp-recommendations-sidebar-card__content {
  padding: 0 24px 24px 24px; }

.jp-recommendations-sidebar-card__features {
  margin: 32px 0 8px 0; }
  .jp-recommendations-sidebar-card__features li {
    display: flex;
    align-items: center; }
  .jp-recommendations-sidebar-card__features .gridicons-checkmark-circle {
    fill: #069e08;
    margin-right: 8px; }

.jp-recommendations-one-click-restores h2 {
  margin-top: 32px; }

.jp-recommendations-one-click-restores p {
  margin: 16px 0; }

.jp-recommendations-one-click-restores .jp-recommendations-one-click-restores__cta {
  margin-top: 32px;
  text-align: center; }

.jp-recommendations__app-badge {
  display: flex;
  max-width: 135px;
  max-height: 40px;
  overflow: hidden;
  margin: 0; }
  .jp-recommendations__app-badge:first-child {
    margin-right: 8px; }
  .jp-recommendations__app-badge img {
    max-width: 100%; }
  .jp-recommendations__app-badge.android-app-badge img {
    transform: scale(1.13) translate(-7px, -5.1px);
    transform-origin: left; }

.jp-recommendations-sidebar-card__apps-badge {
  display: flex;
  margin-top: 32px; }
  .jp-recommendations-sidebar-card__apps-badge .jp-recommendations__app-badge {
    width: 50%; }

@charset "UTF-8";
/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/
.jp-recommendations-product-card-upsell-no-price {
  background: white;
  border-radius: 8px; }
  .jp-recommendations-product-card-upsell-no-price img {
    margin-right: 8px; }
  .jp-recommendations-product-card-upsell-no-price h2 {
    margin: 0 0 24px 0; }
  .jp-recommendations-product-card-upsell-no-price ul {
    margin: 16px 0; }
  .jp-recommendations-product-card-upsell-no-price li {
    display: flex;
    align-items: center; }
  .jp-recommendations-product-card-upsell-no-price p {
    margin: 0; }
  .jp-recommendations-product-card-upsell-no-price .gridicons-checkmark-circle {
    fill: #069e08;
    margin-right: 8px; }
  .jp-recommendations-product-card-upsell-no-price .dops-button {
    margin: 32px 0 0 0;
    width: 100%;
    background: #069e08;
    border-color: #069e08;
    text-align: center; }

.jp-recommendations-product-card-upsell-no-price__padding {
  padding: 24px; }

.jp-recommendations-product-card-upsell-no-price__header-chrome {
  background: #3582c4;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding: 8px;
  color: white; }

@charset "UTF-8";
/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/
.jp-recommendations-product-card-upsell {
  background: white;
  border-radius: 8px; }
  .jp-recommendations-product-card-upsell img {
    margin-right: 8px; }
  .jp-recommendations-product-card-upsell h1 {
    margin-top: 0;
    margin-bottom: 16px; }
  .jp-recommendations-product-card-upsell p {
    margin-top: 16px;
    margin-bottom: 32px; }
  .jp-recommendations-product-card-upsell .dops-button {
    margin: 32px 0 0 0;
    width: 100%;
    background: #069e08;
    border-color: #069e08;
    text-align: center; }
    .jp-recommendations-product-card-upsell .dops-button:hover {
      background: #007117;
      border-color: #007117; }

.jp-recommendations-product-card-upsell__padding {
  padding: 24px; }

.jp-recommendations-product-card-upsell__header-chrome {
  display: flex;
  background: #3582c4;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding: 8px;
  color: white; }

.jp-recommendations-product-card-upsell__price {
  display: flex;
  align-items: center; }

.jp-recommendations-product-card-upsell__raw-price h2 {
  display: flex;
  margin: 0; }

.jp-recommendations-product-card-upsell__currency-symbol {
  font-size: 1.5rem;
  margin-top: -0.25rem; }

.jp-recommendations-product-card-upsell__price-integer {
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 0.7; }

.jp-recommendations-product-card-upsell__price-fraction {
  font-size: 0.75rem;
  margin-top: -0.25rem; }

.jp-recommendations-product-card-upsell__billing-time-frame {
  margin-left: 12px; }

.jp-recommendations-product-card-upsell__cta-button .gridicons-external {
  margin-left: 0.25rem; }

.jp-recommendations-summary {
  display: grid;
  grid-template-columns: 57% 43%;
  background: #e9eff5;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03), 0px 1px 2px rgba(0, 0, 0, 0.03);
  border: 1px solid #d5d5d5; }
  @media (max-width: 660px) {
    .jp-recommendations-summary {
      display: flex;
      flex-direction: column; } }

.jp-recommendations-summary__content {
  background: white; }
  .jp-recommendations-summary__content.isLoading {
    min-height: 730px;
    display: flex;
    align-items: center;
    justify-content: center; }

.jp-recommendations-summary__configuration {
  margin: 48px 48px 32px 48px; }
  @media (max-width: 480px) {
    .jp-recommendations-summary__configuration {
      margin: 16px 16px 0 16px; } }
  .jp-recommendations-summary__configuration h2 {
    margin: 32px 0 16px 0; }

.jp-recommendations-summary__sidebar {
  border-left: 1px solid #d5d5d5;
  padding: 24px; }
  @media (max-width: 660px) {
    .jp-recommendations-summary__sidebar {
      padding: 0; } }
  .jp-recommendations-summary__sidebar.isLoading {
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center; }

.jp-recommendations-summary__more-features {
  display: flex;
  align-items: center;
  border-top: 1px solid #dcdcde;
  padding: 32px 48px; }
  @media (max-width: 480px) {
    .jp-recommendations-summary__more-features {
      padding: 32px 16px; } }
  .jp-recommendations-summary__more-features .gridicons-info-outline {
    fill: #787c82;
    margin-right: 18px; }
  .jp-recommendations-summary__more-features .gridicons-external {
    margin-left: 0.25rem; }

.dops-tooltip.dops-popover .dops-popover__arrow {
  border-width: 6px; }

.dops-tooltip.dops-popover.is-bottom-right .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom-left .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom .dops-popover__arrow {
  border-bottom-color: #555555;
  top: 4px;
  right: 10px; }
  .dops-tooltip.dops-popover.is-bottom-right .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-bottom-left .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-bottom .dops-popover__arrow::before {
    display: none; }

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

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

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

.dops-tooltip.dops-popover.is-top .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-left .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-right .dops-popover__arrow {
  border-top-color: #555555;
  bottom: 4px;
  right: 10px; }
  .dops-tooltip.dops-popover.is-top .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-top-left .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-top-right .dops-popover__arrow::before {
    display: none; }

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

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

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

.dops-tooltip.dops-popover.is-top .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom .dops-popover__arrow {
  margin-left: -6px; }

.dops-tooltip.dops-popover.is-left, .dops-tooltip.dops-popover.is-right {
  padding-top: 0; }
  .dops-tooltip.dops-popover.is-left .dops-popover__arrow, .dops-tooltip.dops-popover.is-right .dops-popover__arrow {
    margin-top: -6px; }
    .dops-tooltip.dops-popover.is-left .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-right .dops-popover__arrow::before {
      display: none; }
  .dops-tooltip.dops-popover.is-left.is-error .dops-popover__arrow, .dops-tooltip.dops-popover.is-right.is-error .dops-popover__arrow {
    border-right-color: #d94f4f; }
  .dops-tooltip.dops-popover.is-left.is-warning .dops-popover__arrow, .dops-tooltip.dops-popover.is-right.is-warning .dops-popover__arrow {
    border-right-color: #f0b849; }
  .dops-tooltip.dops-popover.is-left.is-success .dops-popover__arrow, .dops-tooltip.dops-popover.is-right.is-success .dops-popover__arrow {
    border-right-color: #4ab866; }

.dops-tooltip.dops-popover.is-left .dops-popover__arrow {
  margin-right: 4px;
  border-left-color: #555555; }

.dops-tooltip.dops-popover.is-right .dops-popover__arrow {
  margin-left: 4px;
  border-right-color: #555555; }

.dops-tooltip.dops-popover .dops-popover__inner {
  border: 0px;
  box-shadow: none;
  border-radius: 2px;
  color: white;
  background: #555555;
  font-size: 12px;
  padding: 6px 10px;
  text-align: left; }

.dops-tooltip.dops-popover.is-error .dops-popover__inner {
  background: #d94f4f; }

.dops-tooltip.dops-popover.is-warning .dops-popover__inner {
  background: #f0b849; }

.dops-tooltip.dops-popover.is-success .dops-popover__inner {
  background: #4ab866; }

.dops-tooltip.dops-popover ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .dops-tooltip.dops-popover ul li {
    font-size: 11px;
    font-weight: 100;
    border: 0; }

.dops-tooltip__hr {
  margin: 8px 0;
  background: #a2a2a2; }

#jp-plugin-container {
  min-height: 100vh; }

.dops-chart {
  position: relative;
  box-sizing: border-box;
  background-color: white;
  padding: 8px 0 8px 20px; }

.dops-chart .dops-chart__y-axis-markers {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 200px; }

.dops-chart .dops-chart__y-axis-marker {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #eeeeee; }

.dops-chart__bar-marker {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid rgba(238, 238, 238, 0.1); }

.dops-chart__bar-marker.is-fifty,
.dops-chart__y-axis-label.is-fifty,
.dops-chart .dops-chart__y-axis-marker.is-fifty {
  top: 50%; }

.dops-chart__bar-marker.is-zero,
.dops-chart__y-axis-label.is-zero,
.dops-chart .dops-chart__y-axis-marker.is-zero {
  top: 100%; }

.dops-chart__y-axis {
  position: relative;
  float: right;
  height: 200px;
  padding: 0 20px 0 10px;
  font-size: 11px;
  color: #888888;
  margin-bottom: 30px; }

.dops-chart__y-axis-label {
  position: absolute;
  top: 0;
  right: 20px;
  text-align: right; }

.dops-chart__y-axis-width-fix {
  color: rgba(255, 255, 255, 0); }

.dops-chart__x-axis {
  position: relative;
  font-size: 0;
  padding: 5px 0;
  min-height: 18px;
  color: #555555; }

.dops-chart__x-axis-label {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  text-align: center; }

.dops-chart__x-axis-label::before {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: -.5px;
  width: 1px;
  height: 5px;
  background: #f6f6f6;
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #d5d5d5 100%); }

.dops-chart__bars {
  position: relative;
  font-size: 0;
  height: 200px;
  text-align: center;
  overflow: hidden;
  display: -ms-flex;
  display: flex; }

.dops-chart__bar {
  text-align: center;
  display: inline-block;
  position: relative;
  height: 200px;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1; }
  .dops-chart__bar.is-weekend {
    background-color: rgba(238, 238, 238, 0.5); }
  .dops-chart__bar:focus {
    background-color: rgba(240, 130, 30, 0.1); }
  .dops-chart__bar:hover {
    cursor: pointer;
    background-color: rgba(238, 238, 238, 0.3); }
  .dops-chart__bar.is-selected {
    cursor: default;
    background-color: rgba(240, 130, 30, 0.1); }

.dops-chart__bar-section {
  display: inline-block;
  background-color: #0087be;
  position: absolute;
  top: 0;
  right: 16%;
  bottom: 0;
  left: 16%;
  z-index: 2; }
  .dops-chart__bar:hover .dops-chart__bar-section.is-bar {
    background-color: #3582c4; }
  .dops-chart__bar.is-selected .dops-chart__bar-section.is-bar {
    background-color: #f0821e; }
  .dops-chart__bar-section.is-spacer {
    z-index: 0;
    background-color: rgba(255, 255, 255, 0); }
  .dops-chart__bar-section.is-ghost::after {
    content: "";
    display: block;
    position: absolute;
    top: 160px;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(238, 238, 238, 0.5)); }
    .dops-chart__bar:hover .dops-chart__bar-section.is-ghost::after {
      display: none; }

.dops-chart__bar-section-inner {
  background: #004069;
  position: absolute;
  right: 23.33%;
  bottom: 0;
  left: 23.33%; }
  .dops-chart__bar.is-selected .dops-chart__bar-section-inner {
    background-color: #d63638; }

.dops-chart__legend {
  margin-bottom: -8px; }
  .dops-chart__legend:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

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

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

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

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

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

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

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

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

.dops-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;
  animation: appear .3s ease-in-out;
  box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; }
  @media (min-width: 661px) {
    .dops-chart__empty_notice {
      padding: 13px 48px;
      font-size: inherit; }
      .dops-chart__empty_notice::before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        vertical-align: middle;
        font: normal 16px/1 'Noticons';
        content: '\f456';
        position: absolute;
        top: 23px;
        left: 20px;
        margin: -12px 0px 0 -8px;
        font-size: 24px;
        line-height: 1; } }

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

.dops-chart__tooltip.is-streak {
  margin-top: -5px;
  height: 35px; }
  .dops-chart__tooltip.is-streak .dops-popover__arrow::before {
    left: 85px;
    top: 30px; }
  .dops-chart__tooltip.is-streak .dops-popover__inner {
    width: 160px;
    position: relative;
    top: -10px; }
    .dops-chart__tooltip.is-streak .dops-popover__inner li {
      height: 14px; }
      .dops-chart__tooltip.is-streak .dops-popover__inner li .label {
        width: 100%;
        float: left;
        text-align: center; }
        .rtl .dops-chart__tooltip.is-streak .dops-popover__inner li .label {
          font-size: 11px; }
        .dops-chart__tooltip.is-streak .dops-popover__inner li .label .post-count {
          font-weight: bold; }
      .dops-chart__tooltip.is-streak .dops-popover__inner li .value {
        float: none; }

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

.dops-chart__tooltip .dops-module-content-list-item.is-published-item {
  height: 19px; }
  .dops-chart__tooltip .dops-module-content-list-item.is-published-item .label {
    text-transform: none;
    color: #d5d5d5;
    overflow: hidden;
    letter-spacing: 0;
    height: 19px; }
  .dops-chart__tooltip .dops-module-content-list-item.is-published-item .value {
    width: 0;
    min-width: 0; }
    .dops-chart__tooltip .dops-module-content-list-item.is-published-item .value::before {
      content: '';
      position: relative;
      background-image: linear-gradient(to right, rgba(61, 89, 109, 0) 0%, rgba(61, 89, 109, 0.5), #3d596d);
      left: -30px;
      width: 30px;
      height: 24px;
      display: block; }

@media (min-width: 961px) {
  .my-plan-card {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; } }

.my-plan-card__primary {
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1; }

.my-plan-card__header {
  flex: 1; }

.my-plan-card__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 30px;
  margin: 6px 0;
  color: #414141; }

.my-plan-card__tag-line {
  font-weight: 400;
  line-height: 18px;
  margin: 0 0 24px; }
  @media (min-width: 961px) {
    .my-plan-card__tag-line {
      margin-bottom: 8px; } }

.my-plan-card__icon {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  margin: 8px 20px 16px 0; }
  @media (max-width: 660px) {
    .my-plan-card__icon {
      display: none; } }
  .my-plan-card__icon img {
    width: 100%;
    height: 100%; }

.my-plan-card__secondary {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 0; }
  @media (min-width: 961px) {
    .my-plan-card__secondary {
      flex-flow: column nowrap;
      justify-content: center;
      align-items: flex-end;
      padding: 0 0 0 24px; } }
  .my-plan-card__secondary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    border-top: 1px solid #c3c4c7; }
    @media (min-width: 481px) {
      .my-plan-card__secondary::before {
        left: -24px;
        right: -24px; } }
    @media (min-width: 961px) {
      .my-plan-card__secondary::before {
        content: none; } }
  .has-action-only .my-plan-card__secondary {
    padding-top: 0;
    justify-content: center; }
    .has-action-only .my-plan-card__secondary::before {
      content: none; }

.my-plan-card__details {
  padding-top: 8px;
  white-space: nowrap;
  color: #888888; }
  @media (min-width: 961px) {
    .my-plan-card__details {
      padding-top: 0; } }
  .my-plan-card__details.is-error {
    color: #d94f4f; }

.my-plan-card__action {
  padding-top: 8px;
  white-space: nowrap; }
  .has-action-only .my-plan-card__action {
    padding-top: 0; }

.notices-list {
  overflow: hidden; }
  .notices-list.is-pinned {
    width: calc( 100% - 272px - 32px - 32px);
    z-index: z-index("root", ".notices-list.is-pinned");
    position: fixed;
    top: 79px; }
    .notices-list.is-pinned .notice {
      z-index: z-index("root", ".notices-list.is-pinned .notice"); }

.notices-list__whitespace {
  height: 71px;
  width: 100%;
  display: block; }

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

.global-notices {
  text-align: right;
  pointer-events: none;
  z-index: 179;
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (min-width: 661px) {
    .global-notices {
      top: 63px;
      right: 16px;
      bottom: auto;
      left: auto;
      /* `36px` being the width of the collapsed WP-admin sidebar */
      max-width: calc( 100% - 32px - 36px); } }
  @media (min-width: 961px) {
    .global-notices {
      top: 71px;
      right: 24px;
      /* `160px` being the width of the WP-admin sidebar */
      max-width: calc( 100% - 48px - 160px); } }
  @media (min-width: 1041px) {
    .global-notices {
      right: 32px;
      /* `160px` being the width of the WP-admin sidebar */
      max-width: calc( 100% - 64px - 160px); } }

.global-notices .dops-notice {
  flex-wrap: nowrap;
  margin-bottom: 0;
  text-align: left;
  pointer-events: auto;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 56px rgba(0, 0, 0, 0.15); }
  .global-notices .dops-notice .dops-notice__icon-wrapper {
    border-radius: 0; }
  @media (min-width: 661px) {
    .global-notices .dops-notice {
      display: flex;
      overflow: hidden;
      margin-bottom: 24px;
      border-radius: 3px; }
      .global-notices .dops-notice .dops-notice__icon-wrapper {
        border-radius: 3px 0 0 3px; } }

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

.global-notices .dops-notice__dismiss {
  flex-shrink: 0; }
  @media (min-width: 661px) {
    .global-notices .dops-notice__dismiss {
      padding: 13px 16px 0; } }

@charset "UTF-8";
/*
The MIT License (MIT)

Copyright © 2011–2015 thoughtbot, inc.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

https://github.com/thoughtbot/bourbon
*/
.reconnect__modal__body {
  margin: 0;
  padding: rem(24px) rem(32px);
  font-size: rem(14px);
  color: #2e4453;
  text-align: center; }
  .reconnect__modal__body h2 {
    margin: rem(32px) 0 rem(24px);
    font-size: rem(32px);
    font-weight: 300;
    color: #2e4453; }
  .reconnect__modal__body h4 {
    margin: rem(16px) rem(24px) 0;
    font-size: rem(16px);
    font-weight: 400;
    line-height: 1.5em;
    color: #668eaa; }

.reconnect__modal-actions {
  margin: 2rem 0; }
  .reconnect__modal-actions .reconnect__modal-cancel {
    margin-right: 1em; }


/*# sourceMappingURL=admin.css.map*/
