#layoutContainer{display:grid;grid-template:4rem 1fr/auto 1fr}#headerBar{grid-row:1/2;grid-column:1/3}#navDrawer{grid-row:2/3;grid-column:1/2;background-color:#ccc;transition:margin-left .5s ease-in-out;margin-left:-16em;width:15em;display:flex;flex-direction:column;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}#navDrawer.open{margin-left:0}#navDrawer a{text-decoration:none;color:var(--fbc-primary-text);font-weight:700}#navDrawer li{transition:background-color .2s ease-in-out}#navDrawer .current li{background-color:#b6b6b6}#navDrawer a:hover li{background-color:#a8a8a8}#mainContainer{grid-row:2/3;grid-column:2/3}#layoutContainer,#root,body,html{height:100%}