.sidebar{top:0;bottom:0;position:fixed;overflow-y:auto;z-index:1000;background-color:var(--sidebar-background-color);padding-inline:var(--sidebar-padding-x);padding-block:var(--sidebar-padding-y);width:var(--sidebar-width);transition:transform .2s ease}.sidebar.sidebar-left{left:0;border-right:var(--sidebar-border-color) var(--sidebar-border-style) var(--sidebar-border-width);border-top-right-radius:var(--sidebar-border-radius);border-bottom-right-radius:var(--sidebar-border-radius);transform:translateX(-100%)}.sidebar.sidebar-left.hide{transform:translateX(-100%)}.sidebar.sidebar-right{right:0;border-left:var(--sidebar-border-color) var(--sidebar-border-style) var(--sidebar-border-width);border-top-left-radius:var(--sidebar-border-radius);border-bottom-left-radius:var(--sidebar-border-radius);transform:translateX(100%)}.sidebar.sidebar-right.hide{transform:translateX(100%)}.sidebar.show{transform:translateX(0)}.sidebar-fixed{top:0;bottom:0;position:fixed;overflow-y:auto;z-index:1000;background-color:var(--sidebar-background-color);padding-inline:var(--sidebar-padding-x);padding-block:var(--sidebar-padding-y);width:var(--sidebar-width)}.sidebar-fixed.sidebar-left{left:0;border-right:var(--sidebar-border-color) var(--sidebar-border-style) var(--sidebar-border-width);border-top-right-radius:var(--sidebar-border-radius);border-bottom-right-radius:var(--sidebar-border-radius)}.sidebar-fixed.sidebar-right{right:0;border-left:var(--sidebar-border-color) var(--sidebar-border-style) var(--sidebar-border-width);border-top-left-radius:var(--sidebar-border-radius);border-bottom-left-radius:var(--sidebar-border-radius)}.sidebar-compact{top:0;bottom:0;position:fixed;overflow-y:auto;z-index:1000;background-color:var(--sidebar-background-color);padding-inline:var(--sidebar-padding-x);padding-block:var(--sidebar-padding-y);width:var(--sidebar-compact-width);display:flex;flex-direction:column;justify-content:space-between;transition:width .2s ease}.sidebar-compact .sidebar-item{display:flex;justify-content:center;gap:var(--sidebar-compact-gap)}.sidebar-compact.sidebar-left{left:0;border-right:var(--sidebar-border-color) var(--sidebar-border-style) var(--sidebar-border-width);border-top-right-radius:var(--sidebar-border-radius);border-bottom-right-radius:var(--sidebar-border-radius)}.sidebar-compact.sidebar-right{right:0;border-left:var(--sidebar-border-color) var(--sidebar-border-style) var(--sidebar-border-width);border-top-left-radius:var(--sidebar-border-radius);border-bottom-left-radius:var(--sidebar-border-radius)}.sidebar-compact.hide,.sidebar-compact[hidden]{width:var(--sidebar-compact-width-reduce)}.sidebar-compact.show{width:var(--sidebar-compact-width)}.sidebar-item{overflow-x:hidden}.sidebar-item.hide{justify-content:center}.sidebar-item.hide .sidebar-text{display:none}.sidebar-item.show{justify-content:flex-start}.sidebar-item.show .sidebar-text{display:block}body:has(.sidebar-compact.sidebar-shift),body:has(.sidebar.sidebar-shift){transition:margin-left .2s ease,margin-right .2s ease}body:has(.sidebar-compact.sidebar-left.sidebar-shift.show){margin-left:var(--sidebar-compact-width)}body:has(.sidebar-compact.sidebar-left.sidebar-shift.hide){margin-left:var(--sidebar-compact-width-reduce)}body:has(.sidebar-compact.sidebar-right.sidebar-shift.show){margin-right:var(--sidebar-compact-width)}body:has(.sidebar-compact.sidebar-right.sidebar-shift.hide){margin-right:var(--sidebar-compact-width-reduce)}body:has(.sidebar-compact.sidebar-left):not(:has(.sidebar-compact.sidebar-left.sidebar-shift)){margin-left:var(--sidebar-compact-width-reduce)}body:has(.sidebar-compact.sidebar-right):not(:has(.sidebar-compact.sidebar-right.sidebar-shift)){margin-right:var(--sidebar-compact-width-reduce)}body:has(.sidebar.sidebar-shift.sidebar-left.show){margin-left:var(--sidebar-width)}body:has(.sidebar.sidebar-shift.sidebar-right.show){margin-right:var(--sidebar-width)}body:has(.sidebar-fixed.sidebar-left){margin-left:var(--sidebar-width)}body:has(.sidebar-fixed.sidebar-right){margin-right:var(--sidebar-width)}