#jetpack-connection-ui-container .jetpack-cui__header h1 {
  text-align: right;
  font-size: 4.6em;
  line-height: 1.2em;
}
#jetpack-connection-ui-container {
  margin: 40px;
}
#jetpack-connection-ui-container p {
  font-size: 1.23em;
  line-height: 1.5em;
}
/**
 * Breakpoints & Media Queries
 */
/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
 * 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.
 */
.jp-connect-screen {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  background: #FFFFFF;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.jp-connect-screen.jp-connect-screen--loading {
  display: none;
}
.jp-connect-screen .jp-connect-screen--left, .jp-connect-screen .jp-connect-screen--right {
  box-sizing: border-box;
}
.jp-connect-screen .jp-connect-screen--left {
  padding: 25px;
}
@media (min-width: 600px) {
  .jp-connect-screen .jp-connect-screen--left {
    padding: 64px 96px;
  }
}
.jp-connect-screen .jp-connect-screen--left .jetpack-logo {
  margin-bottom: 24px;
}
.jp-connect-screen .jp-connect-screen--left h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 40px;
  color: #000;
  margin-top: 32px;
  margin-bottom: 0;
}
.jp-connect-screen .jp-connect-screen--left p, .jp-connect-screen .jp-connect-screen--left li {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}
.jp-connect-screen .jp-connect-screen--left p {
  color: #101517;
  margin: 16px 0;
}
.jp-connect-screen .jp-connect-screen--left ul {
  list-style-type: none;
}
.jp-connect-screen .jp-connect-screen--left ul li {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVHcEwFnwUInggGnggGnggHnAcAnwUFnQcAnwcGnwkFnQgGnQgFnwcGnQYFnQcFnAcGnQkDnwdhiL0pAAAAEnRSTlMAMF//f2Aw7yBQ3+9gcIBgcED+HDbkAAAAZklEQVR4Ae3LNwICARDDQC0+cv7/Y8mwV9odSfWIcf/+VegnGkIvDaGXKvTTn/Gz+Uf5xTL0K1XotS7fs5H6GHvvaO8d7c3j7rdgHne/A/PYt/cO+R42oYdN6OEQetiFHo4A//6dAXqtBEkmtWutAAAAAElFTkSuQmCC) no-repeat;
  background-size: 24px;
  padding-right: 30px;
  margin-bottom: 9px;
  color: #000;
}
.jp-connect-screen .jp-connect-screen--left ul li a {
  color: #000;
  text-decoration: underline;
}
.jp-connect-screen .jp-connect-screen--left a.jp-connection-screen-icon {
  text-decoration: none;
  padding-right: 5px;
}
.jp-connect-screen .jp-connect-screen--left .jp-action-button {
  margin-top: 40px;
}
.jp-connect-screen .jp-connect-screen--left .jp-action-button button {
  max-width: 100%;
}
.jp-connect-screen .jp-connect-screen--left .jp-action-button button:disabled {
  color: rgba(255, 255, 255, 0.4);
}
.jp-connect-screen .jp-connect-screen--left .jp-connect-screen--tos {
  margin-top: 28px;
  max-width: 360px;
}
.jp-connect-screen .jp-connect-screen--right {
  padding: 64px 0;
}
.jp-connect-screen .jp-connect-screen--right img {
  max-width: 100%;
}
.jp-connect-screen.jp-connect-screen--two-columns .jp-connect-screen--left {
  float: right;
  width: 100%;
}
@media (min-width: 1080px) {
  .jp-connect-screen.jp-connect-screen--two-columns .jp-connect-screen--left {
    width: 52%;
  }
}
.jp-connect-screen.jp-connect-screen--two-columns .jp-connect-screen--right {
  float: left;
  width: 47%;
  background: #F9F9F6;
  display: none;
}
@media (min-width: 1080px) {
  .jp-connect-screen.jp-connect-screen--two-columns .jp-connect-screen--right {
    display: block;
  }
}
.jp-connect-screen .jp-connect-screen--clearfix {
  clear: both;
}
.jp-action-button--button {
  background: #000;
  border-radius: 4px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  width: 264px;
  height: 40px;
  display: block;
}
.jp-action-button__error {
  color: var(--jp-red) !important;
  line-height: 25px !important;
  padding-right: 25px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIwQzE2LjQxODMgMjAgMjAgMTYuNDE4MyAyMCAxMkMyMCA3LjU4MTcyIDE2LjQxODMgNCAxMiA0QzcuNTgxNzIgNCA0IDcuNTgxNzIgNCAxMkM0IDE2LjQxODMgNy41ODE3MiAyMCAxMiAyMFoiIHN0cm9rZT0iI0Q2MzYzOSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTEzIDdIMTFWMTNIMTNWN1oiIGZpbGw9IiNENjM2MzkiLz4KPHBhdGggZD0iTTEzIDE1SDExVjE3SDEzVjE1WiIgZmlsbD0iI0Q2MzYzOSIvPgo8L3N2Zz4K") no-repeat 100% 0;
}
@keyframes rotate-spinner {
  100% {
    transform: rotate(-360deg);
  }
}
.jp-components-spinner {
  display: flex;
  align-items: center;
}

