.wander-sidebar{--sidebar:transparent;--sidebar-foreground:var(--foreground);--sidebar-accent:color-mix(in oklab, var(--foreground) 9%, transparent);--sidebar-accent-foreground:var(--foreground);--sidebar-border:color-mix(in oklab, var(--foreground) 10%, transparent);--sidebar-ring:var(--w-text)}.wander-sidebar [data-slot=sidebar-inner]{background:var(--glass-pop);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1.5px 0 var(--glass-rim), 0 22px 44px -18px var(--glass-drop);border:0;border-radius:1.75rem}[data-slot=sidebar][data-state=expanded] .wander-sidebar [data-slot=sidebar-inner]{background:color-mix(in oklab, var(--w-surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent), inset 0 1px 0 #fff9, 0 14px 30px -24px #0f1e1459;border-radius:2rem}.dark [data-slot=sidebar][data-state=expanded] .wander-sidebar [data-slot=sidebar-inner]{box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff0d,0 14px 30px -24px #0009}.wander-sidebar-sheet[data-slot=sidebar]{inset:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) auto;background:radial-gradient(120% 70% at 100% 0%, color-mix(in oklab, var(--w-accent) 26%, transparent), transparent 60%), var(--glass-pop);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);height:auto;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1.5px 0 var(--glass-rim), 0 22px 44px -18px var(--glass-drop);border-radius:2rem;overflow:hidden}.wander-sidebar-sheet [data-sidebar=content]{overscroll-behavior:contain}.wander-sidebar-item>svg{width:1.125rem;height:1.125rem}.wander-sidebar-item:not([data-active=true])>svg:first-child{color:color-mix(in oklab, var(--foreground) 55%, transparent)}.wander-sidebar-item[data-active=true]{background-color:color-mix(in oklab, var(--foreground) 6%, transparent);position:relative}.wander-sidebar-item[data-active=true]>svg{color:var(--entry-mark,var(--w-text))}.wander-sidebar-item[data-active=true]:before{content:"";background:var(--entry-mark,var(--w-text));border-radius:0 3px 3px 0;width:3px;height:1.125rem;position:absolute;top:50%;left:0;translate:0 -50%}.wander-sidebar-toggle{background:var(--w-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 2px 8px -2px #0f1e1440;transition:top .2s linear, transform .16s var(--ease-out), color .15s ease, box-shadow .15s ease}@media (hover:hover) and (pointer:fine){.wander-sidebar-toggle:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 16%, transparent), 0 3px 10px -2px #0f1e144d}}.dark .wander-sidebar-toggle{box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 8px -2px #00000080}@media (prefers-reduced-motion:reduce){.wander-sidebar-toggle{transition:none}}
