@charset "UTF-8";
@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: normal;
  src: local("FiraGO Book"), url("../fonts/FiraGO-Book.woff2?v=1.001") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "FiraGO";
  font-style: italic;
  font-weight: normal;
  src: local("FiraGO Book Italic"), url("../fonts/FiraGO-BookItalic.woff2?v=1.001") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 500;
  src: local("FiraGO Medium"), url("../fonts/FiraGO-Medium.woff2?v=1.001") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "FiraGO";
  font-style: italic;
  font-weight: 500;
  src: local("FiraGO Medium Italic"), url("../fonts/FiraGO-MediumItalic.woff2?v=1.001") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: bold;
  src: local("FiraGO SemiBold"), url("../fonts/FiraGO-SemiBold.woff2?v=1.001") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "FiraGO";
  font-style: italic;
  font-weight: bold;
  src: local("FiraGO SemiBold Italic"), url("../fonts/FiraGO-SemiBoldItalic.woff2?v=1.001") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Mono";
  font-style: normal;
  font-weight: normal;
  src: local("Noto Mono"), url("../fonts/NotoMono-Regular.woff2?v=1.00") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/MaterialIcons-Regular.woff2") format("woff2");
}
/**
 * Variables
 */
@media all {
  :root {
    /* Dark Mode Support */
    color-scheme: light dark;
    /* Typography */
    --font-size-h1: 32px;
    --font-size-h2: 26px;
    --font-size-h3: 20px;
    --font-size-h4: 16px;
    --font-size-x-large: 15px;
    --font-size-large: 14px;
    --font-size-medium: 13px;
    --font-size-small: 12px;
    --font-size-x-small: 11px;
    --line-height-default: 1.25;
    --line-height-comfortable: 1.5;
    --font-family-sans-serif: "FiraGO", sans-serif;
    --font-family-monospace: "Menlo", "Noto Mono", monospace;
    /** Region */
    --primary-region-border-radius: 4px;
    /** Menu */
    --menu-border-radius: 4px;
    /** Control */
    --control-border-radius: 4px;
    --control-padding: 6px;
    /** Button */
    --button-border-radius: 4px;
    --button-padding: 6px 12px;
    --button-center-padding: 6px;
  }
}
/**
 * Light Theme
 */
