.diag-dialog-splitter-left {
  border-top:  2px solid;
  border-top-color: rgba( 244, 244, 244 ,  1 );
  border-top-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-bottom:  2px solid;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
  .diag-dialog-splitter-left .diag-dialog-arrange-icons {
    text-align: center; }
  .diag-dialog-splitter-left .diag-dialog-persona {
    height: 100%; }
    .diag-dialog-splitter-left .diag-dialog-persona .ms-Persona-initials {
      border-radius: 8px; }

.diag-dialog-splitter-right {
  border:  2px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-left-style: none;
  padding: 10px;
  padding-bottom: 0px; }
  .diag-dialog-splitter-right .diag-dialog-properties {
    background-color: rgba( 234, 234, 234 ,  1 );
    background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
    padding: 25px;
    padding-top: 4px;
    padding-bottom: 4px; }
  .diag-dialog-splitter-right .diag-dialog-condition .ms-GroupHeader-title {
    font-size: 0.875rem;
    font-weight: normal; }
  .diag-dialog-splitter-right .diag-dialog-condition .diag-dialog-conditions-list {
    align-items: baseline; }
    .diag-dialog-splitter-right .diag-dialog-condition .diag-dialog-conditions-list .diag-dialog-side-code-padding {
      padding: 0px 5px;
      text-align: middle; }
    .diag-dialog-splitter-right .diag-dialog-condition .diag-dialog-conditions-list .diag-dialog-side-list-padding {
      padding: 10px 5px;
      vertical-align: middle; }
    .diag-dialog-splitter-right .diag-dialog-condition .diag-dialog-conditions-list .diag-dialog-condition-icon-padding {
      padding: 3px 5px; }
      .diag-dialog-splitter-right .diag-dialog-condition .diag-dialog-conditions-list .diag-dialog-condition-icon-padding.diag-dialog-white-text {
        color: rgba( 255, 255, 255 ,  1 );
        color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }

.diag-dialog-low-flex-basis {
  flex-basis: 0px; }

.diag-dialog-is-not-constrained {
  color: rgba(16, 124, 16, 1);
  color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }

.diag-dialog-is-not-in-page {
  color: rgba(205, 74, 69, 1);
  color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }

.diag-dialog-full-height-width {
  height: 100%;
  width: 100%; }

.diag-dialog-scripts-graph {
  max-width: 100%; }
