code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
.code-container{border-radius:8px;transition:all .3s;position:relative;box-shadow:0 4px 10px #0000004d}.code-container pre,.code-container code{line-height:1.4;font-size:.75rem!important}.code-container:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0006}.copy-button{color:#eee;cursor:pointer;opacity:.7;z-index:10;background:#282828d9;border:1px solid #fff3;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s;position:absolute;top:8px;right:8px}.code-container:hover .copy-button{opacity:1}.copy-button:hover{color:#fff;background:#464646cc}.token.comment{color:#6a9955}.token.string{color:#ce9178}.token.keyword{color:#569cd6}.token.function{color:#dcdcaa}.token.boolean,.token.number{color:#b5cea8}.token.operator{color:#d4d4d4}.token.class-name{color:#4ec9b0}.tab-button{transition:all .3s;position:relative;overflow:hidden}.tab-button:before{content:"";background-color:#f07800;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:translate(-100%)}.tab-button.active:before,.tab-button:hover:before{transform:translate(0)}.slider{appearance:none;outline:none}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f07800;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 8px #f078004d}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #f0780080}.slider::-moz-range-thumb{cursor:pointer;background:#f07800;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 8px #f078004d}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #f0780080}