@import '../../../styles';

.jse-status-bar {
  background: var(--jse-panel-background);
  color: var(--jse-panel-color-readonly);
  font-family: var(--jse-font-family-mono);
  font-size: var(--jse-font-size-mono);
  margin: 0;
  padding-left: 10px;

  border-top: var(--jse-panel-border);
  border-left: var(--jse-main-border);
  border-right: var(--jse-main-border);

  &:last-child {
    border-bottom: var(--jse-main-border);
    border-radius: var(--jse-main-border-radius-bottom);
  }

  display: flex;
  gap: var(--jse-padding);

  .jse-status-bar-info {
    padding: 2px;
  }
}