.html-blocks .list-group-item {
  z-index: 10;
  border: none;
  background-color: wheat;
  padding: 0 5px;
  transition: background-color 0.1s linear;
}
.html-blocks .list-group-item-actions {
  display: inline-flex;
  margin-left: auto;
}
.html-blocks .escape-html-label {
  margin-bottom: 0;
}
.html-blocks .list-group-item:hover {
  background-color: rgb(236.1046511628, 192.6453488372, 111.3953488372);
}
.html-blocks .html-segment div {
  transition: background-color 0.1s linear;
  background-color: whitesmoke;
}
.html-blocks .html-segment pre {
  color: #212529;
}
.html-blocks .html-segment:hover div {
  background-color: rgb(206.75, 206.75, 206.75);
}
.html-blocks .terminal-segment div {
  transition: background-color 0.1s linear;
  background-color: #1e1f22;
}
.html-blocks .terminal-segment pre {
  color: #ffffff;
}
.html-blocks .terminal-segment:hover div {
  background-color: rgb(65.859375, 68.0546875, 74.640625);
}
.html-blocks .delete-button {
  height: fit-content;
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  justify-self: right;
}
.html-blocks .copy-button {
  height: fit-content;
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  justify-self: right;
  margin-left: 5px;
}
.html-blocks .list-group-item:first-child {
  padding-top: 5px;
}
.html-blocks .list-group-item:last-child {
  padding-bottom: 5px;
}
.html-blocks .list-group {
  border: 1px solid wheat;
  padding: 5px;
  background-color: #C93941;
}
.html-blocks .list-group:empty {
  display: none;
}
.html-blocks pre {
  padding-left: 2px;
  font-size: 20px;
  border: none;
  background-color: unset;
  margin-bottom: 0;
}
.html-blocks .comment-segment pre {
  color: green;
}
.html-blocks .pre-wrapper.remove-scroll ::-webkit-scrollbar {
  display: none;
}
.html-blocks .pre-wrapper ::-webkit-scrollbar {
  height: 6px;
}
.html-blocks .pre-wrapper ::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 6px;
}
.html-blocks .color-wheel-button {
  border-right: none;
}
.html-blocks .color-wheel {
  width: 50px;
  padding: 0;
  border-radius: 0;
  border-left: none;
}
.html-blocks .color-wheel:focus {
  border-color: wheat;
}
.html-blocks .color-selector {
  width: 100px;
}

pre.break-spaces-active {
  white-space: break-spaces;
}
@supports (text-indent: 4ch hanging each-line) {
  pre.break-spaces-active {
    text-indent: 4ch hanging each-line;
  }
}

/*# sourceMappingURL=html-blocks.css.map */