.jp-components-spinner__outer, .jp-components-spinner__inner {
  margin: auto;
  box-sizing: border-box;
  border: 0.1em solid transparent;
  border-radius: 50%;
  animation: 3s linear infinite;
  animation-name: rotate-spinner;
}

.jp-components-spinner__outer {
  border-top-color: white;
}

.jp-components-spinner__inner {
  width: 100%;
  height: 100%;
  border-top-color: white;
  border-left-color: white;
  opacity: 0.4;
}
/**
 * Breakpoints & Media Queries
 */
/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
 * 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.
 */
.jp-idc-screen-base {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  background: white;
  padding: 10px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  border-right: 4px solid #E68B28;
  max-width: 1128px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .jp-idc-screen-base {
    padding: 48px;
  }
}
.jp-idc-screen-base .jp-idc-header {
  display: flex;
  align-items: center;
}
.jp-idc-screen-base .jp-idc-header .jp-idc-logo-label {
  font-size: 14px;
  line-height: 22px;
  margin: -7px 8px 0 0;
}
.jp-idc-screen-base h2 {
  margin: 32px 0 16px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
.jp-idc-screen-base h3 {
  margin: 24px 0 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.jp-idc-screen-base p {
  margin: 0;
  max-width: 710px;
  font-size: 16px;
  line-height: 24px;
  color: #2C3338;
}
.jp-idc-screen-base .jp-idc-cards {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1400px) {
  .jp-idc-screen-base .jp-idc-cards {
    flex-direction: row;
  }
}
.jp-idc-screen-base .jp-idc-cards .jp-idc-cards-separator {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #23282D;
  margin: 0 24px;
  align-self: center;
}
.jp-idc-screen-base .jp-idc-cards .jp-idc-card-action-base {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100%;
  width: 480px;
  border: 1px solid #C3C4C7;
  border-radius: 4px;
  padding: 10px;
  margin: 24px 0;
}
@media (min-width: 600px) {
  .jp-idc-screen-base .jp-idc-cards .jp-idc-card-action-base {
    padding: 24px;
  }
}
.jp-idc-screen-base .jp-idc-cards .jp-idc-card-action-base h4 {
  margin: 0 0 8px;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
}
.jp-idc-screen-base .jp-idc-cards .jp-idc-card-action-base p {
  margin: 0 0 24px;
}
.jp-idc-screen-base .jp-idc-cards .jp-idc-card-action-base .jp-idc-card-action-sitename {
  width: 100%;
  background: #F9F9F6;
  border-radius: 33px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #2C3338;
  text-align: center;
  padding: 16px;
  overflow-wrap: anywhere;
}
.jp-idc-screen-base .jp-idc-cards .jp-idc-card-action-base .jp-idc-card-action-separator {
  margin: 12px auto;
  display: block;
}
.jp-idc-screen-base .jp-idc-cards .jp-idc-card-action-base .jp-idc-card-action-button {
  width: 100%;
  padding: 8px 24px;
}
.jp-idc-screen-base .jp-idc-card-action-button {
  margin-top: 24px;
  padding: 8px;
  height: auto;
  min-height: 40px;
  background: #000000;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  justify-content: center;
}
.jp-idc-screen-base .jp-idc-card-action-button-migrated {
  width: 141px;
  margin-top: 64px;
}
.jp-idc-screen-base .jp-idc-card-migrated {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 24px;
}
.jp-idc-screen-base .jp-idc-card-migrated .jp-idc-card-migrated-hostname {
  border: 1px solid #C3C4C7;
  border-radius: 4px;
  padding: 24px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #2C3338;
  flex-grow: 1;
  width: 100%;
}
.jp-idc-screen-base .jp-idc-card-migrated .jp-idc-card-migrated-separator-wide {
  display: none;
}
.jp-idc-screen-base .jp-idc-card-migrated .jp-idc-card-migrated-separator {
  display: block;
}
.jp-idc-screen-base .jp-idc-card-migrated .jp-idc-card-migrated-separator,
.jp-idc-screen-base .jp-idc-card-migrated .jp-idc-card-migrated-separator-wide {
  margin: 28px;
}
@media only screen and (min-width: 1400px) {
  .jp-idc-screen-base .jp-idc-card-migrated {
    flex-direction: row;
    width: auto;
  }
  .jp-idc-screen-base .jp-idc-card-migrated .jp-idc-card-migrated-separator {
    display: none;
  }
  .jp-idc-screen-base .jp-idc-card-migrated .jp-idc-card-migrated-separator-wide {
    display: block;
  }
  .jp-idc-screen-base .jp-idc-card-migrated .jp-idc-card-migrated-hostname {
    width: auto;
  }
}
.jp-idc-screen-base .jp-idc-safe-mode {
  text-align: center;
}
.jp-idc-screen-base .jp-idc-safe-mode, .jp-idc-screen-base .jp-idc-safe-mode button {
  font-size: 16px;
  line-height: 24px;
  color: #2C3338;
}
.jp-idc-screen-base .jp-idc-safe-mode button {
  padding: 0;
  text-decoration: underline;
}
@charset "UTF-8";
/********* RNA styles *********/
:root {
  --font-title-large: 36px;
  --font-title-small: 24px;
  --font-body: 16px;
  --font-label: 12px;
  --jp-black: #000000;
  --jp-black-80: #2C3338;
  --jp-white: #FFFFFF;
  --jp-white-off: #F9F9F6;
  --jp-gray: #DCDCDE;
  --jp-gray-off: #E2E2DF;
  --jp-red: #D63639;
  --jp-green-primary: #069E08;
  --jp-green-secondary: #2FB41F;
  --jp-border-radius: 4px;
  --jp-menu-border-height: 1px;
  --jp-underline-thickness: 2px;
}

/********* Mixins *********/
/********* Generic styles *********/
* {
  box-sizing: border-box;
}

body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.jp-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1128px;
  margin: 0 auto;
}

.jp-row {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin: 0 16px;
}
@media (min-width: 600px) {
  .jp-row {
    grid-template-columns: repeat(8, 1fr);
    margin: 0 18px;
  }
}
@media (min-width: 960px) {
  .jp-row {
    grid-template-columns: repeat(12, 1fr);
    max-width: 1128px;
    margin: 0 24px;
  }
}

.sm-col-span-1 {
  grid-column-end: span 1;
}

.sm-col-span-2 {
  grid-column-end: span 2;
}

.sm-col-span-3 {
  grid-column-end: span 3;
}

.sm-col-span-4 {
  grid-column-end: span 4;
}

@media (min-width: 600px) {
  .md-col-span-1 {
    grid-column-end: span 1;
  }

  .md-col-span-2 {
    grid-column-end: span 2;
  }

  .md-col-span-3 {
    grid-column-end: span 3;
  }

  .md-col-span-4 {
    grid-column-end: span 4;
  }

  .md-col-span-5 {
    grid-column-end: span 5;
  }

  .md-col-span-6 {
    grid-column-end: span 6;
  }

  .md-col-span-7 {
    grid-column-end: span 7;
  }

  .md-col-span-8 {
    grid-column-end: span 8;
  }
}
@media (min-width: 960px) {
  .lg-col-span-1 {
    grid-column-end: span 1;
  }

  .lg-col-span-2 {
    grid-column-end: span 2;
  }

  .lg-col-span-3 {
    grid-column-end: span 3;
  }

  .lg-col-span-4 {
    grid-column-end: span 4;
  }

  .lg-col-span-5 {
    grid-column-end: span 5;
  }

  .lg-col-span-6 {
    grid-column-end: span 6;
  }

  .lg-col-span-7 {
    grid-column-end: span 7;
  }

  .lg-col-span-8 {
    grid-column-end: span 8;
  }

  .lg-col-span-9 {
    grid-column-end: span 9;
  }

  .lg-col-span-10 {
    grid-column-end: span 10;
  }

  .lg-col-span-11 {
    grid-column-end: span 11;
  }

  .lg-col-span-12 {
    grid-column-end: span 12;
  }
}
@media (max-width: 960px) {
  .md-col-span-0 {
    display: none;
  }
}
@media (max-width: 600px) {
  .sm-col-span-0 {
    display: none;
  }
}
.jp-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1128px;
  margin: 0 auto;
}

