html[data-theme=light] header .container nav ul a.pro{box-shadow:inset 0 -.0625rem 0 hsla(var(--main-hue),0%,0%,.1)}html[data-theme=light] header .container nav ul a.pro:before{background:linear-gradient(114deg,hsla(var(--main-hue),0%,0%,0),hsla(var(--main-hue),0%,0%,.1)42%,hsla(var(--main-hue),0%,0%,.1)60%,hsla(var(--main-hue),0%,0%,0))}html[data-theme=light] .command-bar-dialog{border:.0313rem solid var(--background-color-tertiary)}html[data-theme=light] .command-bar-dialog a{background-color:var(--background-color-primary)}header{z-index:6;border-bottom:.0313rem solid var(--background-color-tertiary);background-color:var(--background-color-primary);position:sticky;top:0}header .container{justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:relative}header .container .wrapper{flex:1 0 0;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}header .container .logo{color:var(--color-display);font-size:.875rem;font-weight:700}header .container .logo span{corner-shape:squircle;background-image:linear-gradient(-45deg,var(--cyan),var(--green),var(--orange),var(--pink),var(--purple),var(--red),var(--yellow));color:var(--background-color-primary);animation:gradient-shift 6s var(--ease-fluid)infinite;background-size:400% 400%;border-radius:.1875rem;margin-left:.1875rem;padding:.1875rem .375rem}header .container .command-bar{corner-shape:squircle;border-radius:var(--radius-sm);background-color:var(--background-color-secondary);min-height:2.25rem;transition:outline-color var(--duration-standard)var(--ease-fluid),color var(--duration-standard)var(--ease-fluid);border:none;outline:.0625rem solid #0000;flex:1 0 0;padding:0;position:relative}header .container .command-bar:focus-visible,header .container .command-bar:hover{outline-color:var(--background-color-tertiary)}:is(header .container .command-bar:focus-visible,header .container .command-bar:hover) .icon{color:var(--color-display);transform:rotate(-6deg)translateY(-50%)}header .container .command-bar .search{flex:1 0 0;align-items:center;padding:.75rem .75rem .75rem 2.5em;line-height:1;display:flex}header .container .command-bar .search .icon{z-index:2;transform-origin:50%;transition:transform var(--duration-standard)var(--ease-elastic),color var(--duration-standard)var(--ease-fluid);will-change:transform;position:absolute;top:50%;left:1em;transform:translateY(-50%)}header .container .command-bar .search .shortcut{align-items:center;gap:.125rem;margin-left:auto;display:inline-flex}header .container .command-bar .search .shortcut kbd{aspect-ratio:1;border:.0313rem solid var(--background-color-primary);corner-shape:squircle;background-color:var(--background-color-tertiary);color:var(--color-display);font-family:var(--font-mono);border-radius:.1875rem;justify-content:center;align-items:center;padding:.125rem .25rem;display:inline-flex}header .container .mb-trigger{display:none}header .container nav{justify-content:flex-end;align-items:center;width:fit-content;display:flex}header .container nav ul{justify-content:center;align-items:center;gap:.75rem;width:fit-content;margin:0;padding:0;list-style:none;display:flex}header .container nav ul li{position:relative}:is(header .container nav ul a,header .container nav ul button) .icon{transition:stroke .12s var(--ease-fluid),fill .12s var(--ease-fluid)}:is(header .container nav ul a,header .container nav ul button).active{color:var(--color)}:is(header .container nav ul a,header .container nav ul button).active .icon{fill:currentColor}:is(header .container nav ul a,header .container nav ul button).active.blog .icon path:nth-of-type(2){stroke:var(--background-color-secondary)}:is(header .container nav ul a,header .container nav ul button).pro{box-shadow:inset 0 .0625rem 0 hsla(var(--main-hue),0%,100%,.1)}:is(header .container nav ul a,header .container nav ul button).pro:before{background:linear-gradient(114deg,hsla(var(--main-hue),0%,100%,0),hsla(var(--main-hue),0%,100%,.1)42%,hsla(var(--main-hue),0%,100%,.1)60%,hsla(var(--main-hue),0%,100%,0));content:"";width:200%;height:100%;animation:shine 6s var(--ease-fluid)infinite .504s;filter:blur(.375rem);pointer-events:none;will-change:transform,filter;position:absolute;top:0;left:0;transform:translate(-198%)}header .mb-overlay{display:none}@media (max-width:70rem){header .container{flex-direction:column;padding:0}header .container .wrapper{z-index:2;width:100%;padding:var(--page-padding-vertical)var(--page-padding-horizontal);background-color:var(--background-color-primary)}header .container .command-bar,header .container .command-bar-dialog{pointer-events:none;display:none}header .container .mb-trigger{display:flex}header .container nav{z-index:1;width:100%;padding:var(--page-padding-vertical)var(--page-padding-horizontal)calc(var(--page-padding-vertical) + .375rem);border-style:solid;border-width:.0313rem 0;border-color:var(--background-color-tertiary);background-color:var(--background-color-primary);opacity:0;transition:transform .42s var(--ease-fluid),opacity .3s var(--ease-fluid);will-change:transform,opacity;position:absolute;top:100%;transform:translateY(-200%)}header .container nav.active{opacity:1;transform:translateY(0)}header .container nav ul{flex-direction:column;width:100%}header .container nav ul li{width:100%}header .container nav ul li a,header .container nav ul li button{border:.0313rem solid var(--background-color-tertiary);justify-content:start;width:100%}}header .mb-overlay{background-color:var(--background-color-overlay);opacity:0;pointer-events:none;transition:opacity var(--overlay-transition-duration)var(--overlay-timing-function);display:block;position:fixed;inset:0}header .mb-overlay.visible{opacity:1;pointer-events:auto}.command-bar-dialog{border:.0313rem solid var(--background-color-tertiary);corner-shape:squircle;border-radius:var(--radius-lg);background-color:var(--background-color-secondary);width:100%;max-width:30rem;max-height:42vh;color:inherit;opacity:0;transition:transform .162s var(--ease-fluid),opacity .162s var(--ease-fluid);will-change:transform,opacity;flex-direction:column;gap:1.5rem;padding:1.5rem;display:none;overflow-y:scroll;transform:translateY(.75rem)}.command-bar-dialog::backdrop{background-color:var(--background-color-overlay);opacity:0;transition:opacity var(--overlay-transition-duration)var(--overlay-timing-function)}.command-bar-dialog[open]{opacity:1;pointer-events:auto;display:flex;transform:translateY(0)}.command-bar-dialog[open]::backdrop{opacity:1}.command-bar-dialog .search{align-items:center;width:100%;display:flex;position:relative}.command-bar-dialog .search input{corner-shape:squircle;border-radius:var(--radius-md);background-color:var(--background-color-primary);width:100%;min-height:2.25rem;transition:outline-color .24s var(--ease-fluid),color .24s var(--ease-fluid),background-color .24s var(--ease-fluid);border:none;outline:.0625rem solid #0000;padding:.75rem .75rem .75rem 2.5em;line-height:1}.command-bar-dialog .search input:focus-visible,.command-bar-dialog .search input:hover{outline-color:var(--background-color-tertiary)}:is(.command-bar-dialog .search input:focus-visible,.command-bar-dialog .search input:hover)~.icon{color:var(--color-display);transform:rotate(-6deg)translateY(-50%)}.command-bar-dialog .search .icon{z-index:2;transform-origin:50%;transition:transform .24s var(--ease-elastic),color .24s var(--ease-fluid);will-change:transform;position:absolute;top:50%;left:1em;transform:translateY(-50%)}.command-bar-dialog ul{flex-direction:column;gap:1.125rem;width:100%;margin:0;padding:0;line-height:1.8;list-style:none;display:flex}.command-bar-dialog ul li{flex-direction:column;width:100%;display:flex}.command-bar-dialog ul li ul{gap:.75rem}.command-bar-dialog ul li .title{color:var(--color-display);font-size:var(--font-size-body);padding:0 .375rem .5em}.command-bar-dialog ul li a{border:.0625rem solid var(--background-color-tertiary);corner-shape:squircle;border-radius:var(--radius-sm);background-color:var(--background-color-tertiary);width:100%;color:var(--color-heading);transition:background-color .24s var(--ease-fluid),color .24s var(--ease-fluid);align-items:center;gap:.75em;padding:.375rem .75rem;text-decoration:none;display:inline-flex}.command-bar-dialog ul li a:focus-visible,.command-bar-dialog ul li a:hover{background-color:var(--background-color-secondary);color:var(--color-display)}.command-bar-dialog ul li p{width:100%;padding:0 .375rem}.command-bar-dialog ul li .icon{position:relative}.command-bar-dialog ul li .icon.app{border-radius:100%;width:1.5em;height:1.5em;overflow:hidden}.command-bar-dialog ul li .icon.app img{object-fit:cover;object-position:center;width:100%;height:100%}@keyframes bounce{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shine{0%{transform:translate(-198%)}50%{transform:translate(198%)}to{transform:translate(198%)}}
.theme-toggle{aspect-ratio:1;width:100%;padding:0}.theme-toggle svg{stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:transform var(--duration-fast)var(--ease-fluid);will-change:transform}.theme-toggle svg path{transform-origin:50%;backface-visibility:hidden;fill:#0000;stroke:#0000;opacity:0;transition:transform .3s var(--ease-fluid),opacity .24s var(--ease-fluid);will-change:transform,opacity;transform:translate(0,0)}@media (max-width:60rem){.theme-toggle{aspect-ratio:unset;border:.0313rem solid var(--background-color-tertiary);justify-content:start;padding:0 .75rem}}html[data-theme=light] .theme-toggle svg{width:1.375rem;height:1.375rem}html[data-theme=light] .theme-toggle svg path.sun{fill:var(--yellow);stroke:var(--yellow);opacity:1;transform:scale(1)rotate(0)}html[data-theme=light] .theme-toggle svg path.moon{transform:scale(.42)rotate(-60deg)}:is(html:not([data-theme=light]):not([data-theme=dark]),html[data-theme=dark]) .theme-toggle svg path.sun{transform:scale(.42)rotate(60deg)}:is(html:not([data-theme=light]):not([data-theme=dark]),html[data-theme=dark]) .theme-toggle svg path.moon{fill:var(--yellow);opacity:1}