.source-snippets {
  margin: 16px 0 28px;
  border: 1px solid #d9dfdc;
  border-radius: 8px;
  background: #f7f8f7;
}

.source-snippets [role="tablist"] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px;
  border-bottom: 1px solid #d9dfdc;
}

.source-snippets [role="tab"] {
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #39463f;
  font: inherit;
  cursor: pointer;
}

.source-snippets [role="tab"][aria-selected="true"] {
  border-color: #a5bce3;
  background: #e8f0ff;
  color: #174185;
}

.source-snippets [data-language] {
  padding: 12px 16px;
}

.source-snippets pre {
  margin: 0;
  overflow-x: auto;
  font-size: 14px;
  line-height: 1.55;
}

.source-snippets code.hljs {
  padding: 0;
}