:root{--layout-sidebar-width:16rem;scrollbar-color:color-mix(in oklab, currentColor 35%, transparent) transparent}html{background-color:var(--color-base-200)}#layout-sidebar{width:var(--layout-sidebar-width);min-width:var(--layout-sidebar-width);background-color:var(--color-base-100);border:1px solid var(--color-base-300);border-radius:var(--radius-box);flex-direction:column;flex-shrink:0;height:calc(100vh - 2rem);margin-inline-start:1rem;display:flex;position:relative;top:1rem;box-shadow:0 1px 2px #0000000d}.layout-ready #layout-sidebar{transition-property:margin,top,bottom,max-height;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#layout-sidebar-toggle-trigger:checked~#layout-sidebar{margin-inline-start:calc(var(--layout-sidebar-width) * -1)}#layout-sidebar-backdrop{display:none}#sidebar-menu{flex-direction:column;gap:2px;padding:0 .5rem 1rem;display:flex}.sidebar-menu-item{border-radius:var(--radius-box);height:2rem;color:var(--color-base-content);align-items:center;gap:.5rem;padding:0 .75rem;font-size:1rem;font-weight:400;line-height:1.5rem;display:flex}@media (hover:hover){.sidebar-menu-item:hover{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent);color:var(--color-secondary)}}.sidebar-menu-item.active{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent);color:var(--color-secondary);border-left:2px solid var(--color-secondary);border-radius:0 var(--radius-box) var(--radius-box) 0}.sidebar-menu-title{border-top:1px solid var(--color-base-300);color:var(--color-base-content);margin:.75rem .625rem .5rem;padding-top:.75rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.sidebar-menu-title:first-child{border-top:0;padding-top:0}#layout-topbar{background-color:var(--color-base-100);border:1px solid var(--color-base-300);border-radius:var(--radius-box);z-index:50;justify-content:space-between;align-items:center;min-height:4rem;max-height:4rem;margin:1rem 1rem 0;padding:0 .75rem;transition:margin .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}#layout-content{flex-grow:1;padding:1rem 1rem 1.5rem}@media not (min-width:64rem){#layout-topbar{margin:0;position:sticky;top:0}#layout-content{padding-bottom:4.5rem}}@media (max-width:64rem){#layout-sidebar{z-index:500;height:100vh;margin-inline-start:calc(var(--layout-sidebar-width) * -1);position:fixed;top:0;bottom:0;left:0}#layout-sidebar-toggle-trigger:checked~#layout-sidebar{margin-inline-start:0}#layout-sidebar-backdrop{z-index:499;background-color:color-mix(in oklab, var(--color-base-content) 5%, transparent);opacity:0;pointer-events:none;transition:opacity .15s cubic-bezier(.4,0,.2,1);display:block;position:fixed;inset:0}#layout-sidebar-toggle-trigger:checked~#layout-sidebar-backdrop{opacity:1;pointer-events:auto}}