/* src/main/webapp/css/vars.css */
:root {
  --color-demo-bg: #e5e5e5;
  --color-demo-primary: #4682b4;
  --color-named-white: #fff;
  --color-named-green: #5c8427;
  --color-named-red: #c10;
  --color-named-lightgray: #f8f8f8;
  --font-family-sans: "Source Sans 3", sans-serif;
  --font-family-mono: "Roboto Mono", monospace;
  --bp-tablet: 44em;
  --bp-desktop: 76em;
  --gap05: 0.5rem;
  --gap: 1rem;
  --gap2: 2rem;
  --gap4: 4rem;
  --header-height-mobile: 6.4rem;
  --header-height-tablet: 8rem;
  --header-width-desktop: 30rem;
}

/* src/main/webapp/css/webfonts.css */
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/_sn_/wf/source-sans-3-v15-latin-regular.woff2) format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/_sn_/wf/source-sans-3-v15-latin-700.woff2) format("woff2");
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/_sn_/wf/roboto-mono-v23-latin-regular.woff2) format("woff2");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/_sn_/wf/material-icons.woff2) format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}

/* src/main/webapp/css/general.css */
html {
  font-size: 10px;
}
body {
  background: #ededed;
  font-family: var(--font-family-sans);
  margin: 0;
  padding: 0;
}
.mgmt {
  background: #d2d2d2;
}
pre > code {
  font-family: var(--font-family-mono);
}
a {
  text-decoration: none;
}
p:empty {
  margin: 0;
}
#main {
  margin: var(--header-height-mobile) auto 0;
  padding: var(--gap);
}
@media (min-width: 44em) {
  #main {
    margin: var(--header-height-tablet) auto 0;
    max-width: 86rem;
    padding: var(--gap2);
  }
}
@media (min-width: 76em) {
  #main {
    margin: 0 0 0 var(--header-width-desktop);
  }
}

