code{line-height:normal;font-family:Menlo,monospace,Apple Color Emoji,Segoe UI Emoji;font-size:calc(var(--font-size-4)*.8)!important;line-height:20px;color:var(--color-code-text)}code .token.tag{color:var(--color-code-syntax-accent)}code .token.punctuation{color:var(--color-code-text)}code .token.function{color:var(--color-code-syntax-accent)}code .token.plain-text{color:var(--color-code-text)}code .token.class-name{color:var(--color-code-syntax-accent)}code .token.attr-name,code .token.keyword,code .token.operator{color:var(--color-code-syntax-complementary)}code .token.string{color:var(--color-code-text)}code .token.selector{color:var(--color-code-syntax-complementary)}.CodeBlock_codeBlock__TUKXG{--color-code-background:var(--color-accent-a1);--color-code-text:var(--color-gray-12);--color-code-syntax-accent:var(--color-accent-11);--color-code-syntax-accent-subtle:var(--color-accent-12);--color-code-syntax-complementary:var(--color-crimson-11);--color-code-syntax-secondary:var(--color-violet-11);--color-code-highlighted-line-bg:var(--color-accent-a4);--color-code-highlighted-word-1-bg:var(--color-accent-a4);font-family:Courier New,Courier,monospace;border-radius:4px;padding:var(--space-4) 0;background-color:var(--color-code-background);position:relative}.CodeBlock_codeBlock__TUKXG pre{flex-grow:1;min-height:34px;align-items:center;display:flex}.CodeBlock_codeBlock__TUKXG.CodeBlock_interactive__myl_7{cursor:pointer}.CodeBlock_codeBlock__TUKXG .CodeBlock_wrapper__pJymG{width:100%}.CodeBlock_codeBlock__TUKXG .CodeBlock_wrapper__pJymG .CodeBlock_code__UV4Bp{box-sizing:border-box;width:100%;padding:0 16px;position:relative}.CodeBlock_codeBlock__TUKXG .CodeBlock_highlight__wyreB{position:absolute;z-index:-1;left:0;right:0;background-color:var(--color-code-highlighted-line-bg)}.CodeBlock_codeBlock__TUKXG .CodeBlock_copyButton__F2VxT{position:absolute;top:var(--space-3);right:var(--space-3);opacity:0;transition:opacity .2s ease-in-out}.CodeBlock_codeBlock__TUKXG:hover .CodeBlock_copyButton__F2VxT{opacity:1}.CodeBlock_codeBlock__TUKXG .CodeBlock_codePreviewWrapper__xlYOd{width:100%;height:100%;position:relative}.ColorsLayout_bgWrapper__gLVm8{width:100%;overflow-x:hidden;position:absolute;left:0;right:0;z-index:-99;display:flex;justify-content:center}.ColorsLayout_bgWrapper__gLVm8 .ColorsLayout_bg__WHkp3{position:relative;width:100%;z-index:-1;max-width:1920px}.ColorsLayout_bgWrapper__gLVm8 .ColorsLayout_bg__WHkp3 svg{width:100%;height:100%;color:var(--color-accent-12);opacity:.25}.ColorsLayout_colorPalette__YGwOS{min-width:800px;overflow:hidden}.ColorsLayout_colorChip__9WqPw{cursor:pointer}.ColorsLayout_colorChip__9WqPw:hover{box-shadow:0 0 0 2px var(--color-gray-12)}