.shiki{margin:0;padding:10px;overflow-x:scroll;direction:ltr}.code-block{border-radius:16px;margin-top:24px;margin-bottom:24px;overflow:hidden;border:1px solid var(--color-gray-7)}.code-block .code-block-header{border-bottom:1px solid var(--color-gray-7);direction:ltr;padding:0 16px;line-height:1.5rem;font-size:13px;font-weight:500}.code-block .code-block-header .header_text{margin-bottom:0;padding:12px 0 0}.code-block .code-block-header .language-tabs .language-tabs-list{margin-bottom:-1px;display:flex;gap:16px}.code-block .code-block-header .language-tabs .language-tabs-list button{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;border-bottom:1px solid transparent;padding:12px 0;color:var(--color-light-gray-font);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.code-block .code-block-header .language-tabs .language-tabs-list button:hover{color:#000}.code-block .code-block-header .language-tabs .language-tabs-list button.active{color:var(--color-green-1);border-bottom:1px solid var(--color-green-3);outline:2px solid transparent;outline-offset:2px}.code-block .code-block-content .blog-list{opacity:0;height:0;display:none;transition:all .3s ease-in-out}.code-block .code-block-content .blog-list.active{height:auto;opacity:1;display:block}html[data-theme=dark] .code-block{border:1px solid var(--color-gray-6)}html[data-theme=dark] .code-block .code-block-header{border-bottom:1px solid var(--color-gray-6)}html[data-theme=dark] .code-block .code-block-header .header_text{color:#fff}html[data-theme=dark] .code-block .code-block-header .language-tabs-list button{color:var(--color-dark-gray-font)}html[data-theme=dark] .code-block .code-block-header .language-tabs-list button:hover{color:#fff}html[data-theme=dark] .code-block .code-block-header .language-tabs-list button.active{color:var(--color-dark-green);border-bottom:1px solid var(--color-dark-green-border)}@media(min-width:480px){.flex-header{display:flex;align-items:center;justify-content:space-between}.header_text{padding:0!important}}