body{overflow:hidden;margin:0;padding:0;font-family:sans-serif}#page{height:100vh;width:100vw;display:grid}@media only screen and (max-width: 599px){#page{grid-template-columns:1fr}main.card{grid-template-columns:100%}button.menu{display:inline-flex}nav.rail{display:none}nav.sub-nav{display:none}nav.drawer{display:block;position:absolute;top:0;left:0}aside{display:none}}@media only screen and (min-width: 600px) and (max-width: 899px){#page{grid-template-columns:80px 1fr}main.card{grid-template-columns:repeat(2,1fr)}button.menu{display:none}nav.drawer{display:none}aside{display:none}}@media only screen and (min-width: 900px) and (max-width: 1199px){#page{grid-template-columns:80px 1fr}main.card{grid-template-columns:repeat(3,1fr)}button.menu{display:none}nav.drawer{display:none}aside{display:none}}@media only screen and (min-width: 1200px){#page{grid-template-columns:80px 1fr 200px}main.card{grid-template-columns:repeat(3,1fr)}button.menu{display:none}nav.drawer{display:none}}header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;height:64px}header.action-bar{width:64px}h1{align-self:center}main{padding:24px;overflow-x:hidden;overflow-y:scroll}main.card{display:grid;gap:24px}main.master-detail{display:grid;grid-template-columns:33% 66%}nav{margin:0;padding:0;width:80px;background-color:#006bd6}nav.rail{padding-top:12px;height:100vh}nav.drawer{margin-top:64px}svg{margin-top:12px;margin-left:16px;margin-right:16px;width:24px;height:24px;fill:#fff}nav ul{margin:0;padding:0;list-style-type:none}nav a{margin-left:12px;margin-right:12px;margin-bottom:12px;display:block;width:56px;height:56px;color:#fff;font-size:12px;text-align:center;text-decoration:none}nav a:hover{background-color:#fff;color:#006bd6;fill:#006bd6}nav a:hover svg{fill:#006bd6}nav.rail a.active{background-color:#fff;color:#006bd6;fill:#006bd6}nav.rail a.active svg{fill:#006bd6}button.menu{margin-left:0;margin-top:0;padding-left:0;padding-top:0}button.menu svg{width:24px;height:24px;fill:#fff}nav.drawer{background-color:#006bd6;color:#fff;z-index:2}nav.sub-nav{height:100vh;overflow-x:hidden;overflow-y:scroll}nav.sub-nav a{height:56px;display:block}header{background-color:#006bd6}h1{margin:0;padding:18px;text-align:center;font-size:22pt;color:#fff;vertical-align:middle}section.card{box-shadow:0 4px 8px #0003;transition:.3s;display:grid;grid-template-rows:auto 1fr auto}section.card:hover{box-shadow:0 8px 16px #0003}section.card-container{padding:2px 16px}article.card-header{display:grid;grid-template-columns:56px 100%;overflow:hidden}.avatar{width:40px;height:40px;border-radius:20px;margin:8px}article.card-image{position:relative;display:flex;align-items:center}.card-image:after{content:"";display:block;padding-bottom:100%}img.card-image{position:absolute;width:100%;height:100%;object-fit:cover}div.avatar-container{width:100%;text-align:center}img.avatar-large{width:128px;height:128px;border-radius:64px;margin:8px}.two-lines{grid-row:span 2}.first-line{margin-top:8px}.one-line{margin-left:8px;margin-right:8px;margin-bottom:8px;text-overflow:clip}.bold{font-weight:700}a.icon{color:#006bd6;background-color:#006bd6}div.action-bar svg{margin-top:18px}input[type=file]{width:0px;height:0px;overflow:hidden}