.page-root{margin:0;display:flex;width:100%;max-width:100%;flex-direction:row;align-items:stretch}.sidebar-base{position:fixed;top:0;bottom:0;z-index:20;flex:1 1 auto;background-color:hsl(var(--background));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:left,right;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.sidebar-push-base{pointer-events:none;display:block;width:0px;flex-shrink:0;flex-grow:0;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.page-left-sidebar{left:-100%;width:240px;border-right-width:1px;position:fixed;top:0;bottom:0;z-index:20;flex:1 1 auto;background-color:hsl(var(--background));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:left,right;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.page-left-sidebar-push{pointer-events:none;display:block;width:0px;flex-shrink:0;flex-grow:0;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.page-right-sidebar{right:-100%;width:320px;border-left-width:1px;position:fixed;top:0;bottom:0;z-index:20;flex:1 1 auto;background-color:hsl(var(--background));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:left,right;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.page-right-sidebar-push{right:-100%;pointer-events:none;display:block;width:0px;flex-shrink:0;flex-grow:0;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}@media not all and (min-width: 768px){.page-root.left-open-mobile .page-left-sidebar{left:0}}@media (min-width: 768px){.page-root.left-open-desktop .page-left-sidebar{left:0}.page-root.left-open-desktop .page-left-sidebar-push{width:240px}}@media not all and (min-width: 768px){.page-root.right-open-mobile .page-right-sidebar{right:0}}@media (min-width: 768px){.page-root.right-open-desktop .page-right-sidebar{right:0}.page-root.right-open-desktop .page-right-sidebar-push{width:320px}}.page-center-column{position:relative;display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;background-color:hsl(var(--background))}.page-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background-color:#0003;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.page-root.left-open-mobile .page-overlay,.page-root.right-open-mobile .page-overlay{pointer-events:auto;opacity:1}@media (min-width: 768px){.page-root.left-open-mobile .page-overlay,.page-root.right-open-mobile .page-overlay{pointer-events:none;opacity:0}}.page-content{flex-grow:1}