@media all {
  :root {
    /** Accent Colors */
    --accent-color-red-1: 220, 40, 30;
    --accent-color-red-2: 194, 35, 27;
    --accent-color-green-1: 40, 120, 40;
    --accent-color-blue-1: 0, 108, 191;
    --accent-color-blue-2: 0, 94, 166;
    --accent-color-blue-3: 0, 122, 204; /* B 80% */
    --accent-color-blue-4: 0, 107, 179; /* B 70% */
    --accent-color-blue-5: 0, 92, 153; /* B 60% */
    --accent-color-yellow-1: 210, 210, 60;
    --accent-color-lightyellow-1: 250, 250, 190;
    --accent-color-pink-1: 250, 195, 195;
    --accent-color-lightgreen-1: 195, 250, 195;
    --accent-color-wine-1: 217, 207, 238;
    --accent-color-purple-1: 146, 72, 200;
    /** App */
    --application-foreground-color: rgb(40, 41, 42);
    --application-background-color: rgb(235, 236, 237);
    --application-header-foreground-color: rgb(200, 201, 202);
    --application-header-foreground-hover-color: rgb(240, 241, 242);
    --application-header-background-color: rgb(50, 51, 52);
    --secondary-application-header-foreground-color: rgb(240, 241, 242);
    --secondary-application-header-background-color: rgb(70, 71, 72);
    /** Region */
    --primary-region-border-color: rgb(210, 211, 212);
    --primary-region-box-shadow: 0 1px 4px rgba(40, 41, 42, .2);
    --primary-region-background-color: rgb(250, 251, 252);
    --primary-region-header-background-color: rgb(240, 241, 242);
    --secondary-region-border-color: rgb(220, 221, 222);
    --secondary-region-background-color: var(--primary-region-header-background-color);
    --overlay-background-color: rgba(40, 41, 42, .7);
    /** Label */
    --primary-label-color: var(--application-foreground-color);
    --secondary-label-color: rgb(80, 81, 82);
    --tertiary-label-color: rgb(120, 121, 122);
    --inverted-label-color: rgb(240, 241, 242);
    --required-label-color: rgb(var(--accent-color-red-2));
    /** Text */
    --primary-text-color: var(--application-foreground-color);
    --primary-text-background-color: var(--primary-region-background-color);
    --secondary-text-color: rgb(100, 101, 102);
    --secondary-text-border-color: rgb(220, 221, 222);
    --placeholder-text-color: var(--secondary-text-color);
    --secondary-text-background-color: var(--primary-region-header-background-color);
    --selected-text-background-color: rgba(var(--accent-color-blue-1), .3);
    --link-text-color: rgb(var(--accent-color-blue-1));
    --hovered-link-text-color: rgb(var(--accent-color-blue-2));
    --visited-link-text-color: rgb(var(--accent-color-purple-1));
    --text-shadow-light: 0 0 4px rgb(40, 41, 42);
    /** Message */
    --warning-message-background-color: rgb(var(--accent-color-lightyellow-1));
    --warning-message-border-color: rgb(var(--accent-color-yellow-1));
    --error-message-foreground-color: rgb(var(--accent-color-red-2));
    --error-message-background-color: rgb(var(--accent-color-pink-1));
    --positive-message-foreground-color: rgb(var(--accent-color-green-1));
    --positive-message-background-color: rgb(var(--accent-color-lightgreen-1));
    --informative-message-background-color: rgb(var(--accent-color-lightyellow-1));
    --neutral-banner-foreground-color: rgb(250, 251, 252);
    --neutral-banner-background-color: rgb(80, 81, 82);
    /** Control */
    --control-foreground-color: var(--primary-label-color);
    --control-background-color: rgb(255, 255, 255);
    --control-accent-color: rgb(var(--accent-color-blue-1));
    --control-border-color: rgb(200, 201, 202);
    --secondary-control-border-color: var(--secondary-region-border-color);
    --focused-control-border-color: rgb(var(--accent-color-blue-1));
    --checked-control-background-color: var(--focused-control-border-color);
    --selected-control-foreground-color: var(--application-foreground-color);
    --selected-control-background-color: rgb(230, 231, 232);
    --invalid-control-border-color: rgb(var(--accent-color-red-1));
    --disabled-control-foreground-color: rgb(160, 161, 162);
    --scrollbar-color: rgb(190, 191, 192) var(--application-background-color);
    /** Social Widget */
    --widget-color: rgb(30, 31, 32);
    --widget-background-color: rgba(255, 255, 255, 0.2);
    --widget-link-color: rgb(30, 31, 32);
    --widget-link-hover-color: rgb(210, 211, 212);
    --widget-link-hover-background-color: rgb(var(--accent-color-blue-3));
    --widget-border-color: rgb(60, 61, 62);
    /** Button */
    --primary-button-foreground-color: rgb(255, 255, 255);
    --primary-button-background-color: rgb(var(--accent-color-blue-3));
    --primary-button-border-color: var(--primary-button-background-color);
    --hovered-primary-button-foreground-color: var(--primary-button-foreground-color);
    --hovered-primary-button-background-color: rgb(var(--accent-color-blue-4));
    --hovered-primary-button-border-color: var(--hovered-primary-button-background-color);
    --pressed-primary-button-foreground-color: var(--primary-button-foreground-color);
    --pressed-primary-button-background-color: rgb(var(--accent-color-blue-5));
    --pressed-primary-button-border-color: var(--pressed-primary-button-background-color);
    --secondary-button-foreground-color: var(--primary-label-color);
    --secondary-button-background-color: rgb(230, 231, 232);
    --secondary-button-border-color: rgb(210, 211, 212);
    --hovered-secondary-button-foreground-color: var(--secondary-button-foreground-color);
    --hovered-secondary-button-background-color: rgb(220, 221, 222);
    --hovered-secondary-button-border-color: var(--secondary-button-border-color);
    --pressed-secondary-button-foreground-color: var(--secondary-button-foreground-color);
    --pressed-secondary-button-background-color: rgb(200, 201, 202);
    --pressed-secondary-button-border-color: var(--secondary-button-border-color);
    --danger-button-foreground-color: var(--primary-button-foreground-color);
    --danger-button-background-color: rgb(var(--accent-color-red-1));
    --danger-button-border-color: rgb(var(--accent-color-red-1));
    --selected-button-foreground-color: var(--primary-button-foreground-color);
    --selected-button-background-color: rgb(100, 101, 102);
    --disabled-button-foreground-color: var(--disabled-control-foreground-color);
    --disabled-button-background-color: var(--secondary-button-background-color);
    /** Menu */
    --menu-border-color: var(--secondary-button-border-color);
    --menu-foreground-color: var(--primary-label-color);
    --menu-background-color: var(--primary-region-background-color);
    --menu-box-shadow: 0 1px 12px rgba(40, 41, 42, .2);
    --hovered-menuitem-background-color: var(--selected-control-background-color);
    /** Tab */
    --selected-tab-foreground-color: var(--link-text-color);
    --selected-tab-border-color: var(--focused-control-border-color);
    /** Grid */
    --grid-background-color: var(--primary-region-background-color);
    --grid-background-hover-color: var(--selected-control-background-color);
    --grid-border-color: var(--control-border-color);
    --grid-header-background-color: rgb(230, 231, 232);
    --grid-subheader-background-color: rgb(210, 211, 212);
  }
  input[type=checkbox]:checked {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="rgb(255, 255, 255)" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
  }
  input[type=checkbox]:indeterminate {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(255, 255, 255)" d="M19 13H5v-2h14v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
  }
  select:not([multiple]):not([size]) {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgb(160, 161, 162)" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path fill="none" d="M0 0h24v24H0V0z"/></svg>');
  }
  #private-bug-banner {
    --confidential-bug-background-color: #b595f5;
    --security-bug-background-color: #ffaf1a;
  }
}
/**
 * Dark Theme
 */
