[data-drawer]{--yy-nav-fg:hsl(var(--brand));--yy-nav-fg-muted:hsl(var(--brand)/0.55);--yy-nav-fg-soft:hsl(var(--brand)/0.82);--yy-nav-hover:hsl(var(--brand)/0.1);--yy-nav-line:hsl(var(--brand)/0.22);--yy-nav-line-nested:hsl(var(--brand)/0.34);--yy-nav-selected-surface:hsl(var(--brand)/0.16);--yy-nav-spinner-ring:hsl(var(--brand)/0.28);--yy-nav-spinner-top:hsl(var(--brand));color:var(--yy-nav-fg);background-color:hsl(var(--surface-low))}html.dark [data-drawer]{--yy-nav-fg-muted:hsl(var(--brand)/0.65);--yy-nav-fg-soft:hsl(var(--brand)/0.88);--yy-nav-hover:hsl(var(--brand)/0.14);--yy-nav-line:hsl(var(--brand)/0.32);--yy-nav-line-nested:hsl(var(--brand)/0.48);--yy-nav-selected-surface:hsl(var(--brand)/0.2);--yy-nav-spinner-ring:hsl(var(--brand)/0.35);background-color:hsl(var(--card))}[data-drawer] button,[data-drawer] nav{color:inherit}[data-drawer] .yy-nav-muted{color:var(--yy-nav-fg-muted)}[data-drawer] .yy-nav-soft{color:var(--yy-nav-fg-soft)}[data-drawer] .yy-nav-active{color:var(--yy-nav-fg);font-weight:700}[data-drawer] .yy-nav-row:hover{background-color:var(--yy-nav-hover)}[data-drawer] .yy-nav-selected-bg{background-color:var(--yy-nav-selected-surface)}[data-drawer] .yy-nav-tree-border{border-left:1px solid var(--yy-nav-line)}[data-drawer] .yy-nav-tree-border-nested{border-left:1px solid var(--yy-nav-line-nested)}[data-drawer] .yy-nav-divider-t{border-top:1px solid var(--yy-nav-line)}[data-drawer] .yy-nav-spinner{border-style:solid;border-color:var(--yy-nav-spinner-ring);border-top-color:var(--yy-nav-spinner-top)}