.citizen-ui-layout{flex-direction:column;min-height:100vh;display:flex}.citizen-ui-layout .citizen-ui-layout-body{flex-direction:row;flex-grow:1;display:flex}.citizen-ui-layout .citizen-ui-layout-body .citizen-ui-layout-body-nav{flex-direction:row;flex-grow:0;width:100%;display:none}.citizen-ui-layout .citizen-ui-layout-body .citizen-ui-layout-body-content{background:#fff;flex-direction:column;flex-grow:1;width:auto;display:flex}.citizen-ui-layout .citizen-ui-layout-body .citizen-ui-layout-body-content .citizen-ui-layout-body-content-main{flex-grow:1}.citizen-ui-layout .citizen-ui-layout-body.side-bar-visible .citizen-ui-layout-body-nav{display:flex}.citizen-ui-layout .citizen-ui-layout-body.side-bar-visible .citizen-ui-layout-body-content{display:none}@media (min-width:768px){.citizen-ui-layout .citizen-ui-layout-body .citizen-ui-layout-body-nav,.citizen-ui-layout .citizen-ui-layout-body.side-bar-visible .citizen-ui-layout-body-nav{border-right:1px solid #b1b4b6;flex:0 0 300px;width:301px;display:flex}.citizen-ui-layout .citizen-ui-layout-body .citizen-ui-layout-body-content,.citizen-ui-layout .citizen-ui-layout-body.side-bar-visible .citizen-ui-layout-body-content{display:flex}}.citizen-ui-layout.citizen-ui-custom-theme .citizen-ui-layout-body .citizen-ui-layout-body-nav{border-right-color:color-mix(in srgb,var(--citizen-ui-text-color)20%,var(--citizen-ui-background-color))}