*,:after,:before{box-sizing:border-box;margin:0;padding:0}.bento-card pre.shiki{height:100%}.bento-card pre.shiki,.code-wrap pre.shiki{overflow-x:auto!important;max-width:100%!important;border-radius:8px!important;padding:16px 20px!important;border:1px solid rgba(255,255,255,.05)}.bento-card pre.shiki code,.code-wrap pre.shiki code{font-family:var(--font-jetbrains-mono),monospace;font-size:13px;line-height:1.5;display:inline-block;min-width:100%;white-space:pre}.bento-card pre.shiki .line,.code-wrap pre.shiki .line{white-space:pre}.code-wrap pre.shiki.has-diff .line:not(.diff){opacity:.65;transition:opacity .2s}.code-wrap pre.shiki.has-diff:hover .line:not(.diff){opacity:1}.code-wrap pre.shiki .line.diff{display:inline-block;width:calc(100% + 40px);margin:0 -20px;padding-inline:20px}.code-wrap pre.shiki .line.diff.add{background-color:rgba(163,190,140,.18);box-shadow:inset 2px 0 0 #a3be8c}.code-wrap pre.shiki .line.diff.remove{background-color:rgba(191,97,106,.18);box-shadow:inset 2px 0 0 #bf616a;opacity:.7}.code-wrap pre.shiki .line.highlighted{background-color:rgba(136,192,208,.12);display:inline-block;width:calc(100% + 40px);margin:0 -20px;padding-inline:20px;box-shadow:inset 2px 0 0 #88c0d0}