.code-lang,.code-title{min-width:0;font-family:var(--font-mono);font-size:.7rem;line-height:1;color:color-mix(in oklab,var(--sub-text-color) 72%,transparent)}.code-lang{flex-shrink:0;letter-spacing:.08em;text-transform:uppercase}.code-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}code span{font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight)}span.tab{display:inline-block;tab-size:2}:is([data-theme=tokyo_night]) code span{font-style:var(--shiki-tokyo-font-style)!important;font-weight:var(--shiki-tokyo-font-weight)!important;color:var(--shiki-tokyo)!important}:is([data-theme=nord]) code span{font-style:var(--shiki-nord-light-font-style)!important;font-weight:var(--shiki-nord-light-font-weight)!important;color:var(--shiki-nord-light)!important}:is([data-theme=song_ci]) code span{font-style:var(--shiki-song-font-style)!important;font-weight:var(--shiki-song-font-weight)!important;color:var(--shiki-song)!important}:is([data-theme=nord_night]) code span{font-style:var(--shiki-nord-font-style)!important;font-weight:var(--shiki-nord-font-weight)!important;color:var(--shiki-nord)!important}:is([data-theme=mocha]) code span{font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;color:var(--shiki-dark)!important}:is([data-theme=rose_pine]) code span{font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;color:var(--shiki-rose)!important}:is([data-theme=mono_dark]) code span{font-style:var(--shiki-mono-dark-font-style)!important;font-weight:var(--shiki-mono-dark-font-weight)!important;color:var(--shiki-mono-dark)!important}:is([data-theme=mono_light]) code span{font-style:var(--shiki-mono-light-font-style)!important;font-weight:var(--shiki-mono-light-font-weight)!important;color:var(--shiki-mono-light)!important}figure.shiki{position:relative;overflow:hidden;border:.5px solid var(--edge-color);border-radius:var(--radius-sm);background:var(--mantle);color:var(--sub-text-color)}.shiki-tools{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem 0;user-select:none;>.left{display:flex;align-items:center;gap:.75rem;min-width:0}>.right{position:relative;display:flex;align-items:center;gap:.6rem;flex-shrink:0;opacity:0;transition:opacity .16s ease}svg{width:1rem;height:1rem;color:var(--sub-text-color);cursor:pointer;transition:color .16s ease;&:hover{color:var(--title-text-color)}}}.shiki-tools:not(:has(.code-lang,.code-title)){position:absolute;inset:0 0 auto;justify-content:flex-end;padding:.5rem .75rem;pointer-events:none;>.right{padding:.3rem .45rem;border-radius:6px;background:color-mix(in oklab,var(--mantle) 88%,transparent);pointer-events:auto}}figure.shiki:is(:hover,:focus-within) .shiki-tools>.right{opacity:1}@media(hover:none){.shiki-tools>.right{opacity:1}}.shiki-tools>.right>.copy-notice{position:absolute;top:50%;right:calc(100% + .25rem);translate:6px -50%;white-space:nowrap;font-family:var(--font-mono);font-size:.7rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;visibility:hidden;opacity:0;transition:opacity .2s ease,translate .2s var(--ease-out),visibility 0s linear .2s;&.show{visibility:visible;opacity:1;translate:0 -50%;transition:opacity .16s ease,translate .16s var(--ease-out),visibility 0s}}.toggle-wrap{display:inline-flex;align-items:center;cursor:pointer;&:has(input:checked)>svg{color:var(--title-text-color)}}figure.shiki:has(.toggle-wrap input:checked)>pre.shiki>code{white-space:pre-wrap;word-break:break-all}@keyframes code-expand-pulse{0%,to{opacity:.6}50%{opacity:.1}}.code-expand-btn{position:absolute;bottom:1rem;width:100%;z-index:50;display:flex;justify-content:center;align-items:center;cursor:pointer;>.collapse-icon{display:none}&.expand-done>.expand-icon{display:none}&.expand-done>.collapse-icon{display:block}>svg{width:1.1rem;height:1.1rem;padding:6px 0;color:var(--sub-text-color);opacity:.6}&:hover>svg{animation:code-expand-pulse 1.2s infinite}}pre.shiki{background:var(--mantle);padding:.75em 1em .9em;>code{text-align:left;padding:0!important;background:none!important;border:none!important;width:100%;margin:0;font-family:var(--font-mono)}}figure.shiki[data-collapsible=true]{position:relative}figure.shiki[data-collapsible=true]>pre.shiki{position:relative;overflow:hidden;transition:max-height .3s cubic-bezier(.25,.46,.45,.94)}figure.shiki[data-collapsible=true]:not(.expanded)>pre.shiki:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;pointer-events:none;z-index:1;background:linear-gradient(transparent 0%,hsl(from var(--mantle) h s l / .8),30%,var(--mantle) 100%);opacity:1}figure.shiki[data-collapsible=true].expanded>.code-expand-btn{transform:translateY(0)}span.line{display:block;width:fit-content;min-width:100%}span.line.diff{&:before{display:inline-block;width:1.2rem;margin-right:.4rem;text-align:center}&.remove{background-color:hsl(from var(--red) h s l / .2);&:before{content:"-";color:var(--red)}}&.add{background-color:hsl(from var(--green) h s l / .2);&:before{content:"+";color:var(--green)}}}span.line.highlighted{background-color:hsl(from var(--blue) h s l / .2);&.error{background-color:hsl(from var(--red) h s l / .2)}&.warning{background-color:hsl(from var(--yellow) h s l / .2)}}span.highlighted-word{background-color:hsl(from var(--yellow) h s l / .3);border-radius:0;margin:-1px -2px;padding:1px 2px}pre.shiki.has-focused>code{>.line{filter:blur(3px);opacity:.7;transition:filter .35s,opacity .35s}>.line.focused,&:hover .line{filter:blur(0);opacity:1}}