@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fira-code/FiraCode-Regular.woff2)format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fira-code/FiraCode-Bold.woff2)format("woff2")}:root{--layout-content-max-width:80rem;--layout-section-max-width:180rem;--layout-card-min-width:38rem;--layout-control-min-width:22rem;--layout-reading-max-width:var(--layout-content-max-width);--layout-avatar-size:var(--space-1200);--layout-media-column-width:var(--space-1600);--font-family-fallback-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, Menlo, "Liberation Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Source Code Pro", Monaco, monospace, "Courier New";--font-family-mono:"Fira Code", var(--font-family-fallback-mono);--font-family-text:var(--font-family-mono);--font-family-display:var(--font-family-text);--font-family-code:var(--font-family-text);--font-size-text-100:1.3rem;--font-size-text-200:1.4rem;--font-size-text-300:1.6rem;--font-size-text-400:1.8rem;--font-size-text-500:1.9rem;--font-size-text-600:2rem;--font-size-text-700:2.4rem;--font-size-text-800:2.6rem;--font-size-text-900:2.8rem;--font-size-heading-100:1.6rem;--font-size-heading-200:1.7rem;--font-size-heading-300:1.8rem;--font-size-heading-400:2rem;--font-size-heading-500:2.2rem;--font-size-heading-600:2.4rem;--font-size-heading-700:2.6rem;--font-size-heading-800:2.7rem;--font-size-heading-900:3rem;--font-size-hero-title:clamp(3rem, 10vw, 10rem);--color-glow-100:#0069d1;--color-glow-200:#c60aff;--color-glow-300:#5600eb;--color-glow-400:#14c8ff;--color-glow-500:#3369ff;--color-glow-shadow:#cf3dffd1;--blur-100:1px;--blur-200:2px;--blur-300:4px;--blur-400:8px;--blur-500:12px;--shadow-100:0 1px 3px #0000004d;--shadow-200:0 2px 4px #0000000a, 0 8px 16px #0000000a;--shadow-300:0 2px 4px #0003, 0 8px 16px #0003;--shadow-400:0 12px 24px #00000014, 0 24px 48px #00000014;--shadow-500:0 12px 24px #0006, 0 24px 48px #0006, 0 0 0 1px #ffffff26;--shadow-600:0 24px 40px -8px #0000004d, inset 0 0 1px 1px #fff1;--shadow-700:0 24px 50px -8px #00000080, inset 0 0 1px 1px #ffffff14;--shadow-800:0 0 10px #0d0d0d80;--shadow-glow:0 0 30px var(--color-glow-shadow);--line-height-100:1;--line-height-200:1.2;--line-height-300:1.3;--line-height-400:1.4;--line-height-500:1.5;--line-height-600:1.6;--line-height-700:1.7;--line-height-800:1.8;--line-height-900:1.9;--space-000:0rem;--space-100:.4rem;--space-200:.8rem;--space-300:1rem;--space-400:1.2rem;--space-500:1.4rem;--space-600:1.8rem;--space-700:2rem;--space-800:2.4rem;--space-900:2.8rem;--space-1000:3.2rem;--space-1100:3.4rem;--space-1200:3.8rem;--space-1300:4.2rem;--space-1400:4.4rem;--space-1500:4.8rem;--space-1600:5.2rem;--space-1700:5.4rem;--space-1800:5.8rem;--radius-100:.1rem;--radius-200:.2rem;--radius-300:.4rem;--radius-400:.6rem;--radius-500:.8rem;--radius-600:1rem;--radius-700:1.2rem;--radius-800:1.4rem;--radius-900:1.6rem;--radius-full:1000px;--border-width-100:1px;--border-width-200:2px;--motion-duration-quick:.22s;--motion-duration-fast:.3s;--motion-duration-medium:.4s;--motion-duration-slow:.6s;--motion-distance-100:2px;--motion-distance-200:4px;--motion-distance-300:5px;--motion-distance-500:10px;--motion-easing-gentle:ease;--motion-easing-standard:ease-in-out;--motion-easing-emphasized:cubic-bezier(.16, 1, .3, 1);--motion-timing-quick-gentle:var(--motion-duration-quick) var(--motion-easing-gentle);--motion-timing-fast-gentle:var(--motion-duration-fast) var(--motion-easing-gentle);--motion-timing-fast:var(--motion-duration-fast) var(--motion-easing-standard);--motion-timing-medium-gentle:var(--motion-duration-medium) var(--motion-easing-gentle);--motion-timing-medium-emphasized:var(--motion-duration-medium) var(--motion-easing-emphasized);--motion-timing-slow-emphasized:var(--motion-duration-slow) var(--motion-easing-emphasized);--motion-timing-slow-gentle:var(--motion-duration-slow) var(--motion-easing-gentle);--font-family-body:var(--font-family-text);--font-size-body:var(--font-size-text-500);--font-size-body-sm:var(--font-size-text-500);--font-size-code:var(--font-size-text-300);--font-size-icon-sm:1.2rem;--font-size-meta:var(--font-size-text-200);--font-size-label:var(--font-size-text-200);--font-size-section-line:var(--font-size-text-600);--space-section-bottom:8rem;--line-height-body:var(--line-height-400);--color-neutral-990:#fcfcfd;--color-neutral-960:#f3f3f6;--color-neutral-950:#efeff5;--color-neutral-900:#f9f9fb;--color-neutral-850:#d0d0e1;--color-neutral-800:#c1c1d7;--color-neutral-740:#b6b6c3;--color-neutral-700:#a2a2c3;--color-neutral-620:#8989b3;--color-neutral-600:#8383af;--color-neutral-560:#81819c;--color-neutral-450:#5a5a8c;--color-neutral-420:#5d5d79;--color-neutral-320:#46465d;--color-neutral-300:#3c3c5d;--color-neutral-150:#22222a;--color-neutral-100:#000;--color-neutral-050:#060609;--color-neutral-020:#020203;--color-bg:var(--color-neutral-960);--color-text:var(--color-neutral-100);--color-text-strong:var(--color-neutral-100);--color-text-muted:var(--color-neutral-320);--color-text-subtle:var(--color-neutral-420);--color-text-soft:var(--color-neutral-560);--color-text-inverse:var(--color-neutral-950);--color-text-high-on-dark:var(--color-neutral-900);--color-text-on-dark:var(--color-neutral-800);--color-text-muted-on-dark:var(--color-neutral-740);--color-text-subtle-on-dark:var(--color-neutral-700);--color-text-quiet-on-dark:var(--color-neutral-620);--color-text-soft-on-dark:var(--color-neutral-600);--color-text-strong-on-dark:var(--color-neutral-850);--color-surface:var(--color-neutral-990);--color-surface-soft:var(--color-neutral-950);--color-surface-muted:var(--color-neutral-850);--color-surface-strong:var(--color-neutral-300);--color-surface-dark:var(--color-neutral-050);--color-surface-dark-canvas:var(--color-neutral-100);--color-surface-dark-elevated:var(--color-neutral-150);--color-accent-200:#19334d;--color-accent-400:#1466b8;--color-accent-500:#06c;--color-accent-550:#0d80f2;--color-accent-750:#8cbff2;--color-accent-800:#bdccdb;--color-accent-850:#b4d9fd;--color-accent-950:#ecf2f9;--color-link:var(--color-accent-500);--color-link-subtle:var(--color-accent-200);--color-link-strong:var(--color-accent-400);--color-link-hover:var(--color-accent-550);--color-link-strong-on-dark:var(--color-accent-800);--color-link-strong-on-dark-hover:var(--color-accent-950);--color-link-on-dark:var(--color-accent-750);--color-link-on-dark-hover:var(--color-accent-850);--color-white-alpha-000:#fff0;--color-white-alpha-020:#ffffff05;--color-white-alpha-050:#ffffff0d;--color-white-alpha-060:#ffffff0f;--color-white-alpha-100:#ffffff1a;--color-white-alpha-150:#ffffff26;--color-white-alpha-200:#fff3;--color-white-alpha-300:#ffffff4d;--color-white-alpha-1000:#fff;--color-black-alpha-050:#0000000d;--color-black-alpha-060:#0000000f;--color-black-alpha-080:#00000014;--color-black-alpha-120:#0000001f;--color-black-alpha-1000:#000;--color-border-soft:var(--color-neutral-850);--color-border-muted-on-dark:var(--color-neutral-450);--color-border-dark-soft:var(--color-neutral-150);--color-border-dark-strong:var(--color-neutral-020);--radius-md:var(--radius-500);--motion-fast:var(--motion-timing-fast)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior-x:none;text-size-adjust:100%;hanging-punctuation:first last;font-size:62.5%;overflow-x:hidden}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-width:100%;min-height:100%}body{font-family:var(--font-family-body);font-optical-sizing:auto;line-height:var(--line-height-body);font-size:var(--font-size-body);color:var(--color-text);background:var(--color-bg);font-weight:400;overflow-x:clip}a{color:inherit;text-decoration:underline;&:hover{text-decoration:none}}h1,h2,h3,h4,h5,h6{font-size:var(--font-size-heading-600);margin:var(--space-1000) 0;text-wrap:balance;line-height:var(--line-height-300);letter-spacing:0;text-wrap:pretty;overflow-wrap:break-word;hyphens:manual;font-weight:700}h2,h3{line-height:var(--line-height-300);letter-spacing:0;font-size:var(--font-size-heading-400);margin:var(--space-1000) 0}h4{line-height:var(--line-height-300);letter-spacing:0;font-size:var(--font-size-heading-300);margin:var(--space-1000) 0}h5{line-height:var(--line-height-300);letter-spacing:0;font-size:var(--font-size-heading-200);margin:var(--space-1000) 0}h6{line-height:var(--line-height-300);letter-spacing:0;font-size:var(--font-size-heading-100);margin:var(--space-1000) 0}p{text-wrap:pretty}p,hr,pre,blockquote,img,ul,ol{margin:clamp(var(--space-600), 2vw, var(--space-1300)) 0}hr{border:var(--border-width-100) solid var(--color-border-soft);margin:clamp(var(--space-800), 3vw, var(--space-1600)) 0}p,blockquote,ul,ol{hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}ul,ol{margin-left:clamp(var(--space-500), 2vw, var(--space-700));padding-left:clamp(var(--space-500), 2vw, var(--space-700))}blockquote{padding:clamp(var(--space-600), 3vw, var(--space-1000));color:var(--color-text);background-color:var(--color-surface-soft);border-radius:var(--radius-md);font-family:var(--font-family-code);font-size:var(--font-size-text-400);line-height:var(--line-height-400);& p:first-child{margin-top:0}& p:last-child{margin-bottom:0}}pre{width:100%;min-width:0;max-width:100%;padding:clamp(var(--space-600), 3vw, var(--space-1000));padding-top:clamp(var(--space-700), 3vw, var(--space-1000));border-radius:var(--radius-md);font-family:var(--font-family-code);font-size:var(--font-size-code);line-height:var(--line-height-300);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0, "dlig" 0;overflow-x:auto}pre code{font-family:var(--font-family-code);white-space:pre;overflow-wrap:normal;word-break:normal;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0, "dlig" 0;display:block}:where(p,li,blockquote,figcaption,h1,h2,h3,h4,h5,h6) code{padding:0 var(--space-100);border:var(--border-width-100) solid var(--color-border-soft);border-radius:var(--radius-300);font-family:var(--font-family-code);font-variant-ligatures:none;font-feature-settings:"dlig" 0;background-color:var(--color-surface-soft);color:var(--color-text-strong);font-size:.95em}img{border-radius:var(--radius-md);margin-left:auto;margin-right:auto}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}.video-embed{margin:clamp(var(--space-800), 3vw, var(--space-1600)) 0}.video-embed iframe{aspect-ratio:16/9;border-radius:var(--radius-md);background-color:var(--color-surface-soft);border:0;width:100%;max-width:100%;display:block}.video-embed figcaption{margin-top:var(--space-300);color:var(--color-text-muted);font-size:var(--font-size-text-200);line-height:var(--line-height-300);text-align:center}.glass{-webkit-backdrop-filter:blur(var(--blur-400));transition:transform var(--motion-fast), box-shadow var(--motion-fast);box-shadow:var(--shadow-600);position:relative;overflow:hidden}.glass:hover{box-shadow:var(--shadow-700);transform:scale(1.05)}.glass:hover:before{opacity:.4}.glass:before{content:"";border-radius:inherit;padding:var(--border-width-200);opacity:.2;transition:opacity var(--motion-fast);background:linear-gradient(135deg, var(--color-white-alpha-1000) 0%, var(--color-white-alpha-000) 30%, var(--color-white-alpha-000) 70%, var(--color-white-alpha-300) 100%);-webkit-mask:linear-gradient(var(--color-white-alpha-1000) 0 0) content-box, linear-gradient(var(--color-white-alpha-1000) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--color-white-alpha-1000) 0 0) content-box, linear-gradient(var(--color-white-alpha-1000) 0 0);pointer-events:none;position:absolute;inset:0;mask-composite:exclude}.theme-toggle{z-index:9999;opacity:.6;transition:opacity var(--motion-fast);cursor:pointer;display:block;position:fixed;top:clamp(1rem,2.5vw,3rem);right:clamp(1rem,2.5vw,3rem)}.theme-toggle:hover{opacity:1}.theme-toggle #theme-mode{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-toggle-track{width:var(--space-1200);height:var(--space-600);border-radius:var(--radius-full);background:var(--color-surface-muted);padding:0 var(--space-100);transition:background-color var(--motion-fast);justify-content:space-between;align-items:center;display:flex;position:relative}.theme-toggle-track:before{content:"☀️";font-size:var(--font-size-icon-sm);line-height:var(--line-height-100);z-index:1}.theme-toggle-track:after{content:"🌙";font-size:var(--font-size-icon-sm);line-height:var(--line-height-100);z-index:1}.theme-toggle-thumb{top:var(--radius-200);left:var(--radius-200);width:var(--space-500);height:var(--space-500);background:var(--color-surface);box-shadow:var(--shadow-100);transition:transform var(--motion-fast);border-radius:50%;position:absolute}#theme-mode:checked~.theme-toggle-track{background:var(--color-surface-strong)}#theme-mode:checked~.theme-toggle-track .theme-toggle-thumb{transform:translateX(var(--space-600))}.main{border-radius:var(--radius-md);color:var(--color-text);background-color:var(--color-surface);min-height:100vh;margin-inline:auto}.article{width:100%;max-width:min(var(--layout-content-max-width), var(--layout-reading-max-width));font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-wrap:anywhere;margin:0 auto;display:flow-root;& a{color:var(--color-link-strong);text-decoration:none;&:hover{color:var(--color-link-hover);text-decoration:underline}}& h1{margin-top:0}}.section{z-index:1;scroll-snap-align:start;margin:0 auto;position:relative}.section-dark{color:var(--color-text-on-dark);background-color:var(--color-surface-dark)}.section-light{color:var(--color-text);background-color:var(--color-surface)}.section-content{max-width:var(--layout-section-max-width);padding:var(--space-700);border-radius:var(--radius-md);margin-inline:auto}.canvas-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.next-section{z-index:1;font-size:var(--font-size-meta);text-align:center;justify-content:center;align-items:center;gap:clamp(var(--space-400), 3vw, var(--space-900));flex-direction:row;display:flex;position:absolute;bottom:0;left:0;right:0;& a{color:inherit;transition:transform var(--motion-fast), color var(--motion-fast);padding:clamp(var(--space-200), 3vw, var(--space-600)) 0;text-decoration:none}& a:hover{transform:translateY(calc(var(--motion-distance-300) * -1))}}.section-dark .next-section{color:var(--color-text-soft-on-dark);background-color:var(--color-surface-dark);& a:hover{transform:translateY(calc(var(--motion-distance-300) * -1));color:var(--color-text-inverse)}}.section-light .next-section{color:var(--color-text-muted);background-color:var(--color-surface);& a:hover{transform:translateY(calc(var(--motion-distance-300) * -1));color:var(--color-text)}}.section-header{text-align:center;padding:clamp(var(--space-1100), 8vw, var(--space-1600)) 0;padding-top:clamp(var(--space-1200), 8vw, var(--space-1700));max-width:80ch;margin:0 auto;margin-bottom:clamp(var(--space-1300), 8vw, var(--space-1800));flex-direction:column;justify-content:center;align-items:center;display:flex;& p{margin:0}}.section-eyeball{font-size:var(--font-size-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-200);font-weight:400}.section-dark .section-eyeball{color:var(--color-text-muted-on-dark)}.section-line{color:var(--color-text-muted);font-size:var(--font-size-section-line);max-width:60ch;margin:0 auto}.section-dark .section-line{color:var(--color-text-muted-on-dark)}.section-title{font-size:var(--font-size-heading-600);margin:var(--space-600) auto;line-height:var(--line-height-100);letter-spacing:0;font-weight:700}.section-blog{padding-top:var(--space-300);padding-bottom:var(--space-section-bottom);margin:0 auto}.form{align-content:flex-start;align-items:flex-start;gap:clamp(var(--space-1000), 4.4vw, var(--space-1100));flex-direction:column;display:flex}.form-row{gap:clamp(var(--space-400), 4.4vw, var(--space-1100));flex-flow:wrap;align-content:flex-start;align-items:flex-start;width:100%;display:flex}textarea,button,select{font-size:var(--font-size-text-400);font-family:var(--font-family-code)}select{width:100%;padding:var(--space-400) var(--space-200);border-radius:var(--radius-md)}textarea{width:100%;max-width:var(--layout-content-max-width);min-height:25rem;font-family:var(--font-family-code);border-radius:var(--radius-md);padding:var(--space-400) var(--space-200)}.form-row-submit{width:auto}button{cursor:pointer;border:none}button:disabled{cursor:not-allowed}.article-section{border-top:var(--border-width-100) solid transparent;border-bottom:var(--border-width-100) solid transparent}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section){color:var(--color-text-high-on-dark);background-color:var(--color-surface-dark-canvas);color-scheme:dark;border-top:var(--border-width-100) solid transparent;border-bottom:var(--border-width-100) solid transparent}html[data-theme=dark],html[data-theme=dark] body,html:has(.article-section[data-theme=dark]),body:has(.article-section[data-theme=dark]){background-color:var(--color-surface-dark-canvas)}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .article a{color:var(--color-link-on-dark);text-decoration:underline}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .article a:hover{color:var(--color-link-on-dark-hover);text-decoration:none}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .post-meta{color:var(--color-text-soft-on-dark)}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) blockquote{color:var(--color-text-strong-on-dark);background-color:var(--color-surface-dark-elevated)}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) :where(p,li,blockquote,figcaption,h1,h2,h3,h4,h5,h6) code{color:var(--color-text-high-on-dark);background-color:var(--color-surface-dark-elevated);border-color:var(--color-border-dark-soft)}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) hr{border:var(--border-width-100) solid transparent;border-top:var(--border-width-100) solid var(--color-border-dark-strong);border-bottom:var(--border-width-100) solid var(--color-border-dark-soft)}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) nav.nav,:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) footer.nav,:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .section-line,:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .section-eyeball,:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .blog-post-link.blog-post-link,:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .blog-post-description,:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .blog-post-meta,:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .blog-pagination-current{color:var(--color-text-on-dark);& a{color:var(--color-link-strong-on-dark);&:hover{color:var(--color-link-strong-on-dark-hover)}}}:is(.article-section[data-theme=dark],html[data-theme=dark] .article-section) .blog-post-link.blog-post-link{text-decoration:none}.bg-parallax{color:var(--color-text-inverse);background-image:url(/imgs/assets/2026/02/stars.svg),url(/imgs/assets/2026/02/stars.svg),url(/imgs/assets/2026/02/stars.svg);background-position:0 0,20% 20%,40% 40%;background-size:250px 250px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bg-parallax{transform-origin:50%;animation-name:css-bg-parallax;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(0%)}}}@keyframes css-bg-parallax{0%{background-position-y:0%,20%,40%;background-size:250px 250px,250px 250px,250px 250px}to{background-position-y:-20%,-20%,-40%;background-size:250px 250px,300px 300px,350px 350px}}#giscus{padding-block:4rem}#giscus .giscus{border-radius:var(--radius-400);background:hsl(from var(--color-neutral-100) h s 9% / 1);margin:6rem 0;padding:4rem 2rem}#giscus .title{font-size:var(--font-size-heading-500);line-height:var(--line-height-100);margin:0;margin:var(--space-600) auto;text-align:center;letter-spacing:0;font-weight:700}.footer-massive[data-astro-cid-jo6i4kqk]{padding-top:clamp(var(--space-1000), 8vw, var(--space-1500));padding-bottom:clamp(var(--space-1000), 8vw, var(--space-1500));flex-direction:column;position:relative;overflow:hidden}.footer-top-links[data-astro-cid-jo6i4kqk]{padding:0 clamp(var(--space-400), 4vw, var(--space-900));font-size:var(--font-size-text-300);color:var(--color-text-soft-on-dark);z-index:2;justify-content:space-between;align-items:center;gap:var(--space-400);flex-wrap:wrap;font-weight:400;display:flex}.footer-top-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:inherit;transition:color var(--motion-fast);text-decoration:none}.footer-top-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--color-text-inverse)}.footer-megatext-container[data-astro-cid-jo6i4kqk]{pointer-events:none;user-select:none;z-index:1;justify-content:center;align-items:flex-start;width:100%;margin-top:auto;display:flex}.footer-megatext[data-astro-cid-jo6i4kqk]{letter-spacing:0;color:var(--color-text-inverse);white-space:nowrap;padding-top:12vw;font-size:11.5vw;font-weight:900;line-height:.9}.footer-massive[data-astro-cid-jo6i4kqk]:after{content:"";background:linear-gradient(to top, var(--color-surface-dark) 0%, transparent 50%);z-index:2;pointer-events:none;width:100%;height:80%;position:absolute;bottom:0;left:0}.container[data-astro-cid-edqzpt2h]{line-height:var(--line-height-100);transition:opacity var(--motion-fast), transform var(--motion-fast), box-shadow var(--motion-fast);border-radius:var(--radius-full);font-family:var(--font-family-code);cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex;position:relative;& .el:before{content:"";z-index:3;background:linear-gradient(-45deg, transparent 10%, var(--color-white-alpha-200) 50%, transparent 90%);width:100%;height:100%;transition:left var(--motion-timing-slow-gentle);position:absolute;top:0;left:-100%}& .el:hover:before{left:100%}& .el.el,& .bg,& .bg-blur{border-radius:var(--radius-full);text-decoration:none}& .el{color:var(--color-text-inverse);font-size:var(--font-size-text-300);background:var(--color-surface-dark);z-index:2;text-align:center;outline:none;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden;&>*{padding:clamp(var(--space-200), 3vw, var(--space-300)) clamp(var(--space-400), 3vw, var(--space-900))}&:hover{color:var(--color-text-inverse)}}& .bg,& .bg-blur{inset:calc(var(--border-width-200) * -1);z-index:1;background-image:conic-gradient(from var(--conic-angle), var(--color-glow-100), var(--color-glow-200), var(--color-glow-300), var(--color-glow-400), var(--color-glow-500));animation-name:glow;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}& .bg-blur{filter:blur(var(--blur-200))}&:hover,&:active,&:focus,&:focus-visible,&:focus-within{opacity:1;transform:translateY(calc(var(--motion-distance-300) * -1));box-shadow:var(--shadow-glow);& .bg,& .bg-blur{animation-duration:1s;animation-timing-function:ease-in-out}& .bg-blur{filter:blur(var(--blur-300))}}}@property --conic-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes glow{0%{--conic-angle:0deg}to{--conic-angle:360deg}}