.ColoredCode-module__Yn12gG__fn{color:var(--code-function)}.ColoredCode-module__Yn12gG__num{color:var(--code-number)}.ColoredCode-module__Yn12gG__spec{color:var(--code-special)}.ColoredCode-module__Yn12gG__kw{color:var(--code-keyword)}.ColoredCode-module__Yn12gG__comment{color:var(--code-comment)}.ColoredCode-module__Yn12gG__txt{color:var(--code-text)}.ColoredCode-module__Yn12gG__str{color:var(--code-string)}.ColoredCode-module__Yn12gG__line{display:block}.ColoredCode-module__Yn12gG__codeContainer{padding:var(--space-8);font-size:var(--size-fluid-3);border-radius:0 0 var(--radius-xl) var(--radius-xl);background-color:#212121;max-height:480px;line-height:1.625;position:relative;overflow-y:scroll}.ColoredCode-module__Yn12gG__copyButton{position:absolute;top:5px;right:5px}.ColoredCode-module__Yn12gG__pre{display:block;position:relative;overflow-x:auto}.ColoredCode-module__Yn12gG__code{font-family:var(--font-mono);font-size:var(--size-fluid-2)}.ColoredCode-module__Yn12gG__demo{max-width:1080px;margin:var(--space-6) auto;border-radius:var(--radius-xl);border:1px solid var(--gray-2);background-color:#424242}.ColoredCode-module__Yn12gG__header{padding:var(--space-1) var(--space-4);color:var(--gray-4);justify-content:space-between;align-items:center;display:flex}.ColoredCode-module__Yn12gG__header p{display:none}@media screen and (min-width:800px){.ColoredCode-module__Yn12gG__header p{display:block}}.ColoredCode-module__Yn12gG__macButtons span{width:10px;height:10px;margin-right:var(--space-2);border-radius:var(--radius-full);display:inline-block}.ColoredCode-module__Yn12gG__macButtons span:first-child{background:var(--mac-close)}.ColoredCode-module__Yn12gG__macButtons span:nth-child(2){background:var(--mac-minimize)}.ColoredCode-module__Yn12gG__macButtons span:nth-child(3){background:var(--mac-maximize)}