const e=window.App.h;class t{render(){return[e("div",{class:"label"},this.language||""),e("div",{class:"scroll-area"},e("pre",null,e("code",null,e("slot",null))))]}static get is(){return"code-block"}static get properties(){return{language:{type:String,attr:"language"}}}static get style(){return".hljs-comment,.hljs-quote{color:#8c9296}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#2b90ff}.hljs-tag{color:#91c5ff}.hljs-tag .hljs-name{color:#2b90ff}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#ff6810}.hljs-attr,.hljs-attribute{color:#8454ff}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-string a,.hljs-symbol{color:#42b983}.hljs-section,.hljs-title{color:#ffbb01}.hljs-keyword,.hljs-selector-tag{color:#f55073}.hljs{display:block;overflow-x:auto;background:#fff;color:#4d4d4c;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}code-block[language=shell] .hljs-addition,code-block[language=shell] .hljs-attr,code-block[language=shell] .hljs-attribute,code-block[language=shell] .hljs-built_in,code-block[language=shell] .hljs-builtin-name,code-block[language=shell] .hljs-bullet,code-block[language=shell] .hljs-comment,code-block[language=shell] .hljs-deletion,code-block[language=shell] .hljs-emphasis,code-block[language=shell] .hljs-keyword,code-block[language=shell] .hljs-link,code-block[language=shell] .hljs-literal,code-block[language=shell] .hljs-name,code-block[language=shell] .hljs-number,code-block[language=shell] .hljs-params,code-block[language=shell] .hljs-quote,code-block[language=shell] .hljs-regexp,code-block[language=shell] .hljs-section,code-block[language=shell] .hljs-selector-class,code-block[language=shell] .hljs-selector-id,code-block[language=shell] .hljs-selector-tag,code-block[language=shell] .hljs-string,code-block[language=shell] .hljs-string a,code-block[language=shell] .hljs-strong,code-block[language=shell] .hljs-symbol,code-block[language=shell] .hljs-tag,code-block[language=shell] .hljs-tag .hljs-name,code-block[language=shell] .hljs-template-variable,code-block[language=shell] .hljs-title,code-block[language=shell] .hljs-type,code-block[language=shell] .hljs-variable{color:inherit}code-block[language=shell] .hljs-meta{color:#fb96f9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}code-block[language=shell] pre code{color:hsla(0,0%,100%,.7)}code-block{background-color:#f5f6f9;border-radius:4px;display:block;font-family:var(--font-family-code);font-size:12px;margin:1.5em 0;position:relative;-webkit-font-smoothing:initial}code-block .label{color:#bdc5d1;font-size:10px;font-weight:500;letter-spacing:.08em;padding:.75em;position:absolute;right:0;text-align:right;text-transform:uppercase;top:0}code-block code,code-block pre{font-family:inherit}code-block pre{line-height:2;margin:0}code-block .scroll-area{overflow-x:auto;padding:2em 2em}code-block .scroll-area:after{position:absolute;content:\"\";right:0;top:2em;bottom:2em;width:2em;background:-webkit-gradient(linear,left top,right top,from(rgba(245,246,249,0)),color-stop(80%,rgba(245,246,249,.9)),to(#f5f6f9));background:linear-gradient(90deg,rgba(245,246,249,0),rgba(245,246,249,.9) 80%,#f5f6f9)}code-block pre code{display:inline-block;margin-right:2em!important}code-block[language=shell]{background-color:#2b313c;border-radius:7px;-webkit-font-smoothing:inherit}code-block[language=shell] code{font-size:13px}code-block[language=shell] .scroll-area{overflow-x:scroll}code-block[language=shell] .scroll-area:after{background:-webkit-gradient(linear,left top,right top,from(rgba(43,49,60,0)),color-stop(80%,rgba(43,49,60,.9)),to(#2b313c));background:linear-gradient(90deg,rgba(43,49,60,0),rgba(43,49,60,.9) 80%,#2b313c)}code-block[language=shell]>.label{display:none}"}}export{t as CodeBlock};