:root{--color-background-dark: #101010;--color-background-default: #1f2124;--color-background-light: #373a3f;--color-text-default: #F0F0F0;--color-active-dark :#1a6125;--color-active-lightdark :#35611a;--color-active-default: #b1f97a;--color-inactive-dark: #611a1a;--color-inactive-default: #fc6464;--color-completed-default: #f2f2f2;--color-unread-default: #b794f6;--color-new-default: #74d6f7}body,#outlet{max-height: 100vh;width: 100%;overflow: hidden;background-color: var(--color-background-dark);color: var(--color-text-default);font-family: "Roboto",sans-serif}a,.anchor{cursor: pointer;font-weight: 400}h1{padding: 10px 0;margin: 0;font-size: 25px;line-height: 35px}h2{padding: 10px 0;margin: 0;font-size: 20px;font-weight: 500;line-height: 25px}*,*:after,*:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.clear-grid{clear: both;float: inherit}.container{margin: 0;width: 100%}.container:after,.container:before{display: table;clear: both;content: " "}.container [class*='col-'],.container .col{float: left;padding: 10px;width: 100%}.container .col.mobile-1{width: 8.33333%}.container .col.mobile-2{width: 16.66667%}.container .col.mobile-3{width: 25%}.container .col.mobile-4{width: 33.33333%}.container .col.mobile-5{width: 41.66667%}.container .col.mobile-6{width: 50%}.container .col.mobile-7{width: 58.33333%}.container .col.mobile-8{width: 66.66667%}.container .col.mobile-9{width: 75%}.container .col.mobile-10{width: 83.33333%}.container .col.mobile-11{width: 91.66667%}.container .col.mobile-12{width: 100%}@media (min-width: 720px){.container .col-1{width: 8.33333%}.container .col-2{width: 16.66667%}.container .col-3{width: 25%}.container .col-4{width: 33.33333%}.container .col-5{width: 41.66667%}.container .col-6{width: 50%}.container .col-7{width: 58.33333%}.container .col-8{width: 66.66667%}.container .col-9{width: 75%}.container .col-10{width: 83.33333%}.container .col-11{width: 91.66667%}.container .col-12{width: 100%}.container .col.tablet-1{width: 8.33333%}.container .col.tablet-2{width: 16.66667%}.container .col.tablet-3{width: 25%}.container .col.tablet-4{width: 33.33333%}.container .col.tablet-5{width: 41.66667%}.container .col.tablet-6{width: 50%}.container .col.tablet-7{width: 58.33333%}.container .col.tablet-8{width: 66.66667%}.container .col.tablet-9{width: 75%}.container .col.tablet-10{width: 83.33333%}.container .col.tablet-11{width: 91.66667%}.container .col.tablet-12{width: 100%}}@media only screen and (min-width: 1024px){.container .col.tabletlandscape-1{width: 8.33333%}.container .col.tabletlandscape-2{width: 16.66667%}.container .col.tabletlandscape-3{width: 25%}.container .col.tabletlandscape-4{width: 33.33333%}.container .col.tabletlandscape-5{width: 41.66667%}.container .col.tabletlandscape-6{width: 50%}.container .col.tabletlandscape-7{width: 58.33333%}.container .col.tabletlandscape-8{width: 66.66667%}.container .col.tabletlandscape-9{width: 75%}.container .col.tabletlandscape-10{width: 83.33333%}.container .col.tabletlandscape-11{width: 91.66667%}.container .col.tabletlandscape-12{width: 100%}}@media only screen and (min-width: 1200px){.container .col-fix{max-width: 1180px;margin: 0 auto}.container .col-fluid{max-width: 90%;margin: 0 5%}.container .col.desktop-1{width: 8.33333%}.container .col.desktop-2{width: 16.66667%}.container .col.desktop-3{width: 25%}.container .col.desktop-4{width: 33.33333%}.container .col.desktop-5{width: 41.66667%}.container .col.desktop-6{width: 50%}.container .col.desktop-7{width: 58.33333%}.container .col.desktop-8{width: 66.66667%}.container .col.desktop-9{width: 75%}.container .col.desktop-10{width: 83.33333%}.container .col.desktop-11{width: 91.66667%}.container .col.desktop-12{width: 100%}}.container .col>.container{padding: 0}.container>.container{padding: 0}.bold{font-weight: 500}.left{float: left}.right{float: right}.topic-list{display: grid;gap: 10px;grid-template-columns: repeat(auto-fill,minmax(400px,1fr))}@media only screen and (max-width: 399px){.topic-list{grid-template-columns: repeat(auto-fill,minmax(100%,1fr))}}.icon-container img{width: 20px;height: 20px;padding-right: 5px;padding-top: 5px}[part="backdrop"]{}[part="overlay"]{max-width: 100%}[part="content"]{}vaadin-grid::part(green){background-color: var(--color-active-dark)}vaadin-grid::part(yellow){background-color: var(--color-active-lightdark)}vaadin-grid::part(red){background-color: var(--color-inactive-dark)}[theme~="dark"]{--lumo-base-color: rgb(31,33,36);--lumo-body-text-color: rgb(240,240,240);--lumo-primary-text-color: rgb(240,240,240);--lumo-shade: rgb(16,16,16);--lumo-shade-5pct: rgba(16,16,16,0.05);--lumo-shade-10pct: rgba(16,16,16,0.1);--lumo-shade-20pct: rgba(16,16,16,0.2);--lumo-shade-30pct: rgba(16,16,16,0.3);--lumo-shade-40pct: rgba(16,16,16,0.4);--lumo-shade-50pct: rgba(16,16,16,0.5);--lumo-shade-60pct: rgba(16,16,16,0.6);--lumo-shade-70pct: rgba(16,16,16,0.7);--lumo-shade-80pct: rgba(16,16,16,0.8);--lumo-shade-90pct: rgba(16,16,16,0.9);--lumo-primary-color: rgb(183,148,246);--lumo-primary-color-50pct: rgba(183,148,246,0.5);--lumo-primary-color-10pct: rgba(183,148,246,0.1)}