canvas{height:100%}.code-toolbar,canvas{width:100%}pre{width:100%!important;border-radius:4px}.code-animation .cm-line:last-child>span:last-child{position:relative}.code-animation .cm-line:last-child>span:last-child:after{content:"";position:absolute;width:1.5px;height:100%;top:1px;right:-3px;background-color:#7d8799;animation:codeCursor 1s step-end infinite}@keyframes codeCursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}@font-face{font-family:National;font-weight:700;font-style:normal;src:url(/fonts/national/NationalWeb-Bold.woff)}@font-face{font-family:National;font-weight:800;font-style:normal;src:url(/fonts/national/NationalWeb-Extrabold.woff)}.codiga-tabs{width:100%;border-radius:6px;overflow:hidden;min-height:500px;background-color:#282c34;position:relative}.codiga-tabs [role=tablist]{display:flex;justify-content:flex-start;background-color:#21252b;padding-left:84px;background-image:url(/mac-buttons.svg);background-repeat:no-repeat;background-position:16px}.codiga-tabs [role=tab]{color:#8e9093;outline:2px solid transparent;outline-offset:2px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:8px 16px;background-color:#21252b}.codiga-tabs [role=tab][aria-selected=true]{color:#fff;background-color:#383e4a}.codiga-tabs [role=tabpanel]{padding:8px 0}.codiga-tabs .try-me-docs{color:#fff;font-size:14px;padding:0 16px}.codiga-tabs .try-me-picker{position:relative;margin-left:auto;min-width:160px;z-index:999}.codiga-tabs .try-me-picker__toggler{color:#8e9093;outline:2px solid transparent;outline-offset:2px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:8px 28px 8px 16px;text-align:right;justify-content:flex-end;margin-left:auto;background-image:url(/dropdown-icon.svg);background-repeat:no-repeat;background-position:right 10px center}.codiga-tabs .try-me-picker__options{color:#fff;position:absolute;top:calc(100% + 4px);left:0;list-style:none;margin:0;padding:0;border-radius:4px;overflow:hidden;background-color:#21252b;width:100%}.codiga-tabs .try-me-picker__options--open{display:block}.codiga-tabs .try-me-picker__options--closed{display:none}.codiga-tabs .try-me-picker__option{font-weight:500;padding:4px 8px;width:100%;text-align:left;color:#fff}.codiga-tabs .try-me-picker__option:hover{background-color:rgba(35,169,242,.2);color:#23a9f2}.codiga-tabs .try-me-picker__ext{opacity:.5;font-weight:500}.cm-tooltip-autocomplete.cm-tooltip.cm-tooltip-below>ul{margin:0;padding:0;list-style:none;background-color:#21252b}.cm-tooltip-autocomplete.cm-tooltip.cm-tooltip-below>ul>li{padding:4px 8px;width:100%;text-align:left;cursor:pointer}.cm-tooltip-autocomplete.cm-tooltip.cm-tooltip-below>ul>li[aria-selected]{background-color:rgba(35,169,242,.2)!important;color:#23a9f2!important}.cm-tooltip-autocomplete.cm-tooltip.cm-tooltip-below .cm-completionDetail{opacity:.5}@keyframes option{0%{background-image:none}to{background-image:linear-gradient(90deg,#f81c9d,#fc8926)}}@keyframes cursor{0%{top:33px}to{top:126px}}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#000;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:hsla(0,0%,88%,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:#000;text-decoration:none}