@media screen and (prefers-color-scheme: dark) {
  :root {
    /** Accent Colors */
    --accent-color-red-1: 220, 40, 30;
    --accent-color-red-2: 255, 80, 80;
    --accent-color-green-1: 42, 186, 39;
    --accent-color-blue-1: 26, 168, 245;
    --accent-color-blue-2: 24, 151, 219;
    --accent-color-blue-3: 0, 122, 204; /* B 80% */
    --accent-color-blue-4: 0, 107, 179; /* B 70% */
    --accent-color-blue-5: 0, 77, 128; /* B 50% */
    --accent-color-lightyellow-1: 51, 37, 3;
    --accent-color-pink-1: 128, 64, 64;
    --accent-color-lightgreen-1: 64, 128, 64;
    --accent-color-wine-1: 50, 45, 64;
    --accent-color-purple-1: 200, 118, 255;
    /** App */
    --application-foreground-color: rgb(210, 211, 212);
    --application-background-color: rgb(30, 31, 32);
    /** Region */
    --primary-region-border-color: rgb(20, 21, 22);
    --primary-region-box-shadow: 0 1px 4px rgba(10, 11, 12, .5);
    --primary-region-background-color: rgb(40, 41, 42);
    --primary-region-header-background-color: rgb(50, 51, 52);
    --secondary-region-border-color: rgb(30, 31, 32);
    --overlay-background-color: rgba(10, 11, 12, .7);
    /** Label */
    --secondary-label-color: rgb(170, 171, 172);
    --tertiary-label-color: rgb(130, 131, 132);
    --inverted-label-color: rgb(60, 61, 62);
    /** Text */
    --secondary-text-color: rgb(150, 151, 152);
    --secondary-text-border-color: rgb(60, 61, 62);
    /** Control */
    --control-background-color: rgb(35, 36, 37);
    --control-border-color: rgb(60, 61, 62);
    --selected-control-background-color: rgb(60, 61, 62);
    --disabled-control-foreground-color: rgb(110, 111, 112);
    --scrollbar-color: rgb(70, 71, 72) var(--application-background-color);
    /** Social Widget */
    --widget-color: rgb(255, 255, 255);
    --widget-background-color: rgba(30, 31, 32, 0.2);
    --widget-link-color: rgb(210, 211, 212);
    --widget-link-hover-color: rgb(30, 31, 32);
    --widget-link-hover-background-color: rgb(var(--accent-color-blue-1));
    --widget-border-color: rgb(200, 201, 202);
    /** Button */
    --secondary-button-background-color: rgb(70, 71, 72);
    --secondary-button-border-color: rgb(70, 71, 72);
    --hovered-secondary-button-background-color: rgb(60, 61, 62);
    --pressed-secondary-button-background-color: rgb(40, 41, 42);
    --selected-button-foreground-color: rgb(60, 61, 62);
    --selected-button-background-color: rgb(180, 181, 182);
    /** Menu */
    --menu-box-shadow: 0 1px 12px rgba(10, 11, 12, .5);
    /** Grid */
    --grid-header-background-color: rgb(50, 51, 52);
    --grid-subheader-background-color: rgb(70, 71, 72);
  }
  input[type=checkbox]:checked {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="rgb(35, 36, 37)" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
  }
  input[type=checkbox]:indeterminate {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(35, 36, 37)" d="M19 13H5v-2h14v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
  }
  select:not([multiple]):not([size]) {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(90, 91, 92)" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path fill="none" d="M0 0h24v24H0V0z"/></svg>');
  }
}
html {
  height: 100%;
}

