.Codeblock_container__4iYpn{--code-fg:black;--code-bg:#fff;--code-string:#067a6e;--code-tag:#fb7100;--code-keyword:hsl(0 0% 43.5%);--code-padding:16px;--radius:8px;font-family:var(--font-mono);border-radius:8px;margin:16px 0;overflow:hidden;position:relative;container-type:inline-size;border:1px solid hsl(0 0% 93%)}.Codeblock_preview__3yUuN{display:flex;justify-content:center;align-items:center;min-height:240px;padding:16px;background-color:hsl(0 0% 8.5%)}.Codeblock_editor___trkx{position:relative}.Codeblock_editor___trkx pre{border-start-start-radius:0;border-start-end-radius:0;border:none}.Codeblock_editor___trkx:after{content:"Editable";position:absolute;bottom:0;right:0;background:hsl(169 59.8% 94%);padding:6px 12px;font-size:12px;color:hsl(174 90% 25.2%);border-radius:12px 0 0 0}.Counter_container__jr0Kp button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;background-color:#f9f9f9}.Counter_container__jr0Kp button:hover{border-color:#646cff}.switchboard .light{--colors-gray9:hsl(0 0% 56.1%);width:1px;height:1px;border-radius:9999px;position:relative;transition:transform var(--transition-duration) ease}.switchboard .light:after,.switchboard .light:before{content:"";position:absolute;inset:0;opacity:0;width:inherit;height:inherit;border-radius:inherit;transition:opacity var(--transition-duration) ease}.switchboard .light:after{background:#fff;box-shadow:0 0 1px 1px rgba(50,145,255,.8),0 0 2px 1px rgba(50,145,255,.25)}.switchboard .light:before{background:#3291ff;box-shadow:0 0 2px 1px rgba(50,145,255,.25)}.switchboard .light[data-state=high]:after,.switchboard .light[data-state=medium]:before{opacity:1}.switchboard .light[data-state=off]{background:var(--colors-gray9)}