.jp-row {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin: 0 16px;
}
@media (min-width: 600px) {
  .jp-row {
    grid-template-columns: repeat(8, 1fr);
    margin: 0 18px;
  }
}
@media (min-width: 960px) {
  .jp-row {
    grid-template-columns: repeat(12, 1fr);
    max-width: 1128px;
    margin: 0 24px;
  }
}

.jp-cut {
  position: relative;
  display: block;
  margin: 32px 0;
  padding: 16px 24px 16px 64px;
  border: 2px solid var(--jp-green-primary);
  border-radius: var(--jp-border-radius);
  text-decoration: none;
}
.jp-cut span {
  display: block;
}
.jp-cut span:last-of-type {
  font-weight: 600;
}
.jp-cut:hover span:last-of-type, .jp-cut:focus span:last-of-type {
  text-decoration: underline;
  text-decoration-thickness: var(--jp-underline-thickness);
}
.jp-cut:hover:after, .jp-cut:focus:after {
  transform: translateY(-50%) translateX(-8px);
}
.jp-cut:after {
  content: "→";
  position: absolute;
  top: 50%;
  left: 24px;
  font-size: 24px;
  font-weight: 600;
  color: var(--jp-green-primary);
  transform: translateY(-50%);
  transition: transform 0.15s ease-out;
}

