.code-box{border-radius:16px;margin:16px 0 24px;padding:0;position:relative}.code-box__copy.button.transparent{background:transparent;border:unset;cursor:pointer;height:24px;opacity:1;position:absolute;right:16px;top:16px;transition:opacity .2s ease-in-out;width:24px;z-index:1}.code-box__copy.button.transparent path{fill:#96abc0}.code-box__copy.button.transparent:hover{opacity:.8}.code-box pre{background:var(--color-black,#161a1f)!important;border-radius:16px;padding:24px 20px!important;position:relative}.code-box pre code{white-space:pre-wrap}.code-box pre code,.code-box pre code *{color:var(--color-white);font-family:var(--btn-font-family);font-size:18px;font-weight:400;line-height:32px}.code-box .token.boolean,.code-box .token.function,.code-box .token.number{color:var(--btn-bg-primary)}.code-box .token.attr-value,.code-box .token.char,.code-box .token.regex,.code-box .token.string,.code-box .token.variable{color:#96abc0}.code-box .token.class-name,.code-box .token.constant,.code-box .token.property,.code-box .token.symbol{color:var(--color-white)}