span.badge{background-color:var(--light-blue);border-radius:var(--border-radius);height:fit-content;padding:0 .35rem;margin:0 .25rem;color:var(--dark-blue)}span.badge[attr-type=green]{background-color:var(--light-green);color:var(--dark-green)}span.badge[attr-type=red]{background-color:var(--light-red);color:var(--dark-red)}span.badge[attr-type=purple]{background-color:var(--light-purple);color:var(--dark-purple)}span.badge[attr-type=grey]{background-color:var(--light-grey);color:var(--dark-grey)}span.badge[attr-type=yellow]{background-color:var(--light-yellow);color:var(--dark-yellow)}.app-container{--sidebar-width: 13rem;--page-content-container-width: calc(100vw - var(--sidebar-width));grid-template-columns:var(--sidebar-width) var(--page-content-container-width);grid-template-rows:1.5rem auto;overflow:hidden;display:grid;height:100dvh;width:100vw}.app-container .header-bar{background-color:#9e9e9e;grid-column:1 / span 2;letter-spacing:12px;align-items:center;padding-left:30px;font-weight:400;font-size:1rem;grid-row:1 / 1;height:var(--app-container-header-bar-height);display:flex;color:#fff}.app-container .header-bar[its-me=false]{background-color:tomato}.app-container .sidebar{border-right:1px solid #f0f0f0;justify-content:space-between;background-color:var(--sidebar-background-color);flex-direction:column;grid-column:1 / 1;padding:2rem 1rem;overflow-y:auto;grid-row:2 / 2;display:flex}.sidebar .links{flex-direction:column;display:flex;gap:1rem}.sidebar .links .link-group-name{color:var(--text-color);font-weight:600;font-size:1rem}.mobile-menu .popover-menu a.link,.sidebar .links .link{color:var(--text-color);text-decoration:none;align-items:center;font-weight:600;cursor:pointer;display:flex;gap:.5rem}.mobile-menu .popover-menu a.link .dot,.sidebar .links .link .dot{background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:.2rem;margin-left:1rem;height:.75rem;width:.75rem}.sidebar .bottom-container .logged-in-user-email{font-weight:500}.sidebar .bottom-container p{cursor:pointer;color:red}.app-container .page-content-container{grid-column:2 / 2;grid-row:2 / 2;padding:1rem;overflow-x:auto;overflow-y:auto;width:calc(var(--page-content-container-width) - 2rem)}.app-container .page-content-container .page-content-container-scroll-body{min-width:-webkit-fill-available;width:fit-content}.app-container .page-content-container .page-content-container-scroll-body:has(.full-page){height:-webkit-fill-available}.mobile-menu{display:none}button.square{aspect-ratio:1 / 1}ul{border:var(--default-border);border-radius:var(--border-radius);list-style:none;padding:0}li{padding:.5rem 1rem}li:not(:last-child){border-bottom:var(--default-border)}@media screen and (width<=50rem){.app-container{grid-template-rows:1.5rem auto 4rem}.sidebar{display:none}.page-content-container{grid-column:1 / span 2;overflow-x:auto}.mobile-menu{--page-margin: 1rem;justify-content:space-around;border-top:var(--default-border);grid-column:1 / span 2;align-items:center;grid-row:3 / 3;display:flex}.mobile-menu button{color:var(--text-color);background-color:unset;flex-direction:column;align-items:center;border:unset;display:flex;height:unset}.mobile-menu .popover-menu{margin:0;padding:1rem;border:var(--default-border);border-radius:var(--border-radius);box-shadow:0 .5rem 2rem #0003;box-sizing:border-box;width:calc(100vw - (2 * var(--page-margin)));max-height:60vh;overflow:auto;inset:auto;bottom:calc(anchor(top) + .5rem);left:var(--page-margin)}.mobile-menu .popover-menu a.link{justify-content:flex-start;flex-direction:row;padding:0 1rem;display:flex;gap:1rem}.mobile-menu .popover-menu a.link:not(:last-child){margin-bottom:1rem}}.bg-red{background-color:var(--red)!important;color:#fff!important}.bg-green{background-color:var(--green)!important;color:#fff!important}