.boards-external-integration-first-run-experience-panel .content .static-content {
  display: flex;
  flex-direction: column; }
  .boards-external-integration-first-run-experience-panel .content .static-content .quick-start-title {
    margin-top: 16px; }
  .boards-external-integration-first-run-experience-panel .content .static-content .quick-start-content {
    margin-top: 16px; }
    .boards-external-integration-first-run-experience-panel .content .static-content .quick-start-content .mention-sample {
      color: rgba(0, 0, 0, .9);
      color: var(--text-primary-color,rgba(0, 0, 0, .9));
      background-color: rgba( 234, 234, 234 ,  1 );
      background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
      border-radius: 2px;
      padding: 0 4px; }
  .boards-external-integration-first-run-experience-panel .content .static-content .panel-image {
    align-self: center;
    border:  1px solid;
    border-color: rgba( 234, 234, 234 ,  1 );
    border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
    border-radius: 2px;
    margin-top: 32px; }

.boards-external-integration-first-run-experience-panel .content .interactive-content {
  display: flex;
  flex-direction: column; }
  .boards-external-integration-first-run-experience-panel .content .interactive-content .panel-image {
    width: 300px;
    align-self: center;
    margin-top: 24px; }
  .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-header {
    display: flex;
    flex-direction: column;
    margin-top: 40px; }
    .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-header .steps-header-content {
      margin-top: 16px; }
  .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container {
    display: flex;
    flex-direction: column;
    overflow-y: auto; }
    .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step {
      display: flex;
      flex-direction: column;
      margin-top: 32px; }
      .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-header {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-header.failed {
          opacity: 0.5; }
        .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-header .step-status {
          margin-right: 16px; }
      .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-body {
        display: flex;
        flex-direction: column;
        margin-left: 48px; }
        .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-body .repos-dropdown {
          display: flex;
          flex-direction: column; }
          .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-body .repos-dropdown .label {
            font-weight: 600;
            margin-top: 16px; }
          .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-body .repos-dropdown .dropdown {
            margin-top: 9px; }
      .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-footer {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 16px;
        margin-left: 48px; }
        .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-footer .wait-indicator {
          margin-right: 10px; }
        .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .first-run-experience-step .step-footer .step-processing-text {
          margin-top: 6px;
          margin-bottom: 6px;
          color: rgba(0, 90, 158, 1);
          color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
    .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .steps-error {
      margin: 32px 5px 5px 5px; }
    .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .step-help-links {
      display: flex;
      flex-direction: column;
      margin-top: 16px;
      margin-left: 5px; }
      .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .step-help-links .step-help-link {
        margin-top: 16px; }
    .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .quick-tip {
      display: flex;
      flex-direction: column;
      margin-top: 40px; }
      .boards-external-integration-first-run-experience-panel .content .interactive-content .steps-container .quick-tip .content {
        margin-top: 16px; }