.jp-connection-status-card h3 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 400;
  color: var(--jp-black);
  margin: 0;
}
.jp-connection-status-card a, .jp-connection-status-card a:active, .jp-connection-status-card a:hover {
  color: var(--jp-black);
}
.jp-connection-status-card p {
  margin: 16px 0;
  color: var(--jp-black);
}
.jp-connection-status-card p, .jp-connection-status-card a, .jp-connection-status-card li {
  font-size: 16px;
  line-height: 24px;
}
.jp-connection-status-card--status {
  display: flex;
  align-items: center;
  margin: 24px -6px 24px 0;
}
.jp-connection-status-card--cloud {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swIiBtYXNrLXR5cGU9ImFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI3IiB5PSI5IiB3aWR0aD0iMjgiIGhlaWdodD0iMjEiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMwLjMzMjkgMTcuNjk2N0MzMC4zMzMxIDE3LjY3MDMgMzAuMzMzMyAxNy42NDM3IDMwLjMzMzMgMTcuNjE2OUMzMC4zMzMzIDEzLjM2NDQgMjYuNTcyNSA5LjkxNjk5IDIxLjkzMzMgOS45MTY5OUMxOC4wMTcxIDkuOTE2OTkgMTQuNzI3IDEyLjM3MzUgMTMuNzk2NSAxNS42OTczQzEzLjcwOTIgMTUuNjkzNyAxMy42MjE1IDE1LjY5MTkgMTMuNTMzMyAxNS42OTE5QzkuOTI1MDcgMTUuNjkxOSA3IDE4LjcwODQgNyAyMi40Mjk0QzcgMjYuMTUwNCA5LjkyNTA3IDI5LjE2NjkgMTMuNTMzMyAyOS4xNjY5TDEzLjU3MjIgMjkuMTY2N0gyOS4zNjgzQzI5LjM3ODYgMjkuMTY2OSAyOS4zODkgMjkuMTY2OSAyOS4zOTkzIDI5LjE2NjlDMzIuNDkyMSAyOS4xNjY5IDM0Ljk5OTMgMjYuNTgxMyAzNC45OTkzIDIzLjM5MTlDMzQuOTk5MyAyMC41MzA1IDMyLjk4MTQgMTguMTU1IDMwLjMzMjkgMTcuNjk2N1oiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cGF0aCBkPSJNMzAuMzMyOSAxNy42OTY3TDI3LjcwODEgMTcuNjY3N0wyNy42ODM0IDE5LjkwMjJMMjkuODg1MyAyMC4yODM0TDMwLjMzMjkgMTcuNjk2N1pNMTMuNzk2NSAxNS42OTczTDEzLjY4OTMgMTguMzIwMUwxNS43NjQ0IDE4LjQwNDlMMTYuMzI0MyAxNi40MDQ5TDEzLjc5NjUgMTUuNjk3M1pNMTMuNTMzMyAyOS4xNjY5VjMxLjc5MTlIMTMuNTQxMkwxMy41MzMzIDI5LjE2NjlaTTEzLjU3MjIgMjkuMTY2N1YyNi41NDE3SDEzLjU2NDNMMTMuNTcyMiAyOS4xNjY3Wk0yOS4zNjgzIDI5LjE2NjdMMjkuMzgzMiAyNi41NDE3SDI5LjM2ODNWMjkuMTY2N1pNMzIuOTU3OCAxNy43MjU4QzMyLjk1ODEgMTcuNjg5NyAzMi45NTgzIDE3LjY1MzMgMzIuOTU4MyAxNy42MTY5SDI3LjcwODNDMjcuNzA4MyAxNy42MzM5IDI3LjcwODMgMTcuNjUwOSAyNy43MDgxIDE3LjY2NzdMMzIuOTU3OCAxNy43MjU4Wk0zMi45NTgzIDE3LjYxNjlDMzIuOTU4MyAxMS43MDQzIDI3LjgwMjYgNy4yOTE5OSAyMS45MzMzIDcuMjkxOTlWMTIuNTQyQzI1LjM0MjUgMTIuNTQyIDI3LjcwODMgMTUuMDI0NSAyNy43MDgzIDE3LjYxNjlIMzIuOTU4M1pNMjEuOTMzMyA3LjI5MTk5QzE2Ljk0ODcgNy4yOTE5OSAxMi41NDQ5IDEwLjQzMDkgMTEuMjY4NyAxNC45ODk2TDE2LjMyNDMgMTYuNDA0OUMxNi45MDkxIDE0LjMxNjIgMTkuMDg1NyAxMi41NDIgMjEuOTMzMyAxMi41NDJWNy4yOTE5OVpNMTMuOTAzNiAxMy4wNzQ0QzEzLjc4MDcgMTMuMDY5NCAxMy42NTcyIDEzLjA2NjkgMTMuNTMzMyAxMy4wNjY5VjE4LjMxNjlDMTMuNTg1NyAxOC4zMTY5IDEzLjYzNzggMTguMzE4IDEzLjY4OTMgMTguMzIwMUwxMy45MDM2IDEzLjA3NDRaTTEzLjUzMzMgMTMuMDY2OUM4LjM5OTc3IDEzLjA2NjkgNC4zNzUgMTcuMzM1NCA0LjM3NSAyMi40Mjk0SDkuNjI1QzkuNjI1IDIwLjA4MTQgMTEuNDUwNCAxOC4zMTY5IDEzLjUzMzMgMTguMzE2OVYxMy4wNjY5Wk00LjM3NSAyMi40Mjk0QzQuMzc1IDI3LjUyMzUgOC4zOTk3NyAzMS43OTE5IDEzLjUzMzMgMzEuNzkxOVYyNi41NDE5QzExLjQ1MDQgMjYuNTQxOSA5LjYyNSAyNC43Nzc0IDkuNjI1IDIyLjQyOTRINC4zNzVaTTEzLjU0MTIgMzEuNzkxOUwxMy41ODAxIDMxLjc5MTdMMTMuNTY0MyAyNi41NDE3TDEzLjUyNTUgMjYuNTQxOUwxMy41NDEyIDMxLjc5MTlaTTEzLjU3MjIgMzEuNzkxN0gyOS4zNjgzVjI2LjU0MTdIMTMuNTcyMlYzMS43OTE3Wk0yOS4zOTkzIDI2LjU0MTlDMjkuMzkzNyAyNi41NDE5IDI5LjM4ODQgMjYuNTQxOSAyOS4zODMyIDI2LjU0MTlMMjkuMzUzNCAzMS43OTE3QzI5LjM2ODggMzEuNzkxOSAyOS4zODQzIDMxLjc5MTkgMjkuMzk5MyAzMS43OTE5VjI2LjU0MTlaTTMyLjM3NDMgMjMuMzkxOUMzMi4zNzQzIDI1LjIwODIgMzAuOTY2OCAyNi41NDE5IDI5LjM5OTMgMjYuNTQxOVYzMS43OTE5QzM0LjAxNzQgMzEuNzkxOSAzNy42MjQzIDI3Ljk1NDMgMzcuNjI0MyAyMy4zOTE5SDMyLjM3NDNaTTI5Ljg4NTMgMjAuMjgzNEMzMS4yMzk2IDIwLjUxNzcgMzIuMzc0MyAyMS43NzA5IDMyLjM3NDMgMjMuMzkxOUgzNy42MjQzQzM3LjYyNDMgMTkuMjkwMSAzNC43MjMxIDE1Ljc5MjUgMzAuNzgwNiAxNS4xMTAyTDI5Ljg4NTMgMjAuMjgzNFoiIGZpbGw9IiMxRTFFMUUiLz4KPC9nPgo8L3N2Zz4K");
  width: 42px;
  height: 42px;
  margin-left: 4px;
}
.jp-connection-status-card--jetpack-logo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDMyQzI0LjgzNjYgMzIgMzIgMjQuODM2NiAzMiAxNkMzMiA3LjE2MzQ0IDI0LjgzNjYgMCAxNiAwQzcuMTYzNDQgMCAwIDcuMTYzNDQgMCAxNkMwIDI0LjgzNjYgNy4xNjM0NCAzMiAxNiAzMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNi43OTM5IDEzLjMxMjVWMjguODI0TDI0Ljc5MzkgMTMuMzEyNUgxNi43OTM5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE1LjE3NTUgMTguNjU2N1YzLjE3NTc4TDcuMjA2MDUgMTguNjU2N0gxNS4xNzU1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  width: 32px;
  height: 32px;
  margin-right: 11px;
}
.jp-connection-status-card--btn-connect-user {
  height: 40px;
  font-size: var(--font-body-small);
  border-radius: 4px;
  background: var(--jp-black) !important;
}
.jp-connection-status-card--avatar {
  border: 0;
  border-radius: 20px;
  width: 32px;
  height: 32px;
  background-color: var(--jp-white);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: -10px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.498 27.123C6.038 24.165 10.916 21.5 16 21.5c5.084 0 9.963 2.665 11.502 5.623a15.952 15.952 0 01-11.257 4.875L16 32l-.245-.002a15.952 15.952 0 01-11.257-4.875zM16 8a6 6 0 110 12 6 6 0 010-12z' fill='%23A2AAB2'/%3E%3C/svg%3E%0A");
}
.jp-connection-status-card--line {
  width: 67px;
  height: 0;
  border-top: 2px solid var(--jp-black);
}
.jp-connection-status-card--line.jp-connection-status-card--site-only {
  border-top-style: dashed;
}
.jp-connection-status-card--list {
  margin: 16px 0;
  list-style-type: none;
}
.jp-connection-status-card--list li {
  padding-right: 25px;
  color: var(--jp-black);
  margin: 0 -3px 8px 0;
}
.jp-connection-status-card--list-item-success {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjkzNDggNi4wMDAwM0wxMC4wMzQyIDE3Ljk3MDNMNC44NzMxIDE0LjEzMjgiIHN0cm9rZT0iIzFFMUUxRSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==") no-repeat 100% 0;
}
.jp-connection-status-card--list-item-error {
  color: var(--jp-red) !important;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIwQzE2LjQxODMgMjAgMjAgMTYuNDE4MyAyMCAxMkMyMCA3LjU4MTcyIDE2LjQxODMgNCAxMiA0QzcuNTgxNzIgNCA0IDcuNTgxNzIgNCAxMkM0IDE2LjQxODMgNy41ODE3MiAyMCAxMiAyMFoiIHN0cm9rZT0iI0Q2MzYzOSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTEzIDdIMTFWMTNIMTNWN1oiIGZpbGw9IiNENjM2MzkiLz4KPHBhdGggZD0iTTEzIDE1SDExVjE3SDEzVjE1WiIgZmlsbD0iI0Q2MzYzOSIvPgo8L3N2Zz4K") no-repeat 100% 0;
}
@charset "UTF-8";
/********* RNA styles *********/
:root {
  --font-title-large: 36px;
  --font-title-small: 24px;
  --font-body: 16px;
  --font-label: 12px;
  --jp-black: #000000;
  --jp-black-80: #2C3338;
  --jp-white: #FFFFFF;
  --jp-white-off: #F9F9F6;
  --jp-gray: #DCDCDE;
  --jp-gray-off: #E2E2DF;
  --jp-red: #D63639;
  --jp-green-primary: #069E08;
  --jp-green-secondary: #2FB41F;
  --jp-border-radius: 4px;
  --jp-menu-border-height: 1px;
  --jp-underline-thickness: 2px;
}

