/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
.gates-details-container .gates-message-bar {
  padding: 16px;
}

.gates-details-container .gates-message-bar.failed {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.gates-details-container .gates-message-bar.success {
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
}

.gates-details-container .gates-message-bar.info {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.gates-details-container .gates-message-bar.inactive {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.gates-details-container .gates-message-bar .message-bar-subtext {
  font-size: 12px;
  margin-left: 24px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.gates-details-container .gates-message-bar .message-bar-subtext .canceled-by-persona {
  display: inline-block;
  margin-right: 3px;
  vertical-align: bottom;
}

.gates-details-container .gates-message-bar .message-bar-right-container {
  float: right;
}

.gates-details-container .gates-message-bar .message-bar-right-container .message-bar-right-text {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.gates-details-container .gates-message-bar .message-bar-right-container .message-bar-right-text .right-dark {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.gates-details-container .gates-message-bar .header-subtext {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.gates-details-container .gates-message-bar .message-bar-icon {
  margin-right: 8px;
}