:root{--sidebar-collapse-height:60px;--sidebar-duration-open:800ms;--sidebar-duration-close:800ms;--sidebar-ease-open:cubic-bezier(0.2,0.8,0.2,1);--sidebar-ease-close:cubic-bezier(0.4,0,0.2,1)}.sidebar{overflow:hidden;max-height:var(--sidebar-collapse-height);will-change:max-height}@keyframes sidebar-expand{0%{max-height:var(--sidebar-collapse-height)}to{max-height:var(--sidebar-expanded-max);margin-top:-60px}}@keyframes sidebar-collapse{0%{max-height:var(--sidebar-expanded-max)}to{max-height:var(--sidebar-collapse-height);margin-top:0}}.sidebar--opening{animation:sidebar-expand var(--sidebar-duration-open) var(--sidebar-ease-open) forwards}.sidebar--open{max-height:var(--sidebar-expanded-max)}.sidebar--closing{animation:sidebar-collapse var(--sidebar-duration-close) var(--sidebar-ease-close) forwards;max-height:var(--sidebar-collapse-height)}.sidebar,.sidebar *{box-sizing:border-box}