@layer theme{:root{--sidebar-width:20rem}}html{overflow-x:clip}body{min-height:100vh;font-size:var(--text-base);padding-bottom:10rem;overflow-x:clip}.bg-grid{--bg-grid-line:oklch(from var(--color-foreground) l c h / .03);background-image:linear-gradient(45deg, transparent 49%, var(--bg-grid-line) 49%, var(--bg-grid-line) 51%, transparent 51%), linear-gradient(-45deg, transparent 49%, var(--bg-grid-line) 49%, var(--bg-grid-line) 51%, transparent 51%);z-index:-1;pointer-events:none;background-size:60px 60px;position:fixed;inset:0}header{gap:var(--spacing-2);grid-template-columns:max-content max-content max-content minmax(0,1fr);min-width:0;display:grid}@media (width>1200px){header{grid-template-columns:var(--sidebar-width) 1fr max-content;gap:var(--spacing-4)}}header a{align-items:center;gap:var(--spacing-2);font-weight:500;display:flex}header a:hover{text-decoration:underline}header a:not(.logo){justify-content:flex-end}header a svg{flex:none;width:1.25rem;height:1.25rem;display:block}header .theme-toggle{justify-content:center}.hero-section{background-color:oklch(from var(--color-accent) l c h / .05);padding:var(--spacing-16);margin-block:0 4rem}.main-content{gap:var(--spacing-4);max-width:var(--page-content-width);box-sizing:border-box;width:100%;min-width:0;margin-inline:auto;display:flex}.main-content main{min-width:0;padding-inline:var(--spacing-8);max-width:var(--page-content-width);flex:1;margin-inline:auto}@media (width<1200px){.main-content main{padding-inline:var(--spacing-4);max-width:100%}}.sidebar{width:var(--sidebar-width);background-color:oklch(from var(--color-accent) l c h / .05);padding:var(--spacing-8);flex-shrink:0}.sidebar ul{margin-block:var(--spacing-8);gap:var(--spacing-4);flex-direction:column;display:flex}.hamburger-btn{color:inherit;padding:var(--spacing-2);border-radius:var(--spacing-1);cursor:pointer;background:0 0;display:none}.sidebar-overlay{display:none}@media (width<1200px){.hamburger-btn{justify-content:center;align-items:center;display:inline-flex}.sidebar{z-index:100;background-color:var(--color-background);border-right:1px solid var(--color-border);width:18rem;min-height:100dvh;padding-top:var(--spacing-16);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar--animated{transition:transform .25s ease-in-out}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:99;background-color:oklch(0% 0 0/.4);display:block;position:fixed;inset:0}}.theme-toggle{align-items:center;gap:var(--spacing-2);display:inline-flex}.theme-toggle__btn{width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;background:0 0;border-radius:100vw;justify-content:center;align-items:center;display:inline-flex}.theme-toggle__btn svg{flex:none;width:1.25rem;height:1.25rem;display:block}.theme-toggle__btn[aria-pressed=true]{background-color:oklch(from var(--color-accent) l c h / .14);border-color:oklch(from var(--color-accent) l c h / .45)}.theme-toggle__btn:focus-visible{outline:2px solid oklch(from var(--color-accent) l c h / .75);outline-offset:2px}.title,.constrained{max-width:70rem;margin-inline:auto}section{margin-top:3rem}pre{text-align:left;max-width:100%;margin-inline:auto;display:block;overflow-x:auto}pre code{width:fit-content;margin-inline:auto;display:block}.notifications .notification-success,.notifications .notification-error,.notifications .notification-warning,.notifications .notification-info{margin-block:var(--spacing-4);width:20rem!important;max-width:100%!important}