@layer components{.code-block{max-width:100%;min-height:100px;font-size:var(--label);font-family:var(--monospace-font);background-color:var(--grey-000);border:var(--layout-border);border-radius:var(--radius-100);scrollbar-width:thin;margin:10px 0;padding:15px;overflow:auto}.code-block:before{content:attr(data-language);width:fit-content;color:var(--grey-500);font-size:calc(var(--label)*.9);font-family:var(--monospace-font);border-right:var(--layout-border);border-bottom:var(--layout-border);border-bottom-right-radius:var(--radius-100);z-index:0;margin:-15px 15px 0 -15px;padding:2px 6px;display:block}.code-block>pre{margin-top:15px}}