:root{--tt-sidebar-bg:var(--tt-gray-light-100);--tt-sidebar-border-color:var(--tt-gray-light-100)}.dark{--tt-sidebar-bg:var(--tt-gray-dark-100);--tt-sidebar-border-color:var(--tt-gray-dark-100)}.sidebar{display:none}@media (min-width:768px){.sidebar{display:block}}.sidebar-wrapper{width:100%;min-height:100svh;display:flex}.sidebar-container{z-index:10;height:100svh;width:var(--sidebar-width);transition:left .2s linear,right .2s linear,width .2s linear;display:none;position:fixed;top:0;bottom:0}@media (min-width:768px){.sidebar-container{display:flex}}.sidebar-container[data-side=left]{border-right-width:1px;left:0}.sidebar-container[data-side=left][data-collapsible=offcanvas]{left:calc(var(--sidebar-width)*-1)}.sidebar-container[data-side=right]{border-left-width:1px;right:0}.sidebar-container[data-side=right][data-collapsible=offcanvas]{right:calc(var(--sidebar-width)*-1)}.sidebar-gap{width:var(--sidebar-width);background-color:#0000;transition:width .2s linear;position:relative}.sidebar-gap[data-collapsible=offcanvas]{width:0}.sidebar-gap[data-side=right]{transform:rotate(180deg)}.sidebar-main{background-color:var(--tt-sidebar-bg);flex-direction:column;width:100%;height:100%;display:flex}.sidebar-rail{z-index:20;width:1rem;transition:all .2s linear;display:none;position:absolute;top:0;bottom:0;transform:translate(-50%)}@media (min-width:640px){.sidebar-rail{display:flex}}.sidebar-rail:after{content:"";width:2px;position:absolute;top:0;bottom:0;left:50%}.sidebar-rail:hover:after{background-color:var(--tt-sidebar-border-color)}[data-side=left] .sidebar-rail{cursor:w-resize;right:-1rem}[data-side=right] .sidebar-rail{cursor:e-resize;left:0}[data-side=left][data-state=collapsed] .sidebar-rail{cursor:e-resize}[data-side=right][data-state=collapsed] .sidebar-rail{cursor:w-resize}[data-collapsible=offcanvas] .sidebar-rail{transform:translate(0)}[data-collapsible=offcanvas] .sidebar-rail:after{left:100%}[data-collapsible=offcanvas] .sidebar-rail:hover{background-color:var(--tt-sidebar-bg)}[data-side=left][data-collapsible=offcanvas] .sidebar-rail{right:-.5rem}[data-side=right][data-collapsible=offcanvas] .sidebar-rail{left:-.5rem}.sidebar-inset{flex-direction:column;flex:1;width:100%;display:flex;position:relative}.sidebar-header,.sidebar-footer{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.sidebar-content{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow:auto}