.bsn-sidebar-cell{transition:background-color .15s ease-in-out;color:var(--color-bsn-label);position:relative;--intensity:1;--gradient-left:oklch(from var(--color-bsn-sidebar-active) l c h/calc(0.1 * var(--intensity)));--gradient-right:oklch(from var(--color-bsn-sidebar-active) l c h/calc(0.25 * var(--intensity)));--gradient-end:oklch(from var(--color-bsn-sidebar-active) l c h/calc(0.5 * var(--intensity)));--gradient:linear-gradient(to right,var(--gradient-left) 0%,var(--gradient-right) 70%,var(--gradient-end) 100%);&:not(.bsn-sidebar-cell--active):hover{--intensity:0.5;background:var(--gradient);color:var(--color-bsn-sidebar-text);&:before{content:"";width:.25rem;position:absolute;top:0;bottom:0;right:0;z-index:2;background-color:oklch(from var(--color-bsn-sidebar-text) l c h/.5);mix-blend-mode:overlay}}}.bsn-sidebar-cell--active{background:var(--gradient);color:var(--color-bsn-sidebar-text);font-weight:700;&:hover{--intensity:1;background:var(--gradient)}&:after,&:before{content:"";width:.25rem;position:absolute;top:0;bottom:0;right:0;z-index:3;background-color:var(--color-bsn-accent);mix-blend-mode:overlay}&:before{background-color:oklch(from var(--color-bsn-accent) calc(l * 1.2) calc(c * 1.2) h);z-index:2;mix-blend-mode:normal;width:.5rem;top:-.25rem;bottom:-.25rem;right:-.2rem;border-radius:1rem;filter:blur(5px);opacity:.25}}