body {
  display: flex;
  flex-flow: column;
  min-height: 100%;
}

body {
  margin: 0;
  color: var(--application-foreground-color);
  background-color: var(--application-background-color);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-default);
  font-family: var(--font-family-sans-serif);
}

main {
  flex-grow: 1;
}

a {
  color: var(--link-text-color);
}

a:hover {
  color: var(--hovered-link-text-color);
}

a:visited {
  color: var(--visited-link-text-color);
}

.sr-only {
  display: none;
}

.inner {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  align-self: center;
  width: calc(100% - 32px);
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

#header {
  color: var(--application-header-foreground-color);
  background-color: var(--application-header-background-color);
}

#header.sticky {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
}

#header .inner {
  display: flex;
  flex-wrap: wrap;
}

#header-brand {
  display: flex;
  align-items: center;
  margin-right: 16px;
  font-size: var(--font-size-h3);
  color: var(--application-header-foreground-color);
  font-weight: bold;
  text-decoration: none;
}

#header-logo {
  width: 32px;
  height: 48px;
  margin-right: 4px;
}

#header-brand.big {
  font-size: var(--font-size-h2);
}

#header-brand.big #header-logo {
  width: 64px;
  height: 96px;
}

#navbar-button {
  display: none;
}

@media (max-width: 805px) {
  #navbar-button {
    display: block;
    font-size: 0;
    margin: auto 0 auto auto;
    border: 1px solid var(--secondary-application-header-background-color);
    border-radius: var(--button-border-radius);
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='%23c8c9ca' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='2' ry='0'/%3E%3Crect y='5' width='12' height='2'/%3E%3Crect y='10' width='12' height='2'/%3E%3C/svg%3E") var(--application-header-background-color) no-repeat 50%;
    width: 32px;
    height: 32px;
    transition: 0.1s;
  }
  #navbar-button:hover {
    background-color: var(--secondary-application-header-background-color);
  }
  #navbar, #navbar-nav {
    flex-direction: column;
    margin: 0 !important;
    width: 100%;
  }
  #header .dropdown.show .dropdown-menu {
    display: block;
    position: unset;
    margin: 0 10px;
  }
  #navbar-nav, #navbar form, #navbar-nav, #navbar form input {
    width: 100%;
    margin: 5px 0;
  }
  #navbar:not(.show) {
    max-height: 0;
    flex-wrap: nowrap;
  }
}
#navbar {
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
  max-height: 100vh;
  transition: max-height 0.5s;
  overflow-y: auto;
}

#navbar-nav {
  margin-right: auto;
  flex-wrap: wrap;
}

#navbar-nav {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

#navbar-nav li a {
  padding: 8px;
  color: var(--application-header-foreground-color);
  text-decoration: none;
  display: block;
}

