.card[data-v-e7b40d0e]{display:flex;flex-flow:column wrap;padding:1.125rem 1.75rem;background-color:#23262a;background-color:var(--bg-color-lighter, var(--color-gray-800));border-radius:4px;border-radius:var(--radius-default);outline:1px dashed hsl(225,15%,50%);outline:1px dashed var(--color-silver);outline-offset:3px}.title[data-v-e7b40d0e]{font-family:"Source Sans Pro",-apple-system,"Segoe UI",helvetica sans-serif;font-family:var(--font-sans);font-size:1.125rem;font-size:var(--text-lg)}.subtitle[data-v-e7b40d0e]{color:#9ea5ae;color:var(--color-gray-300)}.github-projects>h3[data-v-eed1e547],.github-projects>h4[data-v-eed1e547]{flex-basis:100%;text-transform:uppercase}.github-projects h4[data-v-eed1e547]{color:#828b97;color:var(--color-gray-400);font-size:.875rem;font-size:var(--text-sm);margin:10px 0 15px}.github-projects[data-v-eed1e547],.github-repositories[data-v-eed1e547]{flex-wrap:wrap}.github-repositories[data-v-eed1e547]{--github-card-size: 270px;display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--github-card-size),1fr));width:100%}.link--button[data-v-1e4107b8]{--button-bg-color: var(--color-primary);--button-text-color: var(--color-default-black);--button-fw: 700;--button-radius: var(--radius-default);display:inline-block;text-align:center;padding:.5rem 1rem;max-width:-moz-fit-content;max-width:fit-content;color:#1a1c1f;color:var(--button-text-color);background-color:#1abbd1;background-color:var(--button-bg-color);font-weight:700;font-weight:var(--button-fw);font-size:inherit;font-size:var(--button-font-size, inherit);transition:filter .3s ease-in-out;border-radius:4px;border-radius:var(--button-radius)}.link--button[data-v-1e4107b8]:hover{filter:brightness(70%)}.link--button[data-v-1e4107b8]:focus{outline:0;border-color:#1abbd1;border-color:var(--color-primary);box-shadow:0 0 0 .19rem var(--button-shadow-color)}.link--full[data-v-1e4107b8]{width:100%;max-width:100%}.tag[data-v-e49fda17]{--_tag-bg: var(--color-gray-700);border-radius:14px;background-color:#3a3d40;background-color:var(--_tag-bg);font-size:.75rem;font-size:var(--text-xsm);opacity:1;padding:2px 10px;margin:0}.tag-link[data-v-e49fda17]{color:inherit;transition:opacity .4s ease-out}.tag-link[data-v-e49fda17]:hover{opacity:.6}.tag--accent[data-v-e49fda17]{color:#e78336;color:var(--color-accent);text-shadow:1px 1px 20px hsl(26,79%,56%);text-shadow:1px 1px 20px var(--color-accent);border:1px solid hsl(26,79%,56%);border:var(--border-width) var(--border-style) var(--color-accent);box-shadow:0 1px 3px #0003;box-shadow:var(--elevation-1)}body[data-theme=light] .tag[data-v-e49fda17]{background-color:#6c76931a}.tags[data-v-4793d667]{display:flex;flex-flow:row wrap;gap:.25rem}.cover[data-v-353c0204]{-o-object-fit:cover;object-fit:cover}.wide-aspect-ratio[data-v-353c0204]{aspect-ratio:16/9}.low-aspect-ratio[data-v-353c0204]{aspect-ratio:4/3}.contain[data-v-353c0204]{width:auto;margin-left:auto;margin-right:auto;-o-object-fit:contain;object-fit:contain}img[data-v-353c0204]:not([data-loaded=true]){background-color:var(--fallback-bg)}@media (max-width: 48em){.lozad[data-v-353c0204]{height:auto}}.project-card[data-v-2155a9b9]{display:flex}.project-thumbnail[data-v-2155a9b9]{flex-basis:50%;border-radius:4px 0 0 4px;border-radius:var(--radius-default) 0 0 var(--radius-default)}.project-card__image[data-v-2155a9b9]{border-radius:inherit;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;height:200px;min-height:100%}.project-card__image.lozad[data-v-2155a9b9]{filter:blur(0)}.project-card__content[data-v-2155a9b9]{display:flex;flex-flow:column;justify-content:space-between;flex-basis:50%;background-color:#23262a;background-color:var(--bg-color-lighter, var(--color-gray-800));padding:1.125rem;border-radius:0 4px 4px 0;border-radius:0 var(--radius-default) var(--radius-default) 0;border:1px solid transparent}.project-card__header h4[data-v-2155a9b9]{font-size:1.125rem;font-size:var(--text-lg)}.project-card__header p[data-v-2155a9b9]{margin-bottom:10px;opacity:.7}.project-card__footer .tags[data-v-2155a9b9]{margin-bottom:1rem}body[data-theme=light] .project-card__content[data-v-2155a9b9]{border:1px solid rgba(0,0,0,.1);border:var(--border)}@media (max-width: 26.56em){.project-card[data-v-2155a9b9]{flex-direction:column}}.projects-grid[data-v-8a6e4945]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));grid-gap:1rem;margin-bottom:4rem}.projects-grid h3[data-v-8a6e4945]{grid-column:1 / -1;text-transform:uppercase;margin-top:2rem}.button[data-v-ef4b0e3b]{--button-shadow-color: hsla(187, 78%, 46%, .842);--button-fw: 400;--button-radius: var(--radius-default);display:inline-block;text-align:center;padding:.5rem 1rem;max-width:-moz-fit-content;max-width:fit-content;color:var(--button-text-color);background-color:var(--button-bg-color);font-weight:400;font-weight:var(--button-fw);font-size:inherit;font-size:var(--button-font-size, inherit);transition:filter .3s ease-in-out;border-radius:4px;border-radius:var(--button-radius)}.button[data-v-ef4b0e3b]:hover{filter:brightness(80%)}.button[data-v-ef4b0e3b]:focus{outline-color:transparent;border-color:#1abbd1;border-color:var(--color-primary);box-shadow:0 0 0 .19rem var(--button-shadow-color)}.button[data-v-ef4b0e3b]:after{all:unset}.button--cyan[data-v-ef4b0e3b]{--button-bg-color: var(--color-primary);--button-text-color: var(--color-default-black);--button-fw: 700}.button--gray[data-v-ef4b0e3b]{--button-bg-color: var(--color-gray-600);--button-text-color: var(--color-default-white)}.button--white[data-v-ef4b0e3b]{--button-bg-color: var(--color-gray-100);--button-text-color: var(--color-default-black);--button-fw: 700}.button--outline[data-v-ef4b0e3b]{--button-text-color: var(--color-primary);--button-bg-color: transparent;--button-fw: 700;border:1px solid hsl(187,78%,46%);border:1px solid var(--color-primary)}.button--link[data-v-ef4b0e3b]{--button-bg-color: transparent;--button-text-color: var(--text-color-default);transition:background-color .3s ease-in-out}.button--link[data-v-ef4b0e3b]:hover{--button-bg-color: var(--color-gray-600);filter:initial}.button--icon[data-v-ef4b0e3b]{--offset: 4px;display:flex;align-items:center;justify-content:center}.button--icon svg[data-v-ef4b0e3b]{margin-right:var(--offset)}.button--rounded-full[data-v-ef4b0e3b]{--button-radius: 9999px;padding:.75rem}.button--rounded-full .button--icon[data-v-ef4b0e3b]>*{margin:0}.button--rounded-full .button--icon[data-v-ef4b0e3b]{justify-content:center}.button--squared[data-v-ef4b0e3b]{--button-radius: 0}.button--full[data-v-ef4b0e3b]{width:100%;max-width:100%}.button[disabled][data-v-ef4b0e3b]{--button-text-color: var(--color-gray-400);--button-bg-color: var(--color-gray-800);cursor:not-allowed}body[data-theme=light] .button[data-v-ef4b0e3b]{color:var(--button-text-color)}.post-preview[data-v-10537605]{--max-lines: 3;display:flex;position:relative;width:100%;padding:1.125rem;border-radius:4px;border-radius:var(--radius-default)}.post-preview[data-v-10537605]:after{content:"";width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0;transition:opacity .2s ease-out;background:linear-gradient(to bottom,#fff0 37%,#77819233);z-index:-1;z-index:var(--z-hide)}.post-preview[data-v-10537605]:hover:after{opacity:1}.post-preview-metadata[data-v-10537605]:not(.post-preview--long){display:flex;align-items:center}.post-preview__date[data-v-10537605]{opacity:.7;color:#d9d9d9;color:var(--secondary-text-color, var(--color-default-white))}.post-preview__description[data-v-10537605]{display:-webkit-box;-webkit-line-clamp:var(--max-lines);-webkit-box-orient:vertical;line-clamp:var(--max-lines);overflow:hidden;color:#babec5;color:var(--color-gray-200)}.post-preview--long[data-v-10537605]{flex-direction:column;max-width:700px}.post-preview--long .post-preview__title[data-v-10537605]{font-size:1.25rem;font-size:var(--text-xl)}.post-preview--long .post-preview-metadata[data-v-10537605]{justify-content:space-between}.post-preview--short[data-v-10537605]{position:relative;background-color:#1a1c1f;background-color:var(--bg-color-lighter, var(--color-default-black));background-clip:padding-box;align-items:center;gap:1rem}.post-preview--short[data-v-10537605]:before{--border-color: var(--color-silver);background:linear-gradient(11deg,transparent 70%,hsl(225,15%,50%)),linear-gradient(190deg,transparent 70%,hsl(225,15%,50%));background:linear-gradient(11deg,transparent 70%,var(--border-color)),linear-gradient(190deg,transparent 70%,var(--border-color));border-radius:inherit;content:"";margin:-1px;position:absolute;inset:0;z-index:-1}.post-preview--short a[data-v-10537605]{margin:0}.post-preview--short a[data-v-10537605]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.post-preview--short a[data-v-10537605]:focus:after{box-shadow:0 4px 10px #1abbd180}.post-preview a[data-v-10537605]:not(.button){color:inherit}.post-preview a[data-v-10537605]:not(.button):hover{text-decoration:none;text-decoration:initial}.post-preview a:not(.button):hover .post-preview__title[data-v-10537605]{color:#1abbd1;color:var(--color-primary);transition:color .3s ease-in-out}.post-preview a[data-v-10537605]:not(.button):focus:not(:focus-visible){outline-color:transparent}.post-preview .button[data-v-10537605]:active{transform:translateY(4px);transition:transform .2s ease-out}body[data-theme=light] .post-preview[data-v-10537605]{box-shadow:0 4px 10px #00000012;box-shadow:var(--elevation-3)}body[data-theme=light] .post-preview .post-preview__description[data-v-10537605]{color:#515861;color:var(--color-gray-600)}body[data-theme=light] a:hover .post-preview[data-v-10537605],body[data-theme=light] a:focus .post-preview[data-v-10537605]{box-shadow:0 4px 10px #1abbd133}.posts-list[data-v-fa9c0835]{display:flex;flex-flow:row wrap;gap:1rem;width:min(160ch,100% - 2rem)}.posts-list #posts-heading[data-v-fa9c0835]{text-transform:uppercase;flex-basis:100%}.hero-avatar{display:flex;justify-content:center;align-items:center;width:323px;height:275px;border-radius:4px;border-radius:var(--radius-default);box-shadow:0 4px 4px #0000003b;box-shadow:var(--elevation-2);position:relative;background-color:#23262a;background-color:var(--accent-color-lighter, var(--color-gray-800));background-clip:padding-box}.hero-avatar:before{background:linear-gradient(11deg,transparent 70%,hsl(225,15%,50%)),linear-gradient(190deg,transparent 70%,hsl(225,15%,50%));background:linear-gradient(11deg,transparent 70%,var(--color-silver)),linear-gradient(190deg,transparent 70%,var(--color-silver));border-radius:inherit;content:"";margin:-1px;position:absolute;inset:0;z-index:-1}.hero-avatar__image{position:relative}.hero-avatar__image img{clip-path:circle(70px at center);-o-object-fit:cover;object-fit:cover}.hero-avatar__image:before{--avatar-outline-color: var(--color-silver);content:"";position:absolute;display:block;width:160px;height:160px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);outline:8px inset hsl(225,15%,50%);outline:8px inset var(--avatar-outline-color);border-radius:9999px;animation:rotate-outline 20s linear infinite normal both;will-change:transform}@keyframes rotate-outline{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}[data-theme=light] .hero-avatar{box-shadow:0 4px 10px #00000012;box-shadow:var(--elevation-3)}[data-theme=light] .hero-avatar picture:before{--avatar-outline-color: var(--color-primary)}.mouse-scroll[data-v-c3f5e3c4]{position:absolute;margin:auto;left:50%;top:65%;transform:translate(-50%)}.mouse-scroll .mouse[data-v-c3f5e3c4]{height:56px;width:23px;border-radius:10px;border:2px solid hsl(0,0%,85%);border:2px solid var(--text-color-default, --color-default-white)}.mouse-scroll .mouse .mouse-in[data-v-c3f5e3c4]{height:9px;width:3px;border-radius:5rem;display:block;margin:5px auto;background:#d9d9d9;background:var(--text-color-default, --color-default-white);animation:mouse-animated-c3f5e3c4 2s ease-in-out .4s infinite}@keyframes mouse-animated-c3f5e3c4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.social-media-icons[data-v-6e0d261b]{display:flex;align-items:center}.social-media-icons a[data-v-6e0d261b]{border-radius:4px;border-radius:var(--radius-default);padding:.25rem .5rem;outline:0}.social-media-icons a[data-v-6e0d261b]:hover,.social-media-icons a[data-v-6e0d261b]:focus{transform:translateY(-4px)}.social-media-icons a:hover svg[data-v-6e0d261b],.social-media-icons a:focus svg[data-v-6e0d261b],.social-media-icons a:hover svg path[data-v-6e0d261b],.social-media-icons a:focus svg path[data-v-6e0d261b]{fill:#1abbd1;fill:var(--color-primary)}.social-media-icons a+a[data-v-6e0d261b]{margin-left:20px}.social-media-icons svg[data-v-6e0d261b]{max-width:30px;max-height:30px}.social-media-icons a[data-v-6e0d261b],.social-media-icons svg[data-v-6e0d261b],.social-media-icons path[data-v-6e0d261b]{transition-duration:.4s;transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-property:transform,fill,box-shadow;will-change:transform}body[data-theme=light] .social-media-icons a svg[data-v-6e0d261b],body[data-theme=light] .social-media-icons a svg path[data-v-6e0d261b]{fill:#1a1c1f;fill:var(--color-default-black)}.social-media-icons--boxed a[data-v-6e0d261b]{display:inline-block}@media (max-width: 26.56em){.social-media-icons[data-v-6e0d261b]{justify-content:center}}.hero[data-v-18cdff71]{display:grid;grid-template-columns:minmax(50%,700px) auto;align-items:center;padding:3rem 0}.hero__headline[data-v-18cdff71]{font-size:3.75rem;font-size:var(--text-3xl);font-size:clamp(1.25rem,1vw + 2.5rem,3.75rem);font-size:clamp(var(--text-xl),1vw + var(--text-2xl),var(--text-3xl));font-weight:700;font-weight:var(--fw-bold)}.hero__subheadline[data-v-18cdff71]{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1em;gap:1em;font-size:.875rem;font-size:var(--text-sm);font-family:Source Code Pro,SF Mono,consolas,menlo,monospace;font-family:var(--font-mono);font-weight:500;font-weight:var(--fw-normal);writing-mode:vertical-lr;text-transform:uppercase;letter-spacing:2.5px;color:#828b97;color:var(--color-gray-400);margin:0 1rem}.hero__subheadline[data-v-18cdff71]:before,.hero__subheadline[data-v-18cdff71]:after{content:"";border-bottom:1px solid hsl(214,9%,55%);border-bottom:1px solid var(--color-gray-400);align-self:center;justify-self:center;min-width:24px;transform:rotate(90deg)}.hero__description[data-v-18cdff71]{font-size:clamp(1rem,1vw + 1.125rem,1.25rem);font-size:clamp(var(--text-base),1vw + var(--text-lg),var(--text-xl));margin-bottom:1.5rem;color:#8792b5;color:var(--color-silver-600)}.hero-aside[data-v-18cdff71]{display:flex;justify-self:end;padding:0 17px}@media screen and (min-width: 64em){.hero[data-v-18cdff71]:after{content:"";background-color:#515861;background-color:var(--color-gray-600);opacity:.1;position:absolute;width:100%;z-index:-1;z-index:var(--z-hide);left:0;top:0}.hero.has-ellipse-curve[data-v-18cdff71]:after{content:"";clip-path:ellipse(100% 55% at 48% 44%);height:calc(500px + 2vw)}.hero.has-triangle-down[data-v-18cdff71]:after{clip-path:polygon(50% 63%,100% 38%,100% 2%,0% 1%,0% 38%);height:calc(500px + 3vw)}body[data-theme=light] .hero[data-v-18cdff71]:after{content:"";background-color:#9ea5ae;background-color:var(--color-gray-300)}}@media (max-width: 64em){.hero-avatar[data-v-18cdff71]{display:none}}@media (max-width: 26.56em){.hero[data-v-18cdff71]{height:100vh;height:100dvh;grid-template-columns:1fr}.hero-content[data-v-18cdff71]{text-align:center}.hero__headline[data-v-18cdff71]{font-size:2rem;font-size:calc(var(--text-xl) + .75rem);letter-spacing:1.2px}.social-media-icons a[data-v-18cdff71]{padding:8px}.social-media-icons a svg[data-v-18cdff71]{max-width:35px}}*,*:before,*:after{box-sizing:border-box}ul,ol{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}html,body{min-height:100%}#app{min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between}html:focus-within{scroll-behavior:smooth}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,video,canvas,svg,iframe,object{max-width:100%;display:block}article>*+*{margin-top:1em}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word}input,button,textarea,select{font:inherit}button{border:0;cursor:pointer}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*:not(#\#):not(#\#){scroll-behavior:auto}}@media screen and (prefers-reduced-transparency: reduce){*:not(#\#):not(#\#){-webkit-backdrop-filter:initial;backdrop-filter:initial}}:root{--color-primary: hsl(187, 78%, 46%);--color-accent: hsl(26, 79%, 56%);--color-silver: hsl(225, 15%, 50%);--color-silver-600: hsl(226, 24%, 62%);--color-default-black: hsl(216, 9%, 11%);--color-default-white: hsl(0, 0%, 85%);--color-gray-800: hsl(214, 9%, 15%);--color-gray-700: hsl(210, 5%, 24%);--color-gray-600: hsl(214, 9%, 35%);--color-gray-500: hsl(214, 9%, 45%);--color-gray-400: hsl(214, 9%, 55%);--color-gray-300: hsl(214, 9%, 65%);--color-gray-200: hsl(214, 9%, 75%);--color-gray-100: hsl(214, 9%, 85%);--text-color-default: var(--color-default-white);--paragraph-color: hsl(0, 0%, 80%);--code-bg-color: hsl(220, 13%, 18%);--code-highlight-color: hsla(187, 78%, 46%, .05);--text-xsm: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 2.5rem;--text-3xl: 3.75rem;--fw-normal: 500;--fw-bold: 700;--font-sans: "Source Sans Pro", -apple-system, "Segoe UI", helvetica sans-serif;--font-title: "Raleway", sans-serif;--font-serif: "Roboto Slab", palatino, georgia, serif;--font-mono: "Source Code Pro", "SF Mono", consolas, menlo, monospace;--radius-default: 4px;--radius-full: 9999px;--border-width: 1px;--border-style: solid;--border-color: rgba(0, 0, 0, .1);--border: var(--border-width) var(--border-style) var(--border-color);--elevation-1: 0 1px 3px rgba(0, 0, 0, .2);--elevation-2: 0 4px 4px rgba(0, 0, 0, .23);--elevation-3: 0 4px 10px rgba(0, 0, 0, .07);--elevation-4: 0 10px 19px rgba(0, 0, 0, .27);--elevation-5: 0 20px 25px -5px rgba(0, 0, 0, .3);--z-10: 10;--z-100: 100;--z-base: 1;--z-hide: -1;--scrollbar-bg: hsl(214, 9%, 15%);--scrollbar-thumb-color: hsl(225, 15%, 50%);--scrollbar-border: var(--color-gray-800);--selection: hsla(26, 94%, 54%, .5)}body{--base-font-size: 16px;font-family:"Source Sans Pro",-apple-system,"Segoe UI",helvetica sans-serif;font-family:var(--font-sans);font-size:16px;font-size:var(--base-font-size);accent-color:hsl(225,15%,50%);accent-color:var(--color-silver);background-color:#1a1c1f;background-color:var(--color-default-black);color:#d9d9d9;color:var(--color-default-white);--csstools-color-scheme--light: initial;color-scheme:light dark;scrollbar-gutter:stable;text-rendering:optimizelegibility;color-rendering:optimizespeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@media (prefers-color-scheme: dark){body{--csstools-color-scheme--light: }}::-moz-selection{background:#f87b1b80;background:var(--selection);color:#d9d9d9;color:var(--text-color-default)}::selection{background:#f87b1b80;background:var(--selection);color:#d9d9d9;color:var(--text-color-default)}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-family:Raleway,sans-serif;font-family:var(--font-title)}a{-webkit-text-decoration:none;text-decoration:none;transition:text-decoration-color .4s ease-out;color:#1abbd1;color:var(--color-primary)}a:focus-visible{outline:2px dashed hsl(187,78%,46%);outline:2px dashed var(--color-primary)}a:not([href]){color:#d9d9d9;color:var(--text-color-default);opacity:.8;cursor:not-allowed}a:not([class]):hover,a[class=""]:hover,abbr{text-decoration-line:underline;text-decoration-color:#e78336;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-decoration-style:solid;text-underline-offset:.3em}body[data-theme=light]:not(#\#){--color-light: hsl(228, 33%, 97%);--text-color-default: var(--color-default-black);--secondary-text-color: var(--color-silver);--bg-color-primary-lighter: rgba(26, 187, 209, .3);--bg-color-lighter: hsl(0, 0%, 97%);--accent-color-lighter: hsl(225, 31%, 95%);--scrollbar-bg: var(--accent-color-lighter);--scrollbar-thumb-color: var(--color-gray-300);--scrollbar-border: var(--color-gray-300);background-color:#f5f6fa;background-color:var(--color-light);color:#1a1c1f;color:var(--color-default-black);transition-property:background-color,color;transition-duration:.5s;transition-timing-function:ease-in-out}body[data-theme=light]:not(#\#) footer,body[data-theme=light]:not(#\#) header{border-color:#6c76934d}body[data-theme=dark]:not(#\#) img{filter:brightness(.8)}:root{--shiki-color-text: hsl(0, 0%, 83%);--shiki-color-background: hsl(235, 19%, 13%);--shiki-token-constant: hsl(145, 46%, 51%);--shiki-token-string: hsl(40, 67%, 51%);--shiki-token-comment: hsl(229, 23%, 44%);--shiki-token-keyword: hsl(259, 59%, 59%);--shiki-token-parameter: hsl(0, 100%, 33%);--shiki-token-function: hsl(266, 59%, 70%);--shiki-token-string-expression: hsl(190, 91%, 48%);--shiki-token-punctuation: hsl(0, 0%, 83%);--shiki-token-link: hsl(0, 100%, 47%);--shiki-highlited-line: hsla(258, 50%, 52%, .4)}.shiki{position:relative;border-radius:4px;border-radius:var(--radius-default);padding:.875rem;overflow-x:auto}.shiki *::-moz-selection{background:#0000004d}.shiki *::selection{background:#0000004d}.shiki code{counter-reset:step;counter-increment:step 0}.shiki span{font-family:Source Code Pro,SF Mono,consolas,menlo,monospace;font-family:var(--font-mono)}.shiki .line:empty{display:none}.shiki .line.highlighted{display:inline-block;background:#6c47c266;background:var(--shiki-highlited-line);width:100%;border-radius:4px;border-radius:var(--radius-default)}.shiki code:has(.line:nth-child(3n)) .line:before{display:inline-block;width:10px;content:counter(step);counter-increment:step;color:#999;margin-right:1.5rem}.shiki::-webkit-scrollbar{width:1em}.shiki::-webkit-scrollbar-track{background-color:#23262a;background-color:var(--scrollbar-bg);box-shadow:inset 0 0 6px #00000080;border-radius:0}.shiki::-webkit-scrollbar-thumb{border-radius:10px;background-color:#6c7693;background-color:var(--scrollbar-thumb-color);border:5px solid hsl(214,9%,15%);border:5px solid var(--scrollbar-border)}.shiki .copy-to-clipboard{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;justify-content:center;background:transparent;opacity:.4;border:1px solid hsl(225,15%,50%);border:1px solid var(--color-silver);border-radius:4px;border-radius:var(--radius-default);padding:.25rem;transition:opacity .4s ease-out,scale .6s ease-in}.shiki .copy-to-clipboard:active{scale:.4}.shiki .copy-to-clipboard:hover{opacity:.8}.shiki .copy-to-clipboard svg{width:24px;height:24px}.shiki code:not(:has(.line:nth-child(3n)))+.copy-to-clipboard{top:10px}.container{--max-w: 1110px;margin-left:auto;margin-right:auto;width:calc(100% - 2rem);max-width:1110px;max-width:var(--max-w);display:flex}.overflow--hidden{overflow:hidden}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (min-width: 26.625em){.is-mobile-only{display:none}}