/********* Mixins *********/
/********* Generic styles *********/
* {
  box-sizing: border-box;
}

body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.jp-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1128px;
  margin: 0 auto;
}

.jp-row {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin: 0 16px;
}
@media (min-width: 600px) {
  .jp-row {
    grid-template-columns: repeat(8, 1fr);
    margin: 0 18px;
  }
}
@media (min-width: 960px) {
  .jp-row {
    grid-template-columns: repeat(12, 1fr);
    max-width: 1128px;
    margin: 0 24px;
  }
}

.sm-col-span-1 {
  grid-column-end: span 1;
}

.sm-col-span-2 {
  grid-column-end: span 2;
}

.sm-col-span-3 {
  grid-column-end: span 3;
}

.sm-col-span-4 {
  grid-column-end: span 4;
}

@media (min-width: 600px) {
  .md-col-span-1 {
    grid-column-end: span 1;
  }

  .md-col-span-2 {
    grid-column-end: span 2;
  }

  .md-col-span-3 {
    grid-column-end: span 3;
  }

  .md-col-span-4 {
    grid-column-end: span 4;
  }

  .md-col-span-5 {
    grid-column-end: span 5;
  }

  .md-col-span-6 {
    grid-column-end: span 6;
  }

  .md-col-span-7 {
    grid-column-end: span 7;
  }

  .md-col-span-8 {
    grid-column-end: span 8;
  }
}
@media (min-width: 960px) {
  .lg-col-span-1 {
    grid-column-end: span 1;
  }

  .lg-col-span-2 {
    grid-column-end: span 2;
  }

  .lg-col-span-3 {
    grid-column-end: span 3;
  }

  .lg-col-span-4 {
    grid-column-end: span 4;
  }

  .lg-col-span-5 {
    grid-column-end: span 5;
  }

  .lg-col-span-6 {
    grid-column-end: span 6;
  }

  .lg-col-span-7 {
    grid-column-end: span 7;
  }

  .lg-col-span-8 {
    grid-column-end: span 8;
  }

  .lg-col-span-9 {
    grid-column-end: span 9;
  }

  .lg-col-span-10 {
    grid-column-end: span 10;
  }

  .lg-col-span-11 {
    grid-column-end: span 11;
  }

  .lg-col-span-12 {
    grid-column-end: span 12;
  }
}
@media (max-width: 960px) {
  .md-col-span-0 {
    display: none;
  }
}
@media (max-width: 600px) {
  .sm-col-span-0 {
    display: none;
  }
}
.jp-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1128px;
  margin: 0 auto;
}

