.shiki-style{position:relative;display:flex;flex-direction:column;width:100%;height:auto;min-height:0;max-height:100%;border:solid 1px var(--color-border);border-radius:var(--border-radius);overflow:auto}.shiki-style .code-header{position:absolute;top:0;right:0;display:flex;height:40px;align-items:center;background:transparent;border-left:solid 1px var(--color-border);border-bottom:solid 1px var(--color-border);border-radius:0 0 0 var(--border-radius);z-index:10}.shiki-style .code-header .copy-button{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-quarter);color:var(--color-light);cursor:pointer;transition:all var(--speed) ease}.shiki-style .code-header .copy-button:hover{background-color:var(--color-border)}.shiki-style .code-header .copy-button:hover svg{fill:var(--color-primary)}.shiki-style .code-header .copy-button svg{width:16px;height:16px;fill:var(--color-border)}.shiki-style .code-header .language-label-separator{width:1px;height:60%;background-color:var(--color-border)}.shiki-style .code-header .language-label{display:flex;align-items:center;justify-content:center;height:100%;font-size:.875rem;color:var(--color-light);text-transform:capitalize;font-weight:var(--font-weight-medium);padding:var(--spacing-quarter)}.shiki-style .code{width:100%;min-width:0;max-width:100%;flex:1 1 auto;height:100%;min-height:0;max-height:100%;display:flex;overflow:auto}.shiki-style .code pre.shiki{flex:1 1 auto;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;padding:var(--spacing);margin:0;border-radius:var(--border-radius);overflow-x:auto;overflow-y:auto}