#navbar-nav li.dropdown > a:after {
  content: "▾";
}

#widget-socials-container {
  align-items: center;
  display: flex;
  height: 100%;
  left: 8px;
  position: fixed;
  z-index: 2000;
}

#widget-socials {
  backdrop-filter: blur(5px);
  background-color: var(--widget-background-color);
  border: 1px solid var(--widget-border-color);
  border-radius: 4px;
  color: var(--widget-color);
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#widget-socials li {
  border-radius: 4px;
  margin: 4px;
  padding: 4px;
}
#widget-socials li:hover {
  background-color: var(--widget-link-hover-background-color);
}
#widget-socials li a {
  color: var(--widget-link-color);
}
#widget-socials li:hover a, #widget-socials li a:hover {
  color: var(--widget-link-hover-color);
}

.dropdown:not(.show) .dropdown-menu {
  display: none;
}

.dropdown-menu {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--menu-border-color);
  color: var(--menu-foreground-color);
  background-color: var(--menu-background-color);
  box-shadow: var(--menu-box-shadow);
  border-radius: var(--menu-border-radius);
  z-index: 1000;
  position: absolute;
}

.dropdown-menu .dropdown-item {
  color: var(--menu-foreground-color) !important;
}

.dropdown-menu .dropdown-item:hover {
  background-color: var(--hovered-menuitem-background-color);
}

.bg-bugzilla {
  background: linear-gradient(to left, rgb(0, 92, 153), rgb(146, 72, 200));
  color: white;
}

.bg-bugzilla a {
  color: white !important;
}

.bg-bugzilla a.button {
  color: var(--secondary-button-foreground-color) !important;
}

form[role=search] {
  display: flex;
  align-items: center;
  margin: 4px;
  max-width: 100%;
}

form[role=search] .icon {
  font-size: 20px;
  line-height: 1;
  font-family: "Material Icons";
  pointer-events: none;
  position: absolute;
  left: 6px;
  width: 20px;
  height: 20px;
}

form[role=search] {
  position: relative;
}

form[role=search] .icon::before {
  content: "\e8b6";
}

form[role=search] input {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 0 8px 0 32px;
  color: var(--secondary-application-header-foreground-color);
  background-color: var(--secondary-application-header-background-color);
  font-size: var(--font-size-x-large) !important;
  line-height: 32px;
  outline: 0;
  max-width: 100%;
}

form[role=search] input:focus {
  border-color: var(--focused-control-border-color);
}

.profile p {
  margin: 0;
  display: inline;
}

.profile .photo {
  max-width: 6rem;
}

pre.highlight {
  margin: 0;
  padding: 0.5rem;
}

.highlight, code {
  border-radius: 4px;
}

code {
  padding: 0.125rem 0.25rem;
}

#header-logo, #header-name {
  transition: 0.1s;
}

blockquote {
  padding: 1px 16px;
  background-color: var(--secondary-region-background-color);
  border: 0 solid var(--secondary-region-border-color);
  border-left-width: 6px;
  border-radius: 4px;
  margin: 0;
}

.card-body img {
  max-width: 100%;
  height: auto;
}

.req_new::after {
  content: "● NEW";
  display: inline-block;
  border: 1px solid var(--secondary-region-border-color);
  border-radius: 4px;
  padding: 0 4px;
  height: 16px;
  color: rgb(var(--accent-color-red-1));
  background-color: var(--secondary-region-background-color);
  font-size: var(--font-size-x-small);
  line-height: 16px;
  vertical-align: middle;
}

#footer {
  color: var(--application-header-foreground-color);
  background-color: var(--application-header-background-color);
  padding: 10px 0;
}

#socials {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

#socials li a {
  padding: 6px 2px;
  display: block;
  color: var(--application-header-foreground-color);
}

#bottom-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#license {
  color: var(--application-header-foreground-color);
}

.thin {
  max-width: 700px;
  margin: auto;
}

.card {
  border: 1px solid var(--primary-region-border-color);
  box-shadow: var(--primary-region-box-shadow);
  background-color: var(--primary-region-background-color);
  padding: 20px;
  margin: 20px;
  border-radius: var(--primary-region-border-radius);
}

