pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Source Code Pro,Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] *::selection,code[class*=language-] *::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c;z-index:0}._tabwrapper_1p0l0_1{margin:50px auto}._title_1p0l0_5{font-size:clamp(1.45rem,4vw + 1rem,3rem);margin-bottom:.8rem;text-align:center;color:var(--primary-200)}._tabcontainer_1p0l0_12{width:60%;border:1px solid rgba(255,255,255,.23);padding:20px;border-radius:23px;margin:auto;background-color:#020617;background-image:linear-gradient(to right,rgba(71,85,105,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(71,85,105,.15) 1px,transparent 1px),radial-gradient(circle at 50% 60%,rgba(236,72,153,.15) 0%,rgba(168,85,247,.1) 25%,rgba(37,99,235,.05) 50%,transparent 80%);background-size:80px 80px,80px 80px,100% 100%;background-blend-mode:overlay;box-shadow:0 0 20px #a855f726}._tabs_1p0l0_33{--tab-count: 4;--active-tab: 0;display:flex;height:3.5rem;margin-bottom:10px;position:relative;isolation:isolate}._tabs_1p0l0_33 input{display:none}._tabs_1p0l0_33 label{flex:1;display:flex;justify-content:center;align-items:center;font-size:1.3rem;font-family:monospace;font-weight:600;cursor:pointer;border-radius:12px}._tabs_1p0l0_33 input:not(:checked)+label svg{width:30px;transition:all .3s ease-in-out}._tabs_1p0l0_33 label svg{width:35px;fill:#fff;transition:fill .4s ease-in-out}._tabs_1p0l0_33 input:not(:checked)+label:hover svg{width:35px}._tabs_1p0l0_33 input:checked+label{color:#000}._tabs_1p0l0_33 input:checked+label svg{fill:#000}._tabs_1p0l0_33:after{content:"";pointer-events:none;position:absolute;inset:0;background-color:var(--primary-400);z-index:-1;width:calc((100% / var(--tab-count)));border:1px solid rgba(0,0,0,.252);border-block-end:none;border-radius:10px;translate:calc(var(--active-tab) * 100%);transition:translate .4s ease-in-out}@media(min-width:320px){._tabcontainer_1p0l0_12{width:95%;padding:10px;border-radius:18px}._tabcontent_1p0l0_121{padding:0}._tabs_1p0l0_33{height:2.8rem}._tabs_1p0l0_33 label svg{width:30px}._tabs_1p0l0_33 input:not(:checked)+label svg{width:25px}}@media(min-width:768px){._tabcontainer_1p0l0_12{width:80%;padding:10px;border-radius:18px}}@media(min-width:820px){._tabcontainer_1p0l0_12{width:70%}._tabs_1p0l0_33{height:3.5rem}._tabs_1p0l0_33 label svg{width:35px}._tabs_1p0l0_33 input:not(:checked)+label svg{width:30px}}