.step-line {
  width: 10%;
  border-left: 2px solid;
  border-color: var(--theme-ui-colors-gray300);
  position: relative;
}
.step-line:after,
.step-line:before {
  content: "";
  position: absolute;
  left: -18px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: var(--theme-ui-colors-gray200);
  border: 2px solid;
  border-color: var(--theme-ui-colors-gray300);
}

.changelog-content * {
  line-height: 1.75;
}
.changelog-content a {
  overflow-wrap: break-word;
  border-bottom:2px dotted;
  color: var(--theme-ui-colors-primary);
}
.changelog-content h2 {
  font-size: 26px;
  margin: 1.5rem 0;
}
.changelog-content h3 {
  font-size: 22px;
  margin: 1.5rem 0;
}
.changelog-content h4 {
  font-size: 18px;
  margin: 1.5rem 0;
  font-weight:600;
}
.changelog-content p {
  margin: 1rem 0;
  line-height: 1.8;
}
.changelog-content strong {
  font-weight: bold;
}
.changelog-content em {
  font-style: italic;
}
.changelog-content pre,
.changelog-content code {
  font-family: monospace;
  background: #ddd;
  border: 0;
  color: text;
}
.changelog-content code {
  font-style: italic;
}
.changelog-content pre {
  padding: 16px;
  overflow: auto;
}
.changelog-content img,
.changelog-content figure {
  max-width: 100%;
  height: auto;
}
.changelog-content figure {
  margin: 1rem 0;
  /* display: flex;
  flex-direction: column;
  align-items: center; */
}
.changelog-content figcaption {
  font-size: 14px;
  font-style: italic;
}
.changelog-content ul {
  list-style: disc;
  list-style-position: inside;
}
.changelog-content ul li {
    margin-bottom: 0.5rem;
}
.changelog-content ol {
  list-style: decimal;
  list-style-position: inside;
}
.changelog-content ol li {
    margin-bottom: 0.5rem;
}
.changelog-content table,
.changelog-content td {
  border: 1px solid;
  border-color: black;
  padding: 0.25rem;
}
.changelog-content s {
  text-decoration: line-through;
}
.changelog-content sub {
  font-size: smaller;
  vertical-align: sub;
}


/* ICONS */
.cpu-icon{
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23000'%3E%3Cpath d='M200 48H56a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8m-48 104h-48v-48h48Z' opacity='0.2'/%3E%3Cpath d='M152 96h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8m-8 48h-32v-32h32Zm88 0h-16v-32h16a8 8 0 0 0 0-16h-16V56a16 16 0 0 0-16-16h-40V24a8 8 0 0 0-16 0v16h-32V24a8 8 0 0 0-16 0v16H56a16 16 0 0 0-16 16v40H24a8 8 0 0 0 0 16h16v32H24a8 8 0 0 0 0 16h16v40a16 16 0 0 0 16 16h40v16a8 8 0 0 0 16 0v-16h32v16a8 8 0 0 0 16 0v-16h40a16 16 0 0 0 16-16v-40h16a8 8 0 0 0 0-16m-32 56H56V56h144z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: middle;
}

.ram-icon{
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='%23000' fill-opacity='0.16' fill-rule='evenodd' d='M7.4 5h9.2A2.4 2.4 0 0 1 19 7.4v9.2a2.4 2.4 0 0 1-2.4 2.4H7.4A2.4 2.4 0 0 1 5 16.6V7.4A2.4 2.4 0 0 1 7.4 5m3.2 4h2.8a1.6 1.6 0 0 1 1.6 1.6v2.8a1.6 1.6 0 0 1-1.6 1.6h-2.8A1.6 1.6 0 0 1 9 13.4v-2.8A1.6 1.6 0 0 1 10.6 9' clip-rule='evenodd'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M14 5V3m-4 2V3m4 18v-2m-4 2v-2m11-5h-2m2-4h-2M5 14H3m2-4H3m4.4-5h9.2A2.4 2.4 0 0 1 19 7.4v9.2a2.4 2.4 0 0 1-2.4 2.4H7.4A2.4 2.4 0 0 1 5 16.6V7.4A2.4 2.4 0 0 1 7.4 5m3.2 4h2.8a1.6 1.6 0 0 1 1.6 1.6v2.8a1.6 1.6 0 0 1-1.6 1.6h-2.8A1.6 1.6 0 0 1 9 13.4v-2.8A1.6 1.6 0 0 1 10.6 9'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
   vertical-align: middle;
}


.disk-icon{
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.5 13.588h13c1.31 0 2.453.764 3.053 1.893L19 5.118C18.5 3.529 17.604 3 16.5 3h-9c-1.105 0-2 .53-2.5 2.118L2.446 15.48c.6-1.13 1.743-1.893 3.054-1.893' opacity='0.5'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M18.5 13.588h-13c-1.311 0-2.454.763-3.053 1.893A3.86 3.86 0 0 0 2 17.294C2 19.34 3.567 21 5.5 21h13c1.933 0 3.5-1.66 3.5-3.706a3.86 3.86 0 0 0-.447-1.813c-.6-1.13-1.742-1.893-3.053-1.893M18 16.25a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75m-1.75.75a.75.75 0 0 0-1.5 0v1a.75.75 0 0 0 1.5 0zM13 16.25a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75m-1.75.75a.75.75 0 0 0-1.5 0v1a.75.75 0 0 0 1.5 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
   vertical-align: middle;
}

.sg-flag{
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23eee' d='M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z'/%3E%3Cpath fill='%23ed2939' d='M36 18V9a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v9z'/%3E%3Cpath fill='%23fff' d='M6 11.5c0-2.585 1.624-4.748 3.81-5.336A5.5 5.5 0 0 0 8.5 6a5.5 5.5 0 1 0 0 11c.452 0 .889-.06 1.31-.164C7.624 16.248 6 14.085 6 11.5'/%3E%3Cpath fill='%23eee' d='m12 7l.225.691h.726l-.588.427l.225.691L12 8.382l-.588.427l.225-.691l-.588-.427h.726zm-2 7l.225.691h.726l-.588.427l.225.691l-.588-.427l-.588.427l.225-.691l-.588-.427h.726zm4 0l.225.691h.726l-.588.427l.225.691l-.588-.427l-.588.427l.225-.691l-.588-.427h.726zm-5-4l.225.691h.726l-.588.427l.225.691L9 11.382l-.588.427l.225-.691l-.588-.427h.726zm6 0l.225.691h.726l-.588.427l.225.691l-.588-.427l-.588.427l.225-.691l-.588-.427h.726z'/%3E%3C/svg%3E");
}