@import '../../../../src/styles/common/colors';

.snippet {
  display: block;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: $primary-4;
  line-height: 1.4;
  margin: 10px 0;
  overflow: auto;
  padding: 0 15px;
  word-break: break-all;
  word-wrap: break-word;

  .line {
    padding-right: 20px;
    line-height: 1.5;
    white-space: nowrap;
  }
}

.snippet-inline {
  composes: snippet;
  display: inline;
  padding: 3px 5px;
  word-break: inherit;
}