/*!
 *  app: Resource Catalog
 *  version: 1.5.14
 */
:root {
  font-size: 16px;
  --lumo-primary-color: hsl(232, 100%, 8%);
  --lumo-primary-color-75pct: hsla(232, 100%, 8%, 0.75);
  --lumo-primary-color-50pct: hsla(232, 100%, 8%, 0.76);
  --lumo-primary-color-10pct: hsla(214, 100%, 8%, 0.13);
  --lumo-primary-color-5pct: hsla(232, 100%, 8%, 0.05);
  --lumo-primary-text-color: hsl(232, 100%, 8%);
  --lumo-primary-contrast-color: #fff;
  --navbar-h: 105px;
  --navbar-txt: var(--lumo-tint-90pct);
  --navbar-bg: hsla(232, 100%, 8%, 1);
  --navbar-gradient-start: hsla(235, 24%, 19%, 1);
  --navbar-gradient-stop: hsla(232, 100%, 8%, 1);
  --navbar-image: linear-gradient(to bottom, var(--navbar-gradient-start), var(--navbar-gradient-stop));
  --navbar-padding: 0 var(--lumo-space-s, 0.5rem);
  --navbar-link: var(--lumo-tint-70pct);
  --navbar-link-hover: var(--lumo-tint);
  --navbar-embedded-bg: hsla(232, 100%, 8%, 1);
  --navbar-embedded-image: linear-gradient(to bottom, var(--navbar-gradient-start), var(--navbar-gradient-stop));
  --navbar-embedded-txt: var(--lumo-tint-90pct);
  --logo-w: 148px;
  --logo-h: 80px;
  --logo-w-m: 120px;
  --logo-h-m: 32px;
  --logo-embedded-w: 104px;
  --logo-embedded-h: 48px;
  --card-media-bg: var(--lumo-contrast-10pct);
  --item-prop-txt: var(--lumo-contrast-80pct);
  --item-prop-bg: var(--lumo-contrast-5pct);
  --app-drawer-bg-mobile: hsl(0, 0%, 100%);
  --app-drawer-txt-mobile: var(--lumo-contrast-90pct);
  --app-drawer-mobile-button-bg: var(--lumo-tint-10pct);
  --app-drawer-mobile-button-txt: var(--lumo-contrast-80pct);
  --filter-item-gap: calc(0.75 * var(--lumo-space-m));
  --filter-item-radius: var(--lumo-border-radius-s);
  --filter-item-bg-selected: hsla(214, 100%, 60%, 0.13);
  --filter-item-color-selected: var(--lumo-contrast);
  --filter-item-bg-hover: hsla(214, 100%, 60%, 0.13);
  --filter-item-color-hover: var(--lumo-contrast);
  --button-group-color: var(--lumo-contrast-70pct);
  --button-group-selected-bg: hsla(214, 100%, 60%, 0.13);
  --button-group-selected-color: var(--lumo-primary-color);
}

:root[theme~=dark] {
  --lumo-base-color: hsl(232, 35%, 8.75%);
  --lumo-header-text-color: var(--lumo-contrast-80pct);
  --lumo-body-text-color: var(--lumo-contrast-70pct);
  --lumo-secondary-text-color: var(--lumo-contrast-60pct);
  --lumo-primary-color: hsl(232, 100%, 8%);
  --lumo-primary-color-75pct: hsla(232, 100%, 8%, 0.75);
  --lumo-primary-color-50pct: hsla(232, 100%, 8%, 0.69);
  --lumo-primary-color-10pct: hsla(232, 100%, 8%, 0.13);
  --lumo-primary-color-5pct: hsla(232, 100%, 8%, 0.05);
  --lumo-primary-text-color: hsl(232, 50%, 80%);
  --lumo-primary-contrast-color: #fff;
  --navbar-bg: var(--lumo-contrast-5pct);
  --filter-icon-color: var(--lumo-contrast-90pct);
  --app-drawer-bg-mobile: hsl(232, 100%, 8%);
  --app-drawer-txt-mobile: var(--lumo-contrast-90pct);
}