:root{--folder-color: oklch(.45 .25 250);--story-color: oklch(.55 .2 220);--component-color: oklch(.6859 .2252 358.41);--docs-color: oklch(.85 .15 85);--hover-scale: 1.05;--selected-scale: 1.1;--transition: all .2s ease-in-out}.sidebar-item{transition:var(--transition)}.sidebar-item svg{transition:var(--transition);filter:drop-shadow(0 1px 2px oklch(0 0 0 / .1))}.sidebar-item[data-nodetype=root] svg{color:var(--folder-color)}.sidebar-item[data-nodetype=component] svg{color:var(--component-color)}.sidebar-item[data-nodetype=document] svg{color:var(--docs-color)}.sidebar-item[data-nodetype=story] svg{color:var(--story-color)}.sidebar-item:hover{background-color:#ffffff0d;border-radius:4px}.sidebar-item:hover svg{transform:scale(var(--hover-scale));filter:drop-shadow(0 2px 4px currentColor / .4)}.sidebar-item[data-selected=true]{background-color:#ffffff1a;border-radius:4px;box-shadow:inset 0 0 0 1px #fff3;position:relative;overflow:hidden}.sidebar-item[data-selected=true]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .15),transparent);animation:wave 32s ease-in-out infinite;pointer-events:none}.sidebar-item[data-selected=true] svg{transform:scale(var(--selected-scale));animation:pulse 2s ease-in-out infinite}.sidebar-item[data-selected=true] button,.sidebar-item[data-selected=true] .sidebar-item-action{background-color:transparent;border:none;box-shadow:none}.sidebar-item[data-selected=true]:hover button,.sidebar-item[data-selected=true]:hover .sidebar-item-action{background-color:transparent}.sidebar-item:focus-visible{outline:2px solid currentColor;outline-offset:2px}@keyframes pulse{0%,to{filter:drop-shadow(0 2px 6px currentColor / .6)}50%{filter:drop-shadow(0 4px 8px currentColor / .8)}}@keyframes wave{0%{left:-100%}8%{left:100%}}[id^=list-item-]{color:#dedede}[id^=list-item-] .css-o278d9,[id^=list-item-] .css-jj1asq{color:#dedede;font-weight:500}[id^=list-item-] svg{color:#cecece;filter:brightness(1.2)}[id^=list-item-]:hover .css-o278d9,[id^=list-item-]:hover .css-jj1asq{color:#eee}[id^=list-item-]:hover svg{color:#dedede;filter:brightness(1.4)}button[title*="Keyboard shortcuts"] svg,button[aria-label*="Keyboard shortcuts"] svg,button[aria-label*=shortcuts] svg,[data-testid*=shortcuts] svg,button:has(svg):hover svg{transition:var(--transition)}button[title*="Keyboard shortcuts"]:hover svg,button[aria-label*="Keyboard shortcuts"]:hover svg,button[aria-label*=shortcuts]:hover svg,[data-testid*=shortcuts]:hover svg{color:var(--component-color);transform:scale(var(--hover-scale));filter:drop-shadow(0 2px 4px var(--component-color) / .4) brightness(1.2)}button:has(svg[viewBox*="14"]):hover svg{color:var(--component-color);transform:scale(var(--hover-scale));filter:drop-shadow(0 2px 4px var(--component-color) / .4) brightness(1.2)}button[title*="Keyboard shortcuts"]:active svg,button[aria-label*="Keyboard shortcuts"]:active svg,button[aria-label*=shortcuts]:active svg,[data-testid*=shortcuts]:active svg,button[title*="Keyboard shortcuts"][aria-pressed=true] svg,button[aria-label*="Keyboard shortcuts"][aria-pressed=true] svg,button[aria-label*=shortcuts][aria-pressed=true] svg,[data-testid*=shortcuts][aria-pressed=true] svg{color:var(--component-color);transform:scale(var(--selected-scale));filter:drop-shadow(0 4px 8px var(--component-color) / .8) brightness(1.4);animation:pulse 2s ease-in-out infinite}button:has(svg[viewBox*="14"]):active svg,button[aria-pressed=true]:has(svg[viewBox*="14"]) svg{color:var(--component-color);transform:scale(var(--selected-scale));filter:drop-shadow(0 4px 8px var(--component-color) / .8) brightness(1.4);animation:pulse 2s ease-in-out infinite}button[title*="Keyboard shortcuts"]:focus svg,button[aria-label*="Keyboard shortcuts"]:focus svg,button[aria-label*=shortcuts]:focus svg,[data-testid*=shortcuts]:focus svg,button[title*="Keyboard shortcuts"][aria-expanded=true] svg,button[aria-label*="Keyboard shortcuts"][aria-expanded=true] svg,button[aria-label*=shortcuts][aria-expanded=true] svg,[data-testid*=shortcuts][aria-expanded=true] svg,button[title*="Keyboard shortcuts"]:focus-within svg,button[aria-label*="Keyboard shortcuts"]:focus-within svg{color:var(--component-color);transform:scale(var(--selected-scale));filter:drop-shadow(0 4px 8px var(--component-color) / .8) brightness(1.4);animation:pulse 2s ease-in-out infinite}button:has(svg[viewBox*="14"]):focus svg,button[aria-expanded=true]:has(svg[viewBox*="14"]) svg,button:focus-within:has(svg[viewBox*="14"]) svg{color:var(--component-color);transform:scale(var(--selected-scale));filter:drop-shadow(0 4px 8px var(--component-color) / .8) brightness(1.4);animation:pulse 2s ease-in-out infinite}.tabbutton-active>div>div{background-color:#fafafa}