.yt-lite{contain:content;cursor:pointer;background-color:#000;background-position:50%;background-size:cover;display:block;position:relative}.yt-lite.lyt-activated:before{content:"";box-sizing:content-box;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;width:100%;height:60px;padding-bottom:50px;transition:all .2s cubic-bezier(0,0,.2,1);display:block;position:absolute;top:0}.yt-lite:after{content:"";padding-bottom:var(--aspect-ratio);display:block}.yt-lite>iframe{width:100%;height:100%;position:absolute;top:0;left:0}.yt-lite>.lty-playbtn{z-index:1;opacity:.8;background-color:#212121;border-radius:14%;width:70px;height:46px;transition:all .2s cubic-bezier(0,0,.2,1)}.yt-lite:hover>.lty-playbtn{opacity:1;background-color:red}.yt-lite>.lty-playbtn:before{content:"";border:11px solid #0000;border-left:19px solid #fff;border-right-width:0}.yt-lite>.lty-playbtn,.yt-lite>.lty-playbtn:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-lite.lyt-activated{cursor:unset}.yt-lite.lyt-activated:before,.yt-lite.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial}}}code>[data-line]:before{counter-increment:line;content:counter(line)}[data-chars-id] span{color:inherit!important}@media (prefers-color-scheme:dark){pre code[data-theme],pre code[data-theme] span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}}@media (prefers-color-scheme:light){pre code[data-theme],pre code[data-theme] span{color:var(--shiki-light);background-color:var(--shiki-light-bg)}}.prose a{text-decoration:none}.prose>ol>li>:last-child,.prose>ul>li>:last-child{margin-bottom:0}.prose>ol>li>:first-child,.prose>ul>li>:first-child{margin-top:0}.prose blockquote p:first-of-type:before,.prose blockquote p:last-of-type:after{content:""}.prose blockquote{border-style:solid;border-width:0 0 0 .25rem;border-image:linear-gradient(#992323,#eb2754,#ff9a9a) 1}.prose hr{border-style:solid;border-width:0 0 1px;border-image:linear-gradient(90deg,#ff9a9a,#eb2754,#992323) 1}.mdx.prose :where(h1,h2,h3,h4){width:fit-content;margin-right:.5rem;scroll-margin-top:100px;display:block;position:relative}.mdx.prose :where(h1,h2,h3,h4)>a{border-bottom:none}.mdx.prose.projects blockquote{font-style:normal}.mdx.prose.projects blockquote:first-of-type h2{margin-top:1rem}.mdx.prose.projects blockquote.with-icons h2{margin-bottom:0}.mdx.prose .yt-lite{border-radius:var(--radius-sm,.25rem);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden}.mdx.prose .yt-lite:is(.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hash-anchor{inset-block:calc(var(--spacing,.25rem)*0);background-image:none;width:100%;transition:none;position:absolute}.hash-anchor:hover{background-image:linear-gradient(90deg,#ff9a9a,#eb2754,#992323);background-size:100% 2px}.hash-anchor:after{visibility:hidden;top:50%;right:calc(var(--spacing,.25rem)*-5);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));color:rgb(var(--tw-clr-primary-400)/1);position:absolute}.hash-anchor:after:is(){color:rgb(var(--tw-clr-primary-300)/1)}.hash-anchor:after{content:"#"}.hash-anchor:hover:after,.hash-anchor:focus:after{visibility:visible}pre{overflow-x:auto}.code-highlight{float:left;min-width:100%}.code-line{border-left:4px solid #0000;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;display:block}.code-line.inserted{background-color:#10b98133}.code-line.deleted{background-color:#ef444433}.highlight-line{background-color:#37415180;border-left:4px solid #3b82f6;margin-left:-16px;margin-right:-16px}.prose pre{border-radius:0;padding-inline:calc(var(--spacing,.25rem)*0)!important}[data-rehype-pretty-code-fragment]>pre{margin:calc(var(--spacing,.25rem)*0)}html.light pre{background-color:var(--shiki-light-bg)}html.dark pre{background-color:var(--shiki-dark-bg)}[data-rehype-pretty-code-fragment] code{overflow:auto}.prose pre>code{counter-reset:line;display:grid}[data-line]{border-left-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*6);border-left-width:2px;border-left-color:#0000}[data-highlighted-line]{border-left-color:rgb(var(--tw-clr-primary-300)/1);background-color:rgb(var(--tw-clr-primary-300)/1)}@supports (color:color-mix(in lab, red, red)){[data-highlighted-line]{background-color:color-mix(in oklab,rgb(var(--tw-clr-primary-300)/1)10%,transparent)}}[data-highlighted-chars]{box-shadow:0 0 0 4px var(--tw-shadow-color);border-radius:var(--radius-sm,.25rem);background-color:#b8e6fe80}@supports (color:color-mix(in lab, red, red)){[data-highlighted-chars]{background-color:color-mix(in oklab,var(--color-sky-200,lab(88.6983% -11.3978 -16.8488))50%,transparent)}}[data-highlighted-chars]{--tw-shadow-color:#b8e6fe80}@supports (color:color-mix(in lab, red, red)){[data-highlighted-chars]{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-sky-200,lab(88.6983% -11.3978 -16.8488))50%,transparent)var(--tw-shadow-alpha),transparent)}}[data-highlighted-chars]:is(.dark *){background-color:#52525c80}@supports (color:color-mix(in lab, red, red)){[data-highlighted-chars]:is(.dark *){background-color:color-mix(in oklab,var(--color-zinc-600,lab(35.1166% 1.78212 -6.1173))50%,transparent)}}[data-highlighted-chars]:is(.dark *){--tw-shadow-color:#52525c80}@supports (color:color-mix(in lab, red, red)){[data-highlighted-chars]:is(.dark *){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-zinc-600,lab(35.1166% 1.78212 -6.1173))50%,transparent)var(--tw-shadow-alpha),transparent)}}[data-chars-id]{border-bottom-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*1);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-bottom-width:2px}[data-chars-id=v]{border-bottom-color:var(--color-pink-600,#e30076);background-color:#ff667f80}@supports (color:lab(0% 0 0)){[data-chars-id=v]{border-bottom-color:var(--color-pink-600,lab(49.5493% 79.8381 2.31768))}}@supports (color:color-mix(in lab, red, red)){[data-chars-id=v]{background-color:color-mix(in oklab,var(--color-rose-400,lab(64.4125% 63.0291 19.2068))50%,transparent)}}[data-chars-id=v]{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-pink-700,#c4005c)!important}@supports (color:lab(0% 0 0)){[data-chars-id=v]{color:var(--color-pink-700,lab(42.1737% 71.8009 7.42233))!important}}[data-chars-id=v]:is(.dark *){background-color:#a3003780}@supports (color:color-mix(in lab, red, red)){[data-chars-id=v]:is(.dark *){background-color:color-mix(in oklab,var(--color-rose-800,lab(34.6481% 60.802 20.1957))50%,transparent)}}[data-chars-id=v]:is(.dark *){color:var(--color-pink-300,#fda5d5)!important}@supports (color:lab(0% 0 0)){[data-chars-id=v]:is(.dark *){color:var(--color-pink-300,lab(77.8308% 38.525 -10.5394))!important}}[data-chars-id=s]{border-bottom-color:var(--color-yellow-600,#cd8900);background-color:#fac80080}@supports (color:lab(0% 0 0)){[data-chars-id=s]{border-bottom-color:var(--color-yellow-600,lab(62.7799% 22.4197 86.1544))}}@supports (color:color-mix(in lab, red, red)){[data-chars-id=s]{background-color:color-mix(in oklab,var(--color-yellow-400,lab(83.2664% 8.65132 106.895))50%,transparent)}}[data-chars-id=s]{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-yellow-700,#a36100)!important}@supports (color:lab(0% 0 0)){[data-chars-id=s]{color:var(--color-yellow-700,lab(47.8202% 25.2426 66.5015))!important}}[data-chars-id=s]:is(.dark *){background-color:#874b0080}@supports (color:color-mix(in lab, red, red)){[data-chars-id=s]:is(.dark *){background-color:color-mix(in oklab,var(--color-yellow-800,lab(38.7484% 23.5833 51.4916))50%,transparent)}}[data-chars-id=s]:is(.dark *){color:var(--color-yellow-300,#ffe02a)!important}@supports (color:lab(0% 0 0)){[data-chars-id=s]:is(.dark *){color:var(--color-yellow-300,lab(89.7033% -.480294 84.4917))!important}}[data-chars-id=i]{border-bottom-color:var(--color-purple-600,#9810fa);background-color:#c07eff80}@supports (color:lab(0% 0 0)){[data-chars-id=i]{border-bottom-color:var(--color-purple-600,lab(43.0295% 75.21 -86.5669))}}@supports (color:color-mix(in lab, red, red)){[data-chars-id=i]{background-color:color-mix(in oklab,var(--color-purple-400,lab(63.6946% 47.6127 -59.2066))50%,transparent)}}[data-chars-id=i]{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-purple-700,#8200da)!important}@supports (color:lab(0% 0 0)){[data-chars-id=i]{color:var(--color-purple-700,lab(36.1758% 69.8525 -80.0381))!important}}[data-chars-id=i]:is(.dark *){background-color:#6e11b080}@supports (color:color-mix(in lab, red, red)){[data-chars-id=i]:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-800,lab(30.6017% 56.7637 -64.4751))50%,transparent)}}[data-chars-id=i]:is(.dark *){color:var(--color-purple-200,#e9d5ff)!important}@supports (color:lab(0% 0 0)){[data-chars-id=i]:is(.dark *){color:var(--color-purple-200,lab(87.8405% 13.4282 -18.7159))!important}}[data-word-wrap=true] [data-line]:before{white-space:pre}code[data-line-numbers]>[data-line]:before{counter-increment:line;content:counter(line);text-align:right;color:gray;width:1rem;padding-right:2rem;display:inline-block}html.light .prose [data-theme=dark],html.dark .prose [data-theme=light]{display:none}[data-rehype-pretty-code-fragment]{border-radius:var(--radius-lg,.5rem);margin-top:1.7169em;margin-bottom:1.7169em;overflow:hidden}[data-rehype-pretty-code-title],[data-rehype-pretty-code-caption]{padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:#e6eff9}:is([data-rehype-pretty-code-title],[data-rehype-pretty-code-caption]):is(.dark *){background-color:var(--color-gray-700,#364153)}@supports (color:lab(0% 0 0)){:is([data-rehype-pretty-code-title],[data-rehype-pretty-code-caption]):is(.dark *){background-color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224))}}[data-word-wrap=true] [data-line]{overflow-wrap:break-word;white-space:pre-wrap}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
:root{--background:#282828;--comment:#458588;--foreground:#ebdbb2;--selection:#504945;--cyan:#83a598;--green:#98971a;--orange:#d65d0e;--pink:#d3869b;--purple:#b16286;--red:#cc241d;--yellow:#d79921;--lightred:#e2777a;--number:#bd93f9;--operator:#8be8fd;--char:#ff879d;--symbol:#ffb86c}pre::-webkit-scrollbar{width:14px}pre::-webkit-scrollbar-track{background-color:var(--comment);border-radius:0}pre::-webkit-scrollbar-thumb{background-color:var(--purple);border-radius:0}pre[class*=language-]::selection{text-shadow:none;background-color:var(--selection)}pre[class*=language-] ::-moz-selection{text-shadow:none;background-color:var(--selection)}code[class*=language-]::-moz-selection{text-shadow:none;background-color:var(--selection)}code[class*=language-] ::-moz-selection{text-shadow:none;background-color:var(--selection)}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background-color:var(--selection)}pre.line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre.line-numbers>code{white-space:inherit;position:relative}.line-numbers .line-numbers-rows{pointer-events:none;letter-spacing:-1px;-webkit-user-select:none;user-select:none;border-right:1px solid #999;width:3em;font-size:100%;position:absolute;top:0;left:-3.8em}.line-numbers-rows>span{pointer-events:none;counter-increment:linenumber;display:block}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;text-align:right;padding-right:.8em;display:block}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{opacity:0;transition:opacity .3s ease-in-out;position:absolute;top:.3em;right:.2em}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{padding-right:20px;display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{color:inherit;font:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;line-height:normal;overflow:visible}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:var(--foreground);background:var(--comment);border-radius:.5em;padding:.5em;font-size:.8em}div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus{color:inherit;background-color:var(--green);text-decoration:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}code[class*=language-],pre[class*=language-]{color:var(--foreground);background:var(--background);text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;overflow-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5}pre[class*=language-]{background:var(--background);border-radius:.5em;height:auto;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--background)}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:4px 7px}.limit-300{height:300px!important}.limit-400{height:400px!important}.limit-500{height:500px!important}.limit-600{height:600px!important}.limit-700{height:700px!important}.limit-800{height:800px!important}.language-css{color:var(--purple)}.token,.language-css .token{color:var(--pink)}.token.maybe-class-name{color:var(--cyan)}.token.script{color:var(--foreground)}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.atrule,.token.attr-name,.token.attr-value{color:var(--green)}.language-css .token.atrule{color:var(--purple)}.language-html .token.attr-value,.language-markup .token.attr-value{color:var(--yellow)}.token.boolean{color:var(--purple)}.token.builtin,.token.class-name{color:var(--cyan)}.token.comment{color:var(--comment)}.token.constant{color:var(--purple)}.language-javascript .token.constant{color:var(--orange);font-style:italic}.token.entity{color:var(--pink)}.language-css .token.entity{color:var(--green)}.language-html .token.entity.named-entity{color:var(--purple)}.language-html .token.entity:not(.named-entity){color:var(--pink)}.language-markup .token.entity.named-entity{color:var(--purple)}.language-markup .token.entity:not(.named-entity){color:var(--pink)}.token.function{color:var(--green)}.language-css .token.function{color:var(--cyan)}.token.important,.token.keyword{color:var(--pink)}.token.prolog{color:var(--foreground)}.token.property{color:var(--orange)}.language-css .token.property{color:var(--cyan)}.token.punctuation{color:var(--foreground)}.language-css .token.punctuation{color:var(--orange)}.language-html .token.punctuation,.language-markup .token.punctuation{color:var(--foreground)}.token.selector{color:var(--pink)}.language-css .token.selector{color:var(--green)}.token.regex{color:var(--red)}.language-css .token.rule:not(.atrule){color:var(--foreground)}.token.string{color:var(--yellow)}.token.tag{color:var(--pink)}.token.url{color:var(--cyan)}.language-css .token.url{color:var(--orange)}.token.variable{color:var(--comment)}.token.number{color:var(--number)}.token.operator{color:var(--operator)}.token.char{color:var(--char)}.token.symbol{color:var(--symbol)}.token.deleted,.token.namespace{color:var(--lightred)}.token.dom{color:var(--foreground)}.code-line.highlight-line{background-color:#8be9fd24;border-left:2px solid #8be9fd}.code-line{display:block}