.card * {
  max-width: 100%;
  overflow-wrap: break-word;
}

.muted {
  color: var(--secondary-label-color);
}

.authors, .date, .title {
  margin: 3px 0;
}

.pagination {
  display: flex;
  list-style: none;
  padding: 0;
  justify-content: center;
}

.pagination li {
  background-color: var(--primary-region-background-color);
  border: 1px solid var(--primary-region-border-color);
}

.pagination li a, .pagination li span {
  display: block;
  padding: 4px 8px;
}

.pagination li.active {
  background-color: var(--primary-button-background-color);
  border: 1px solid var(--primary-button-border-color);
  color: var(--primary-button-foreground-color);
}

.pagination li:not(:last-child) {
  margin-right: -1px;
}

.pagination li:first-child {
  border-top-left-radius: var(--primary-region-border-radius);
  border-bottom-left-radius: var(--primary-region-border-radius);
}

.pagination li:last-child {
  border-top-right-radius: var(--primary-region-border-radius);
  border-bottom-right-radius: var(--primary-region-border-radius);
}

#breadcrumbs {
  background-color: var(--secondary-application-header-background-color);
  color: var(--secondary-application-header-foreground-color);
  font-size: var(--font-size-large);
}

#breadcrumbs ol {
  display: flex;
  list-style: none;
  align-content: center;
  padding: 0;
  margin: 0;
}

#breadcrumbs ol li a, #breadcrumbs ol li.current {
  padding: 10px 3px;
  display: inline-block;
}

#breadcrumbs ol li + li::before {
  content: "/";
  display: inline-block;
  padding: 0 3px;
  font-weight: bold;
}

#breadcrumbs ol li + li.current::before {
  padding-right: 6px;
}

table {
  border-radius: var(--primary-region-border-radius);
  border-collapse: collapse;
  overflow: auto;
  width: 100%;
  overflow-x: scroll;
  display: block;
}

table th {
  background-color: var(--secondary-region-background-color);
}

table th, table td {
  border: 1px solid var(--secondary-region-border-color);
  padding: 4px;
}

.button {
  display: inline-block;
  outline: 0;
  border-radius: var(--button-border-radius);
  border: 1px solid var(--secondary-button-border-color);
  padding: var(--button-padding);
  color: var(--secondary-button-foreground-color);
  background-color: var(--secondary-button-background-color);
  text-align: center;
  text-decoration: none;
}

.button:hover {
  border-color: var(--hovered-secondary-button-border-color);
  color: var(--hovered-secondary-button-foreground-color);
  background-color: var(--hovered-secondary-button-background-color);
}

.button:focus {
  border-color: var(--focused-control-border-color);
}

.button:active {
  border-color: var(--pressed-secondary-button-border-color);
  color: var(--pressed-secondary-button-foreground-color);
  background-color: var(--pressed-secondary-button-background-color);
}

.button.primary {
  padding: var(--button-padding);
  border-color: var(--primary-button-border-color);
  color: var(--primary-button-foreground-color);
  background-color: var(--primary-button-background-color);
  font-weight: 500;
}

.button.primary:hover {
  border-color: var(--hovered-primary-button-border-color);
  color: var(--hovered-primary-button-foreground-color);
  background-color: var(--hovered-primary-button-background-color);
}

.button.primary:active {
  border-color: var(--pressed-primary-button-border-color);
  color: var(--pressed-primary-button-foreground-color);
  background-color: var(--pressed-primary-button-background-color);
}

.row-inverse {
  display: flex;
  flex-direction: row-reverse;
}

.eighty {
  max-width: 75%;
}

.twenty {
  max-width: 25%;
}

@media (max-width: 800px) {
  .row-inverse {
    flex-direction: column;
  }
  .twenty, .eighty {
    max-width: 100%;
  }
}
.warning {
  background-color: var(--warning-message-background-color);
  border: 1px solid var(--warning-message-border-color);
  padding: 8px 12px;
  margin: 20px;
}

.warning * {
  vertical-align: middle;
  display: inline-block;
}

ul {
  padding-left: 15px;
}

/*# sourceMappingURL=global.css.map */