System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  \n  top: 0;\n  width: var(--nile-width-240px, var(--ng-spacing-296));\n  display: flex;\n  flex-direction: column;\n  background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n  height: 100%;\n  overflow: hidden;  \n  transition: width 0.25s ease, transform 0.25s ease;\n  z-index: 1000;\n}\n\n \n:host([position='left']) {\n  left: 0;\n  border-right: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n}\n\n:host([position='right']) {\n  right: 0;\n  border-left: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n}\n\n \n:host([collapsed]) {\n  width: var(--nile-width-70px, var(--ng-spacing-68));\n}\n\n \n:host([position='right'][collapsed]) {\n  transform: translateX(calc(var(--sidebar-width) - var(--sidebar-collapsed-width)));\n}\n\n:host {\n  scrollbar-width: thin;\n  scrollbar-color: #64748b transparent;\n}\n\n:host::-webkit-scrollbar {\n  width: 6px;\n}\n:host::-webkit-scrollbar-track {\n  background: transparent;\n}\n:host::-webkit-scrollbar-thumb {\n  background-color: #64748b;\n  border-radius: 10px;\n}\n\n \n.scroll-container {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n \n::slotted(nile-side-bar-header) {\n  flex-shrink: 0;\n}\n\n::slotted(nile-side-bar-footer) {\n  flex-shrink: 0;\n  position: sticky;\n  bottom: 0;\n  margin-top: auto;\n}\n\n \n \n\n\n\n\n\n\n\n"]))));}};});
//# sourceMappingURL=nile-side-bar.css.cjs.js.map