.jp-row {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin: 0 16px;
}
@media (min-width: 600px) {
  .jp-row {
    grid-template-columns: repeat(8, 1fr);
    margin: 0 18px;
  }
}
@media (min-width: 960px) {
  .jp-row {
    grid-template-columns: repeat(12, 1fr);
    max-width: 1128px;
    margin: 0 24px;
  }
}

.jp-cut {
  position: relative;
  display: block;
  margin: 32px 0;
  padding: 16px 24px 16px 64px;
  border: 2px solid var(--jp-green-primary);
  border-radius: var(--jp-border-radius);
  text-decoration: none;
}
.jp-cut span {
  display: block;
}
.jp-cut span:last-of-type {
  font-weight: 600;
}
.jp-cut:hover span:last-of-type, .jp-cut:focus span:last-of-type {
  text-decoration: underline;
  text-decoration-thickness: var(--jp-underline-thickness);
}
.jp-cut:hover:after, .jp-cut:focus:after {
  transform: translateY(-50%) translateX(-8px);
}
.jp-cut:after {
  content: "→";
  position: absolute;
  top: 50%;
  left: 24px;
  font-size: 24px;
  font-weight: 600;
  color: var(--jp-green-primary);
  transform: translateY(-50%);
  transition: transform 0.15s ease-out;
}

