.sidebar-item{position:relative;padding:0 10px;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;opacity:0;transform:translateX(-10px) scale(.98);animation-name:sidebar-item-entrance;animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.22,1,.36,1);will-change:transform,opacity,padding-left;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.sidebar-item:after{content:"";position:absolute;background:var(--color-white);height:0;left:11px;opacity:0;width:4px;border-radius:4px;z-index:1;transition:height .5s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);will-change:height,opacity,transform;transform:translateZ(0) scaleY(0);transform-origin:center}.sidebar-item-background{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background-color:var(--color-white);pointer-events:none;z-index:0;transform:scale(.88) translateZ(0);border:1px solid transparent;opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .45s cubic-bezier(.34,1.56,.64,1),border-color .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform,opacity,border-color;backface-visibility:hidden}.sidebar-item:hover{transition:color .3s ease-out}.sidebar-item:not(.active):hover .sidebar-item-background{animation:sidebar-item-hover .2s cubic-bezier(.22,1,.36,1) forwards}.sidebar-item:not(.active){transition:padding-left .5s cubic-bezier(.34,1.56,.64,1),color .4s cubic-bezier(.34,1.56,.64,1)}.sidebar-item:not(.active) .sidebar-item-background{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .45s cubic-bezier(.34,1.56,.64,1)}.sidebar-item:not(.active):after{transition:height .5s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}.sidebar-item:active .sidebar-item-background{transform:scale(.96)!important;opacity:.9!important;transition:transform .1s cubic-bezier(.4,0,1,1)!important}.sidebar-item.active{padding-left:20px;transition:padding-left .5s cubic-bezier(.34,1.56,.64,1),color .4s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.depth0:not(.active){padding-left:calc(0 * 12px + 16px)!important;transition:padding-left .5s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.depth0.active{padding-left:calc(0 * 12px + 30px)!important;transition:padding-left .5s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.depth1:not(.active){padding-left:calc(1 * 12px + 16px)!important;transition:padding-left .5s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.depth1.active{padding-left:calc(1 * 12px + 35px)!important;transition:padding-left .5s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.depth2:not(.active){padding-left:calc(2 * 12px + 16px)!important;transition:padding-left .5s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.depth2.active{padding-left:calc(2 * 12px + 20px)!important;transition:padding-left .5s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.depth3.active,.sidebar-item.depth3:not(.active){padding-left:calc(3 * 12px + 40px)!important;transition:padding-left .5s cubic-bezier(.34,1.56,.64,1)}.sidebar-item.active:after{opacity:1;background-color:var(--color-primary);height:18px;transform:translateZ(0) scaleY(1)}.sidebar-item.active .sidebar-item-background{opacity:1;transform:scale(1) translateZ(0);animation:item-background-active .6s cubic-bezier(.34,1.56,.64,1) forwards;border:1px solid #f1f1f1}.sidebar-item-icon{z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease-out;transform:translateZ(0);will-change:transform}.sidebar-item.active .sidebar-item-icon{transform:translateZ(0) scale(1.08)}.sidebar-item-label{font-size:15px;z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1),font-weight .3s ease-out;transform:translateZ(0);will-change:transform}.sidebar-item.active .sidebar-item-label{transform:translateZ(0) translateX(2px)}@keyframes sidebar-item-entrance{0%{opacity:0;transform:translateX(-12px) scale(.98) translateZ(0)}60%{opacity:.8}to{opacity:1;transform:translateX(0) scale(1) translateZ(0)}}@keyframes sidebar-item-hover{0%{transform:scale(.92) translateZ(0);opacity:.3}50%{transform:scale(1.03) translateZ(0);opacity:.7}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes item-background-active{0%{opacity:0;transform:scale(.88) translateZ(0)}40%{opacity:.85;transform:scale(1.02) translateZ(0)}70%{opacity:.95;transform:scale(.99) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}.sidebar-item-group{width:100%}.sidebar-item-arrow{margin-left:auto;z-index:1;display:flex;align-items:center;justify-content:center;will-change:transform;transform:translateZ(0)}.sidebar-item-children-motion{overflow:hidden;will-change:height,opacity;transform:translateZ(0);backface-visibility:hidden}.sidebar-group{margin-top:1rem}.sidebar-group-title{text-transform:uppercase;font-size:14px;font-weight:600;color:#434b55c6}.con-main{background:#f7f7f7;padding-top:calc(56px + 24px);flex:1;height:100vh;overflow-y:auto;z-index:1}