*{margin:0;padding:0;box-sizing:border-box;font-size:1rem;font-family:'Noto Sans',sans-serif}body{display:grid;grid-template-rows:auto auto;background-color:lightblue}input[type="text"],input[type="password"]{padding:3px 1rem;border-radius:320px;border:solid .2rem rgba(50,50,50,.4);outline:none}input[type="text"]:focus,input[type="password"]:focus{border:solid .2rem rgba(25,25,25,.8)}a{text-decoration:none}a:visited{color:unset}h2{padding:10px 0;font-size:1.75rem;color:rgba(50,50,50,.7)}main,.main-contents{padding:10px;overflow-y:hidden;scrollbar-gutter:stable;min-height:90vh}.header{background-color:#fff;height:-moz-fit-content;height:fit-content;display:grid;grid-template-columns:56px calc(100% - 56px)}.header .logo{width:50px;height:50px;display:block;background-image:url('/images/base/logos/osmium.svg');background-size:contain;margin:3px}.menu li a:hover{background-color:#ccc}.overlay{width:100vw;height:100vh;display:flex;position:fixed;z-index:1000;background-color:rgba(90,90,90,.75);left:0;top:0;align-items:center;justify-content:center}.popup{width:50%;height:50%;position:absolute;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.9);padding:5px}.notification-container{width:100%;display:grid;grid-template-columns:1fr;position:absolute;bottom:0;z-index:1001}.notification-container .notification{padding:1rem;display:grid;font-size:2rem;grid-template-columns:auto 20px}.notification-container .notification.error{background-color:pink;border:solid thin red;color:darkred}.notification-container .notification.info{background-color:lightgrey;border:solid thin black;color:black}.notification-container .notification.success{background-color:lightgreen;border:solid thin #31c731;color:#012c01}.notification-container .notification.warning{background-color:#e7c388;border:solid thin orange;color:#814700}.notification-container .notification .close-notification{font-size:2rem;cursor:pointer}.notification-container .notification .close-notification:after{content:'x';display:flex;align-content:center;justify-items:center}@keyframes flash-ok{0%{background-color:rgba(0,255,0,.9)}25%{background-color:rgba(0,255,0,.7)}50%{background-color:rgba(0,255,0,.5)}75%{background-color:rgba(0,255,0,.2)}100%{background-color:white}}@keyframes flash-fail{0%{background-color:rgba(255,0,0,.9)}25%{background-color:rgba(255,0,0,.7)}50%{background-color:rgba(255,0,0,.5)}75%{background-color:rgba(255,0,0,.2)}100%{background-color:white}}.backdrop{width:100vw;height:100vh;display:flex;position:fixed;backdrop-filter:blur(5px);z-index:1000;background-color:rgba(0,0,0,.25);align-items:center;justify-content:center}.backdrop .thumbnail{z-index:1001;max-width:50%;max-height:50%;flex:0 0 auto;cursor:pointer}.is-mobile .header{grid-template-columns:1fr}.is-mobile .header .logo{display:none}.is-mobile *{font-size:3rem}.is-mobile input[type="text"],.is-mobile input[type="password"]{padding:.7rem 1.5rem}