.vb-code-frame {
  margin:28px 0;
  border:1px solid #26384b;
  border-radius:18px;
  overflow:hidden;
  background:#111c29;
  color:#dae7f3;
  font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;
  max-width:100%
}
.vb-code-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:10px 17px;
  border-bottom:1px solid #ffffff15;
  background:#172433;
  font:11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.vb-code-toolbar>span {
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#acbfd2
}
.vb-code-toolbar button {
  font:inherit;
  padding:7px 12px;
  min-height:34px;
  border:1px solid #ffffff35;
  border-radius:8px;
  background:#ffffff09;
  color:#e5eef8;
  cursor:pointer
}
.vb-code-toolbar button:focus-visible {
  outline:2px solid #95d3f6;
  outline-offset:3px
}
.vb-code-frame pre,.entry-content .vb-code-frame pre {
  position:relative;
  margin:0;
  padding:20px;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  overflow:auto;
  font:inherit;
  white-space:pre;
  tab-size:4;
  max-height:680px
}
.vb-code-frame pre.vb-numbered {
  display:flex;
  gap:20px
}
.vb-code-frame pre code {
  display:block;
  background:none;
  color:inherit;
  font:inherit;
  padding:0;
  min-width:max-content
}
.vb-line-numbers {
  display:block;
  flex-shrink:0;
  user-select:none;
  pointer-events:none;
  text-align:right;
  color:#74899e;
  border-right:1px solid #ffffff15;
  padding-right:16px;
  min-width:30px
}
.vb-code-status {
  display:block;
  padding-inline:17px;
  font-size:11px;
  white-space:normal
}
.vb-code-status:empty {
  display:none
}
.vb-code-status:not(:empty) {
  padding-block:8px
}
.hljs-comment,.hljs-quote {
  color:#91a4b8;
  font-style:italic
}
.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-built_in {
  color:#c7adff
}
.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute {
  color:#b9de8c
}
.hljs-title,.hljs-section,.hljs-name {
  color:#85cfff
}
.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-variable,.hljs-template-variable {
  color:#ffaf87
}
.hljs-attr,.hljs-type,.hljs-params {
  color:#f2d499
}
.hljs-meta,.hljs-link {
  color:#89dcd1
}
.hljs-deletion {
  color:#ff9fa1
}
.hljs-emphasis {
  font-style:italic
}
.hljs-strong {
  font-weight:bold
}
@media print {
  .vb-code-frame {
    background:#f7f7f7;
    color:#111;
    border-color:#ccc
  }
  .vb-code-toolbar button,.vb-line-numbers {
    display:none
  }
  .vb-code-frame pre,.vb-code-frame pre code {
    white-space:pre-wrap;
    min-width:0;
    max-height:none
  }
  .vb-code-frame .hljs-keyword,.vb-code-frame .hljs-string,.vb-code-frame .hljs-title {
    color:inherit
  }
}