/* src/main/webapp/css/elements.css */
.avatar {
  display: inline-block;
  width: 12rem;
  height: 12rem;
  position: relative;
  text-align: center;
}
.avatar__image {
  height: 100%;
  width: auto;
}
.bbq {
  background-color: #dae5f3;
}
.ubb__img {
  display: inline-block;
  margin: 0;
  max-width: 100%;
  height: auto;
  border: 0;
}
.bb {
  vertical-align: text-bottom;
  display: inline-block;
}
.loggedin {
  background-image: url(/assets/_sn_/verified-24px.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - var(--gap)) 50%;
}
@keyframes spinner-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dual-ring {
  display: none;
  width: 32px;
  height: 32px;
}
.dual-ring::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  border-width: 4px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--color-complement-0) transparent var(--color-complement-0) transparent;
  animation: spinner-dual-ring 1.2s linear infinite;
}
.dual-ring.show {
  display: inline-block;
}
dialog::backdrop {
  background-color: rgba(0 0 0 / 25%);
}
.dlg {
  border: 0;
  padding: 0;
  box-shadow: 0 0 var(--gap) var(--gap05) rgba(0 0 0 / 25%);
  width: 80vw;
  max-width: 60rem;
}
.dlg__header {
  background-color: var(--color-primary-4);
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.dlg__title {
  margin: 0;
  font-size: var(--base-font-size);
  line-height: calc(var(--base-font-size) + 2rem);
  color: #fff;
  flex: 1;
  padding: 0 0 0 var(--gap);
}
.dlg__close {
  --close-size: calc(var(--base-font-size) + 1rem);
  width: var(--close-size);
  height: var(--close-size);
  padding: var(--gap);
}
.dlg__closebtn {
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.dlg__closebtn > span {
  color: #fff;
  background-color: var(--color-named-red);
  font-size: var(--close-size);
  line-height: var(--close-size);
  font-weight: bold;
  display: block;
  height: var(--close-size);
  border-radius: 100%;
}
.dlg__body {
  padding: var(--gap);
}

/* src/main/webapp/modules/mod-header/header.css */
.header {
  background-color: var(--color-primary-0);
  color: #fff;
  padding: 0 var(--gap) 0 0;
  height: var(--header-height-mobile);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background-image: var(--header-bg-url);
  background-size: cover;
}
.header__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: var(--header-height-mobile);
  box-sizing: border-box;
  padding: 0 var(--gap);
  color: #fff;
  border: 0;
  background-color: transparent;
  outline: 0;
}
.header__title {
  font-size: 2rem;
  line-height: 3.2rem;
  margin: 0;
  padding: 0;
  height: 3.2rem;
  overflow: hidden;
  flex: 1;
}
.header__tagline {
  display: none;
}
.header__span {
  display: none;
}
.header__avatar {
  width: calc(var(--header-height-mobile) - var(--gap2));
  height: calc(var(--header-height-mobile) - var(--gap2));
  border-radius: 50%;
  border: 2px solid #fff;
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
}
.header__avatar img {
  width: 100%;
  height: auto;
  border: 0;
}
.header__nav {
  position: fixed;
  top: var(--header-height-mobile);
  left: 0;
  width: 100%;
  background-color: var(--color-named-lightgray);
  z-index: 5;
  padding: 0;
  margin: 0;
  border: 0;
  border-bottom: 4px solid var(--color-complement-2);
}
::backdrop {
  background-color: rgb(0 0 0 / 50%);
}
.header__navlist {
  padding: 0;
  margin: 0;
}
.header__navlist_user {
  background-color: #e3e3e3;
}
.header__navitem {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__navitem a {
  display: flex;
  align-items: center;
  gap: var(--gap05);
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: var(--color-complement-4);
  padding: var(--gap);
  box-sizing: border-box;
}
.header__navitem a > i {
  width: 2.4rem;
}
.header__navitem a > span {
  display: inline-block;
  flex: 1;
}
.header__navitem_user a {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: var(--color-primary-4);
}
@media (min-width: 44em) {
  .header {
    height: var(--header-height-tablet);
    padding: 0 var(--gap2) 0 0;
  }
  .header__trigger {
    width: 6.4rem;
    height: var(--header-height-tablet);
  }
  .header__title {
    font-size: 2.4rem;
    line-height: 3.6rem;
    height: 3.6rem;
  }
  .header__avatar {
    width: calc(var(--header-height-tablet) - var(--gap2));
    height: calc(var(--header-height-tablet) - var(--gap2));
  }
  .header__nav {
    top: var(--header-height-tablet);
    border-bottom-width: 8px;
    width: 50%;
  }
  .header__navlist {
    display: flex;
    flex-wrap: wrap;
  }
  .header__navitem {
    width: 50%;
  }
  .header__navitem a {
    padding: var(--gap) var(--gap) var(--gap) var(--gap2);
    gap: var(--gap);
  }
}
@media (min-width: 76em) {
  .header {
    width: var(--header-width-desktop);
    height: auto;
    right: auto;
    bottom: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }
  .header__trigger {
    width: 100%;
    height: 4.4rem;
    padding: 0 0 0 var(--gap);
    align-items: center;
    justify-content: flex-start;
  }
  .header__title {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: auto;
    overflow: auto;
    margin: var(--gap) 0 var(--gap2);
    padding: 0 var(--gap);
    flex: 0 1 auto;
  }
  .header__tagline {
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: var(--color-primary-1);
    margin: 0;
    padding: 0 var(--gap);
  }
  .header__span {
    display: block;
    flex: 1;
  }
  .header__avatar {
    width: 10.4rem;
    height: 10.4rem;
    border: 0.4rem solid #fff;
    margin: 0 0 var(--gap) var(--gap);
  }
  .header__avatar img {
    width: 100%;
    height: auto;
    border: 0;
  }
  .header__nav {
    top: 4.4rem;
    width: var(--header-width-desktop);
  }
  .header__navlist {
    display: block;
  }
  .header__navitem {
    width: auto;
  }
  .header__navitem a {
    padding: var(--gap);
  }
  .header__navitem a:hover,
  .header__navitem_user a:hover {
    color: #fff;
    background-color: var(--color-complement-4);
  }
}

/* src/main/webapp/modules/mod-entry/entry.css */
.entry {
  padding: var(--gap);
  margin: 0 0 var(--gap);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 3.6rem;
}
.entry:last-child {
  margin-bottom: 0;
}
.entry a:link,
.entry a:visited,
.entry a:active {
  color: var(--color-complement-4);
}
.entry a:hover {
  color: #fff;
  background-color: var(--color-complement-4);
}
.entry__title {
  font-size: 2rem;
  line-height: calc(2rem + 1.4rem);
}
.entry__footer {
  padding: var(--gap) 0 0;
}
.entry__tags {
  display: flex;
  align-items: center;
  gap: var(--gap05);
}
.entry__tag {
  list-style: none;
  padding: 0;
  margin: 0;
}
.entry__tag::before {
  content: "#";
  color: lightgray;
}
.entry__tag_icon {
  line-height: 0;
}
.entry__tag_icon::before {
  display: none;
}
.entry__misc {
  display: flex;
  align-items: center;
  gap: var(--gap05);
}
.entry__category {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
}
.entry__comment a {
  display: flex;
  align-items: center;
  gap: var(--gap05);
}
.entry__edit {
  margin: 0 var(--gap05) 0 0;
  line-height: 0;
}
.entry__edit a {
  background-color: var(--color-complement-1);
  display: inline-block;
}
.entry__content {
  overflow-x: hidden;
}
.entry__contentimg {
  display: inline-block;
  margin: 0;
  max-width: 100%;
  height: auto;
  border: 0;
}
.entry__contentmasked {
  color: darkgray;
}
.entry_internal {
  background-image: url(/assets/_sn_/public_off-24px.svg);
}
.entry_secret {
  background-image: url(/assets/_sn_/lock-24px.svg);
}
.learnmore {
  background-color: #fff;
  padding: var(--gap);
  display: flex;
  align-items: center;
  gap: var(--gap05);
}
.learnmore p {
  margin: 0;
}
.learnmore a {
  color: var(--color-complement-4);
}
.learnmore a:hover {
  color: #fff;
  background-color: var(--color-complement-4);
}
@media (min-width: 44em) {
  .entry {
    padding: var(--gap2);
    margin: 0 0 var(--gap2);
    background-size: 6rem;
  }
  .entry__title {
    font-size: 2.2rem;
    line-height: calc(2.2rem + 1.4rem);
  }
  .entry__tags {
    gap: var(--gap);
  }
  .entry__misc {
    gap: var(--gap);
  }
  .entry__edit {
    margin: 0 var(--gap) 0 0;
  }
  .learnmore {
    gap: var(--gap);
    padding: var(--gap2);
  }
}
@media (min-width: 76em) {
  .entry__title {
    font-size: 2.4rem;
    line-height: calc(2.4rem + 1.4rem);
  }
}

/* src/main/webapp/modules/mod-snackbar/snackbar.css */
.snackbar {
  position: fixed;
  z-index: 99;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.snackbar.expand {
  width: 100vw;
  height: auto;
  top: 75%;
}
.snackbar.show {
  opacity: 1;
}
.snackbar__prompt {
  padding: var(--gap);
  background-color: rgb(0 0 0 / 60%);
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 60%);
  color: #fff;
}

/* src/main/webapp/modules/mod-footer/footer.css */
.footer {
  background: var(--color-primary-0) url(/assets/_sn_/512bluewhite.darkbg.webp) no-repeat var(--gap) 50%;
  background-size: 5.2rem;
  padding: var(--gap);
}
.footer__text {
  text-align: right;
}
.footer__text p {
  color: var(--color-primary-1);
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin: 0;
}
.footer__text em {
  color: #fff;
  font-style: normal;
}
@media (min-width: 44em) {
  .footer {
    background-position: var(--gap2) 50%;
    background-size: 6rem;
    padding: var(--gap2);
  }
  .footer__text p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}
@media (min-width: 76em) {
  .footer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    width: 2rem;
    background-size: 4.8rem;
    background-position: 50% var(--gap);
  }
  .footer__text {
    position: absolute;
    bottom: 14rem;
    right: -12rem;
    height: 4.8rem;
    width: 30rem;
    transform: rotate(90deg);
  }
  .footer__text p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}

/* src/main/webapp/modules/mod-tabs/tabs.css */
.tabs__list {
  display: flex;
  gap: var(--gap05);
  margin: 0;
}
.tabs__item {
  margin: 0;
  list-style: none;
}
.tabs__item > a {
  display: flex;
  align-items: center;
  color: #fff;
  background-color: var(--color-primary-3);
  padding: var(--gap05);
  gap: var(--gap05);
}
.tabs__item_current > a {
  color: var(--color-primary-3);
  background-color: #fff;
}
.tabs__item_spec > a {
  color: var(--color-primary-3);
  background-color: #d2d2d2;
}
.tabs__item i {
  width: 2.4rem;
}
.tabs__item_spec form {
  display: none;
}
.tabs__text {
  display: none;
}
.tabs__badge {
  display: inline-block;
  min-width: 0.4rem;
  height: 1.4rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.4rem;
  background-color: var(--color-primary-1);
  color: #fff;
  border-radius: 0.8rem;
  margin: 0 0 0 var(--gap05);
  padding: 0.1rem var(--gap05);
}
.tabs__badge_new {
  background-color: darkorange;
  color: #fff;
  font-weight: bold;
}
.tabs__body {
  padding: var(--gap);
  background-color: #fff;
}
.subtabs {
  margin: 0 0 var(--gap);
  display: flex;
  gap: var(--gap05);
}
.subtab {
  list-style: none;
  margin: 0;
  line-height: calc(var(--base-font-size) + 1rem);
}
.subtab a {
  display: flex;
  background-color: #fff;
  color: var(--color-primary-2);
  padding: var(--gap05);
  align-items: center;
  gap: var(--gap05);
}
.subtab_active a {
  background-color: var(--color-primary-3);
  color: #fff;
}
@media (min-width: 44em) {
  .tabs__list {
    gap: var(--gap);
  }
  .tabs__item > a {
    padding: var(--gap);
  }
  .tabs__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: inline-block;
  }
  .tabs__badge {
    margin: 0 var(--gap05);
  }
  .tabs__body {
    padding: var(--gap2);
  }
  .subtabs {
    gap: var(--gap);
  }
}
@media (min-width: 76em) {
  .tabs__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}

/* src/main/webapp/css/index.css */
/*# sourceMappingURL=index.css.map */