@theme{--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--breakpoint-xs:32rem;--breakpoint-show-side-nav:64rem;--breakpoint-show-quick-nav:84rem;--breakpoint-max-layout-width:89rem}@layer base{html{color-scheme:light dark;background-color:var(--color-gray-50)}body{min-width:320px;line-height:1.5;background-color:var(--color-background);color:var(--color-foreground)}::selection{background-color:var(--color-selection)}}@layer components{.RootLayout{z-index:0;position:relative;--root-layout-padding-x:0rem;padding-inline:var(--root-layout-padding-x);@media (min-width:64rem){--root-layout-padding-x:3rem;&:after,&:before{content:"";position:absolute;background-color:var(--color-gridline);height:1px;right:0;left:0}&:before{top:var(--header-height);margin-top:-1px}&:after{bottom:var(--header-height);margin-bottom:-1px}}}.RootLayoutContainer{position:relative;display:flex;flex-direction:column;margin-inline:auto;min-height:100dvh;max-width:calc(var(--breakpoint-max-layout-width) - var(--root-layout-padding-x) * 2);@media (min-width:64rem){padding-block:var(--header-height);&:after,&:before{content:"";position:absolute;top:0;bottom:0;width:1px;background-color:var(--color-gridline)}&:before{left:0;margin-left:-1px}&:after{right:0;margin-right:-1px}}}.RootLayoutContent{display:flex;flex-grow:1;flex-direction:column;background-color:var(--color-content)}}