.bar-wrapper{-moz-column-gap:2px;column-gap:2px;display:grid}.bar-item{background:#e3e2e2;height:4px}.bar-item_active{background:#0dd5aa}.material-page-layout{-moz-column-gap:28px;column-gap:28px;display:grid;grid-template-columns:1fr 272px}.material-content-list{border-left:2px solid hsla(0,0%,80%,.3);height:100vh;margin-top:-30px;overflow-y:auto;padding-left:23px;padding-top:30px}.page-area{min-inline-size:0;min-width:0}