@media(min-width:80rem){.rubick .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__group-label{color:currentColor}.rubick .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__group-label:before{opacity:0}.rubick .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__link .side-menu__link__title{color:currentColor}.rubick .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__link .side-menu__link__badge,.rubick .side-menu.side-menu--collapsed.side-menu--on-hover .side-menu__link .side-menu__link__chevron{opacity:1}.rubick .side-menu.side-menu--collapsed.side-menu--on-hover ul.scrollable>li>.side-menu__link .side-menu__link__icon{margin-left:0}.rubick .side-menu.side-menu--collapsed .side-menu__group-label{color:#0000;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-duration:.1s;position:relative}.rubick .side-menu.side-menu--collapsed .side-menu__group-label:before{content:"...";text-align:center;color:var(--color-background);transition-property:opacity;transition-duration:.1s;position:absolute;left:0;right:0}.rubick .side-menu.side-menu--collapsed .side-menu__link .side-menu__link__title{white-space:nowrap;color:#0000;transition-property:color;transition-duration:.3s}.rubick .side-menu.side-menu--collapsed .side-menu__link .side-menu__link__badge,.rubick .side-menu.side-menu--collapsed .side-menu__link .side-menu__link__chevron{opacity:0;transition-property:opacity;transition-duration:.3s}.rubick .side-menu.side-menu--collapsed .side-menu__link .side-menu__link__icon{transition-property:margin;transition-duration:.1s}.rubick .side-menu.side-menu--collapsed ul.scrollable>li>.side-menu__link .side-menu__link__icon{margin-left:.625rem}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active{margin-bottom:.875rem;margin-right:-1rem}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:before{content:"";background:var(--color-background);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:before{background:color-mix(in oklch,var(--color-background),var(--color-foreground) 2%)}}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:before{z-index:-1;--radius:2em;border-block:var(--radius) solid #0000;border-radius:var(--radius) 0 0 var(--radius) / calc(2 * var(--radius));-webkit-mask:radial-gradient(var(--radius) at 0 var(--radius),#0000 99%,#000 101%) 100% calc(-1 * var(--radius)) / var(--radius) 100% repeat-y,conic-gradient(#000 0 0) padding-box;mask:radial-gradient(var(--radius) at 0 var(--radius),#0000 99%,#000 101%) 100% calc(-1 * var(--radius)) / var(--radius) 100% repeat-y,conic-gradient(#000 0 0) padding-box;margin:calc(var(--radius) * -1) 0}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:after{content:"";background:var(--color-background);position:absolute;inset:-1px 1px -1px -1px}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:after{background:color-mix(in oklch,var(--color-background),var(--color-foreground) 2%)}}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:after{z-index:-2;--radius:2em;border-block:var(--radius) solid #0000;border-radius:var(--radius) 0 0 var(--radius) / calc(2 * var(--radius));-webkit-mask:radial-gradient(var(--radius) at 0 var(--radius),#0000 99%,#000 101%) 100% calc(-1 * var(--radius)) / var(--radius) 100% repeat-y,conic-gradient(#000 0 0) padding-box;mask:radial-gradient(var(--radius) at 0 var(--radius),#0000 99%,#000 101%) 100% calc(-1 * var(--radius)) / var(--radius) 100% repeat-y,conic-gradient(#000 0 0) padding-box;margin:calc(var(--radius) * -1) 0}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active>div:before{content:"";opacity:.2;background:var(--color-background);position:absolute;inset:.5rem 1px -.5rem .5rem}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active>div:before{background:color-mix(in oklch,var(--color-background),var(--color-foreground) 2%)}}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active>div:before{z-index:-2;--radius:2em;border-block:var(--radius) solid #0000;border-radius:var(--radius) 0 0 var(--radius) / calc(2 * var(--radius));-webkit-mask:radial-gradient(var(--radius) at 0 var(--radius),#0000 99%,#000 101%) 100% calc(-1 * var(--radius)) / var(--radius) 100% repeat-y,conic-gradient(#000 0 0) padding-box;mask:radial-gradient(var(--radius) at 0 var(--radius),#0000 99%,#000 101%) 100% calc(-1 * var(--radius)) / var(--radius) 100% repeat-y,conic-gradient(#000 0 0) padding-box;margin:calc(var(--radius) * -1) 0}}.rubick .side-menu .side-menu__group-label{white-space:nowrap;opacity:.5;text-transform:uppercase;margin-top:1.75rem;margin-bottom:.75rem;margin-left:.5rem;font-size:.75rem}.rubick .side-menu .side-menu__link{align-items:center;margin-bottom:.375rem;padding:1rem 1.25rem;display:flex}.rubick .side-menu .side-menu__link.side-menu__link--active{font-weight:500}.rubick .side-menu .side-menu__link.side-menu__link--active .side-menu__link__title{color:var(--color-background)}.rubick .side-menu .side-menu__link .side-menu__link__icon{--color:var(--color-background);flex:none;width:1.15rem;height:1.15rem}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu .side-menu__link .side-menu__link__icon{--color:color-mix(in oklch, var(--color-background), transparent 30%)}}.rubick .side-menu .side-menu__link .side-menu__link__title{text-overflow:ellipsis;white-space:nowrap;color:var(--color-background);margin-left:.75rem;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu .side-menu__link .side-menu__link__title{color:color-mix(in oklch,var(--color-background),transparent 20%)}}.rubick .side-menu .side-menu__link .side-menu__link__badge{min-width:1.15rem;height:1.2rem;color:var(--color-background);justify-content:center;align-items:center;margin-left:.875rem;padding:0 .5rem;font-size:.75rem;font-weight:500;display:flex}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu .side-menu__link .side-menu__link__badge{color:color-mix(in oklch,var(--color-background),transparent 20%)}}.rubick .side-menu .side-menu__link .side-menu__link__badge{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu .side-menu__link .side-menu__link__badge{background-color:color-mix(in oklch,var(--color-background),transparent 85%)}}.rubick .side-menu .side-menu__link .side-menu__link__badge{border:1px solid var(--color-background)}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu .side-menu__link .side-menu__link__badge{border:1px solid color-mix(in oklch,var(--color-background),transparent 85%)}}.rubick .side-menu .side-menu__link .side-menu__link__badge{border-radius:.5rem}.rubick .side-menu .side-menu__link .side-menu__link__chevron{stroke-width:1.2px;color:var(--color-background);margin-left:auto}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu .side-menu__link .side-menu__link__chevron{color:color-mix(in oklch,var(--color-background),transparent 20%)}}.rubick .side-menu ul.scrollable{position:relative}.rubick .side-menu ul.scrollable>li>.side-menu__link{border-radius:9999px}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active{color:var(--color-foreground);position:relative}@media(min-width:80rem){.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__icon{--color:var(--color-primary)}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__title{color:var(--color-primary)}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__chevron{color:var(--color-foreground);margin-right:1rem}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__chevron{color:color-mix(in oklch,var(--color-foreground),transparent 20%)}}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__badge{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__badge{color:color-mix(in oklch,var(--color-primary),transparent 20%)}}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__badge{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__badge{background-color:color-mix(in oklch,var(--color-primary),transparent 85%)}}.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__badge{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__badge{border-color:color-mix(in oklch,var(--color-primary),transparent 85%)}}}.rubick .side-menu ul.scrollable>li>.side-menu__link:hover:not(.side-menu__link--active){background:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li>.side-menu__link:hover:not(.side-menu__link--active){background:color-mix(in oklch,var(--color-background),transparent 92%)}}.rubick .side-menu ul.scrollable>li ul{background:var(--color-background);padding:.25rem 0}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li ul{background:color-mix(in oklch,var(--color-background),transparent 90%)}}.rubick .side-menu ul.scrollable>li ul{border:1px solid var(--color-background);border-radius:1rem}@supports (color:color-mix(in lab,red,red)){.rubick .side-menu ul.scrollable>li ul{border:1px solid color-mix(in oklch,var(--color-background),transparent 87%)}}.rubick .side-menu ul.scrollable>li ul{margin-bottom:.5rem;margin-left:.5rem;margin-right:.5rem}.rubick .side-menu ul.scrollable>li ul .side-menu__link{margin-bottom:0}.rubick .side-menu ul.scrollable>li ul ul{margin:0 -1px}.dark .rubick .side-menu .side-menu__group-label{opacity:.3}.dark .rubick .side-menu .side-menu__link:not(.side-menu__link--active){--color-background:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.dark .rubick .side-menu .side-menu__link:not(.side-menu__link--active){--color-background:color-mix(in oklch, var(--color-foreground), transparent 20%)}}.dark .rubick .side-menu .side-menu__link.side-menu__link--active .side-menu__link__icon{--color:var(--color-foreground)}.dark .rubick .side-menu .side-menu__link.side-menu__link--active .side-menu__link__title{color:var(--color-foreground)}.dark .rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__icon{--color:var(--color-foreground)}.dark .rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__title{color:var(--color-foreground)}.dark .rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active .side-menu__link__badge{--color-primary:var(--color-foreground)}.dark .rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:before{opacity:.7}.dark .rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:after{opacity:.2;--color-background:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.dark .rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active:after{--color-background:color-mix(in oklch, var(--color-foreground), transparent 70%)}}.dark .rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active>div:before{background:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.dark .rubick .side-menu ul.scrollable>li>.side-menu__link.side-menu__link--active>div:before{background:color-mix(in oklch,var(--color-foreground),transparent 85%)}}.dark .rubick .side-menu ul.scrollable>li>.side-menu__link:hover:not(.side-menu__link--active){background:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.dark .rubick .side-menu ul.scrollable>li>.side-menu__link:hover:not(.side-menu__link--active){background:color-mix(in oklch,var(--color-foreground),transparent 95%)}}.dark .rubick .side-menu ul.scrollable>li ul{--color-background:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.dark .rubick .side-menu ul.scrollable>li ul{--color-background:color-mix(in oklch, var(--color-foreground), transparent 65%)}}