section[role=region]{width:100%;transition:all .25s ease;position:relative;z-index:100}section[role=region]:target{transform:translateX(80%)}section[role=region]:target>header:first-child>a:last-of-type,section[role=region]>header:first-child>a:first-of-type{display:none}section[role=region]:target>header:first-child>a:first-of-type,section[role=region]>header:first-child>a:last-of-type{display:block}[role=main]{background:#fff;height:calc(100% - 4.5rem);overflow:hidden}section[data-type=sidebar]{position:absolute;width:80%;height:100%;top:0;left:0;overflow:hidden;background:#004256}section[data-type=sidebar]>header{position:relative}section[data-type=sidebar]>header h1{font-size:2.2rem;line-height:4.5rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;padding:0 0 0 3rem;margin:0;height:4.5rem;font-weight:500;background:rgba(0,0,0,.1);color:#fff}section[data-type=sidebar]:after{background:#003144;width:.1rem}section[data-type=sidebar]>header menu[type=toolbar] a:active,section[data-type=sidebar]>header menu[type=toolbar] button:active{background:rgba(0,0,0,.3)}section[data-type=sidebar]>nav{overflow-y:auto;height:100%;-moz-box-sizing:border-box}section[data-type=sidebar].has-toolbar>nav{border-bottom:5rem transparent solid}section[data-type=sidebar]>nav>h2{text-indent:3rem;color:#fff;margin:0;padding-right:.8rem;background:0 0;font-size:1.4rem;height:4.5rem;line-height:6rem;text-transform:uppercase;font-weight:500;border-bottom:.1rem solid rgba(0,0,0,.1);color:rgba(255,255,255,.5)}section[data-type=sidebar]>nav>ul{width:100%;margin:0;padding:0}section[data-type=sidebar]>nav>ul>li{color:#fff;list-style:none;transition:background .2s ease}section[data-type=sidebar]>nav>ul>li.active,section[data-type=sidebar]>nav>ul>li:active{background:rgba(0,0,0,.3)}section[data-type=sidebar]>nav>ul>li>a{text-decoration:none;font-size:1.8rem;font-weight:400;height:4.5rem;line-height:4.5rem;border-bottom:.1rem solid rgba(0,0,0,.05);text-indent:3rem;padding-right:.8rem;width:100%;color:rgba(255,255,255,.8);-moz-box-sizing:border-box;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}section[data-type=sidebar]>nav>ul>li:last-child>a{border-bottom:none}section[data-type=sidebar]>nav>ul>li.active a{color:rgba(255,255,255,1)}section[data-type=sidebar] [role=toolbar]{background:#004256}