.jp-disconnect-dialog h1 {
  margin-top: 0;
  line-height: 1.2;
  font-size: var(--font-title-large);
  font-weight: 600;
}
.jp-disconnect-dialog h2 {
  margin: 0;
  line-height: 1.2;
  font-size: var(--font-title-small);
  font-weight: 400;
}
.jp-disconnect-dialog p {
  font-size: var(--font-body);
}
.jp-disconnect-dialog__link {
  font-size: var(--font-body);
  color: var(--jp-black);
  text-decoration: underline;
  height: auto;
  font: inherit;
  padding: 0;
}
.jp-disconnect-dialog__link:hover {
  color: var(--jp-black);
  text-decoration-thickness: var(--jp-underline-thickness);
}
.jp-disconnect-dialog__link:focus {
  color: var(--jp-black);
  box-shadow: none !important;
}
.jp-disconnect-dialog .components-button {
  height: 40px;
  font-size: var(--font-body-small);
  border-radius: 4px;
}
.jp-disconnect-dialog .components-modal__content {
  padding: 0;
}
.jp-disconnect-dialog .components-modal__header {
  display: none;
}
.jp-disconnect-dialog .jp-row {
  align-items: center;
}
.jp-disconnect-dialog__content {
  background: var(--jp-white-off);
  margin: 0;
  padding: 80px;
  border-radius: 4px;
  text-align: center;
}
.jp-disconnect-dialog__actions {
  background: var(--jp-white);
  padding: 10px 48px;
}
.jp-disconnect-dialog__btn-dismiss {
  background: var(--jp-black) !important;
  margin-left: 10px;
}
.jp-disconnect-dialog__btn-disconnect {
  background: var(--jp-red) !important;
}
.jp-disconnect-dialog__btn-back-to-wp {
  background: var(--jp-black) !important;
}
.jp-disconnect-dialog__button-wrap {
  text-align: center;
}
.jp-disconnect-dialog__error {
  color: var(--jp-red);
}
.jp-disconnect-dialog__success .components-modal__content {
  background: var(--jp-white);
  padding: 50px;
}
.jp-disconnect-dialog__success h1 {
  margin-top: 20px;
}

@media (min-width: 960px) {
  .jp-disconnect-dialog {
    min-width: 900px;
  }
  .jp-disconnect-dialog__success {
    min-width: auto;
  }

  .jp-row {
    margin-right: 0px;
  }
}