@layer base{.menu{flex-direction:column;gap:.125rem;margin:0;padding:.5rem;font-size:1rem;list-style:none}.menu,.menu li{display:flex}.menu li>a,.menu li>button{border-radius:var(--radius-field,.25rem);width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;transition-property:background-color,color;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));background:0 0;border:0;flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:flex}.menu li>a:hover,.menu li>button:hover{background-color:var(--color-base-200)}.menu li>a:focus-visible,.menu li>button:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:-2px}.menu .menu-active,.menu [aria-current=page]{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.menu .menu-active,.menu [aria-current=page]{background-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.menu .menu-active,.menu [aria-current=page]{color:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.menu .menu-active,.menu [aria-current=page]{color:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.menu .menu-active,.menu [aria-current=page]{font-weight:500}.menu-title{text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem;font-size:1rem}}