/* src/main/webapp/_shared/Button/Button.module.css */
.Button_button {
  transition: var(--transition-fast);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-family: inherit;
  min-width: fit-content;
  border-style: solid;
  box-shadow: var(--dimension-1);
  box-sizing: border-box;
  padding-block-start: 0;
  padding-block-end: 0;
  white-space: nowrap;
  text-decoration: none;
  cursor: default;
}
.Button_button:disabled,
.Button_button[data-disabled],
.Button_button[data-pending],
.Button_button[aria-disabled],
.Button_button.Button_disabled {
  opacity: 0.5;
  box-shadow: none;
}
.Button_button:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover {
  box-shadow: var(--dimension-2);
}
.Button_large {
  height: var(--block-large);
  border-radius: var(--radius-loose);
  border-width: var(--border-thick);
}
.Button_medium {
  height: var(--block-medium);
  border-radius: var(--radius-medium);
  border-width: var(--border-medium);
}
.Button_small {
  height: var(--block-small);
  border-radius: var(--radius-tight);
  border-width: var(--border-thin);
}
.Button_largePadding {
  padding-inline-start: var(--padding-large);
  padding-inline-end: var(--padding-large);
}
.Button_mediumPadding {
  padding-inline-start: var(--padding-medium);
  padding-inline-end: var(--padding-medium);
}
.Button_smallPadding {
  padding-inline-start: var(--padding-small);
  padding-inline-end: var(--padding-small);
}
.Button_noPadding {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.Button_bg {
  border-color: var(--color-bg1);
  background-color: transparent;
  color: var(--color-bg1);
}
.Button_bg.Button_filled {
  background-color: var(--color-bg1);
  color: var(--color-a0);
}
.Button_bg:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover,
.Button_bg:not(:disabled):not([data-disabled]):not([aria-disabled]):not(.Button_disabled):focus-visible {
  border-color: var(--color-bg0);
  background-color: var(--color-bg0);
  color: var(--color-a1);
}
.Button_fg {
  border-color: var(--color-fg2);
  background-color: transparent;
  color: var(--color-fg2);
}
.Button_fg.Button_filled {
  background-color: var(--color-fg2);
  color: var(--color-bg2);
}
.Button_fg:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover,
.Button_fg:not(:disabled):not([data-disabled]):not([aria-disabled]):not(.Button_disabled):focus-visible {
  border-color: var(--color-fg3);
  background-color: var(--color-fg3);
  color: var(--color-bg0);
}
.Button_accentPrimary {
  border-color: var(--color-a0);
  background-color: transparent;
  color: var(--color-a0);
}
.Button_accentPrimary.Button_filled {
  background-color: var(--color-a0);
  color: var(--color-bg1);
}
.Button_accentPrimary:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover,
.Button_accentPrimary:not(:disabled):not([data-disabled]):not([aria-disabled]):not(.Button_disabled):focus-visible {
  border-color: var(--color-a1);
  background-color: var(--color-a1);
  color: var(--color-bg0);
}
.Button_accentSecondary {
  border-color: var(--color-b0);
  background-color: transparent;
  color: var(--color-a0);
}
.Button_accentSecondary.Button_filled {
  background-color: var(--color-b0);
}
.Button_accentSecondary:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover,
.Button_accentSecondary:not(:disabled):not([data-disabled]):not([aria-disabled]):not(.Button_disabled):focus-visible {
  border-color: var(--color-b1);
  background-color: var(--color-b1);
  color: var(--color-a1);
}
.Button_accentTertiary {
  border-color: var(--color-c0);
  background-color: transparent;
  color: var(--color-a0);
}
.Button_accentTertiary.Button_filled {
  background-color: var(--color-c0);
}
.Button_accentTertiary:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover,
.Button_accentTertiary:not(:disabled):not([data-disabled]):not([aria-disabled]):not(.Button_disabled):focus-visible {
  border-color: var(--color-c1);
  background-color: var(--color-c1);
  color: var(--color-a1);
}
.Button_red {
  border-color: var(--color-red);
  background-color: transparent;
  color: var(--color-dark-red);
}
.Button_red.Button_filled {
  background-color: var(--color-red);
  color: var(--color-bg1);
}
.Button_red:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover,
.Button_red:not(:disabled):not([data-disabled]):not([aria-disabled]):not(.Button_disabled):focus-visible {
  border-color: var(--color-dark-red);
  background-color: var(--color-dark-red);
  color: var(--color-bg0);
}
.Button_light,
.Button_dark {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  color: inherit;
}
a.Button_light {
  color: var(--color-bg1);
}
a.Button_dark {
  color: var(--color-fg1);
}
.Button_light:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover,
.Button_light:not(:disabled):not([data-disabled]):not([aria-disabled]):not(.Button_disabled):focus-visible,
.Button_light.Button_filled {
  background-color: var(--tint-light);
  box-shadow: none;
}
.Button_dark:not(:disabled):not([data-disabled]):not([data-pending]):not([aria-disabled]):not(.Button_disabled):hover,
.Button_dark:not(:disabled):not([data-disabled]):not([aria-disabled]):not(.Button_disabled):focus-visible,
.Button_dark.Button_filled {
  background-color: var(--tint-dark);
  box-shadow: none;
}
.Button_tooltip {
  box-shadow: var(--dimension-1);
  border-radius: var(--radius-tight);
  background: var(--color-bg1);
  color: var(--color-fg0);
  forced-color-adjust: none;
  outline: none;
  padding: var(--padding-small) var(--padding-medium);
  max-width: 150px;
  font-size: 0.875rem;
  transform: translate3d(0, 0, 0);
  transition: transform 200ms, opacity 200ms;
}
.Button_tooltip[data-entering],
.Button_tooltip[data-exiting] {
  transform: var(--origin);
  opacity: 0;
}
.Button_tooltip[data-placement=top] {
  margin-bottom: var(--padding-medium);
  --origin: translateY(4px);
}
.Button_tooltip[data-placement=top] .Button_overlayArrow svg {
  filter: drop-shadow(0 6px 2px rgba(0, 0, 0, 0.25));
}
.Button_tooltip[data-placement=bottom] {
  margin-top: var(--padding-medium);
  --origin: translateY(-4px);
}
.Button_tooltip[data-placement=bottom] .Button_overlayArrow svg {
  filter: drop-shadow(0 6px 4px rgba(0, 0, 0, 0.15));
  transform: rotate(180deg);
}
.Button_tooltip[data-placement=right] {
  margin-left: var(--padding-medium);
  --origin: translateX(-4px);
}
.Button_tooltip[data-placement=right] .Button_overlayArrow svg {
  filter: drop-shadow(4px 2px 2px rgba(0, 0, 0, 0.25));
  transform: rotate(90deg);
}
.Button_tooltip[data-placement=left] {
  margin-right: var(--padding-medium);
  --origin: translateX(4px);
}
.Button_tooltip[data-placement=left] .Button_overlayArrow svg {
  filter: drop-shadow(-4px 2px 2px rgba(0, 0, 0, 0.25));
  transform: rotate(-90deg);
}
.Button_overlayArrow svg {
  display: block;
  fill: var(--color-bg1);
}

/* src/main/webapp/_shared/SvgIcon/SvgIcon.module.css */
.SvgIcon_icon {
  width: auto;
  height: 100%;
  aspect-ratio: 1 / 1;
}
.SvgIcon_icon svg {
  width: auto;
  height: 100%;
  aspect-ratio: 1 / 1;
}

/* src/main/webapp/_shared/TopBar/TopBar.module.css */
.TopBar_topBar {
  width: 100%;
  height: calc(2 * var(--block-medium));
  margin: 0;
  padding: 0;
  padding-inline-start: var(--padding-small);
  padding-inline-end: calc(var(--padding-large) - var(--padding-small) - var(--border-thin));
  background-color: var(--color-bg0);
  box-shadow: var(--dimension-1);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--padding-large);
  box-sizing: border-box;
  z-index: 10;
}
.TopBar_topBar h1 {
  font-family: "Hepta Slab", serif;
  font-size: 2em;
  font-weight: 600;
  color: var(--color-a0);
}
.TopBar_logo {
  width: calc(1.5 * var(--block-large)) !important;
  height: calc(1.5 * var(--block-large)) !important;
  padding-inline-end: var(--padding-medium);
}
.TopBar_itemGroup {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: var(--padding-large);
  min-width: 1px;
}
.TopBar_latestVersionMessage,
.TopBar_maintenanceModeMessage {
  padding: 2px;
  padding-inline: var(--padding-small);
  margin: 0;
  border-radius: var(--radius-medium);
}
.TopBar_latestVersionMessage {
  background-color: var(--color-yellow);
  color: var(--color-fg2);
}
.TopBar_maintenanceModeMessage {
  background-color: var(--color-red);
  color: var(--color-bg0);
}
.TopBar_expiredSettingsButton {
  color: var(--color-red) !important;
}
.TopBar_expiredSettingsButton:hover {
  color: var(--color-dark-red) !important;
}
.TopBar_warnSettingsButton {
  color: var(--color-yellow) !important;
}
.TopBar_warnSettingsButton:hover {
  color: var(--color-dark-yellow) !important;
}
.TopBar_queueButtonContainer {
  position: relative;
  width: var(--block-large);
}
.TopBar_pulseRunning {
  position: absolute;
  top: calc(50% - 0.5 * var(--block-small));
  left: calc(50% - 0.5 * var(--block-small));
  border-radius: 50%;
  background-color: transparent;
  width: var(--block-small);
  height: var(--block-small);
  animation: TopBar_pulse-running 600ms;
  z-index: -1;
}
@keyframes TopBar_pulse-running {
  0% {
    box-shadow: 0 0 0 0 #1ebf61ff;
  }
  100% {
    box-shadow: 0 0 0 var(--block-small) #1ebf6100;
  }
}
.TopBar_pulseQueued {
  position: absolute;
  top: calc(50% - 0.5 * var(--block-small));
  left: calc(50% - 0.5 * var(--block-small));
  border-radius: 50%;
  background-color: transparent;
  width: var(--block-small);
  height: var(--block-small);
  animation: TopBar_pulse-queued 600ms;
  z-index: -1;
}
@keyframes TopBar_pulse-queued {
  0% {
    box-shadow: 0 0 0 0 #dee04aff;
  }
  100% {
    box-shadow: 0 0 0 var(--block-small) #dee04a00;
  }
}
.TopBar_singleQueuedJob path[data-icon-piece*=single],
.TopBar_multipleQueuedJobs path[data-icon-piece*=multiple] {
  color: var(--color-dark-yellow);
}
.TopBar_runningJobs path[data-icon-piece*=running] {
  color: var(--color-dark-green);
}
.TopBar_queue {
  z-index: 20;
  box-sizing: border-box;
  width: calc(17 * var(--block-medium));
  max-height: calc(100vh - 2 * var(--block-large) - var(--padding-large));
  position: fixed;
  top: calc(2 * var(--block-large));
  right: var(--padding-large);
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  gap: var(--padding-medium);
  padding: var(--padding-large);
  box-sizing: border-box;
  background-color: var(--color-bg0);
  box-shadow: var(--dimension-1);
  border-radius: var(--radius-loose);
  border-width: 0;
  border-style: none;
  visibility: visible;
  transition: var(--transition-fast);
}
.TopBar_queueGroup {
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  gap: var(--padding-small);
  position: relative;
}
.TopBar_queueGroup h3 {
  font-family: "Hepta Slab", serif;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-fg1);
}
.TopBar_queueList {
  display: grid;
  gap: var(--padding-small);
  position: relative;
  grid-template-columns: calc(var(--block-small) + var(--padding-small)) 1fr calc(var(--block-small) + var(--padding-small));
}
.TopBar_runningJobList {
  display: grid;
  gap: var(--padding-small);
  position: relative;
  grid-template-columns: calc(var(--block-small) + var(--padding-small)) 1fr var(--block-small) calc(var(--block-small) + var(--padding-small));
}
.TopBar_jobMessageArea {
  overflow-wrap: anywhere;
}
.TopBar_queueList p {
  grid-column: 1 / 4;
}
.TopBar_runningJobList p {
  grid-column: 1 / 5;
}
.TopBar_jobIcon {
  width: var(--block-small) !important;
  height: var(--block-small) !important;
  box-sizing: border-box;
}
.TopBar_clearQueueButton {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 21;
  color: var(--color-fg2) !important;
  margin-inline-end: var(--padding-small);
}
.TopBar_runningJobItem,
.TopBar_queuedJobItem {
  width: 100%;
  min-height: var(--block-medium);
  padding-inline: var(--padding-small);
  padding-block: calc(0.5 * var(--padding-small));
  display: grid;
  grid-template-columns: subgrid;
  border-radius: var(--radius-medium);
  border-width: 0;
  border-style: none;
  color: var(--color-fg0);
  align-items: center;
  box-sizing: border-box;
}
.TopBar_runningJobItem {
  background-color: var(--color-light-green);
  grid-column: 1 / 5;
}
.TopBar_queuedJobItem {
  background-color: var(--color-light-yellow);
  grid-column: 1 / 4;
}
.TopBar_runningJobItem .TopBar_hoverButton,
.TopBar_queuedJobItem .TopBar_hoverButton {
  visibility: hidden;
}
.TopBar_runningJobItem:hover .TopBar_hoverButton,
.TopBar_queuedJobItem:hover .TopBar_hoverButton {
  visibility: visible;
}
.TopBar_usernameFlag {
  padding-block-start: calc(0.5 * var(--padding-small));
  padding-block-end: calc(0.5 * var(--padding-small));
  padding-inline-start: var(--padding-small);
  padding-inline-end: var(--padding-large);
  margin-inline-end: calc(-1 * (var(--padding-large) - var(--padding-small)));
  border-radius: var(--radius-medium);
  background-color: var(--color-bg2);
  color: var(--color-fg2);
  font-size: 0.7rem;
  transition: var(--transition-fast);
}
.TopBar_userMenuButton:hover .TopBar_usernameFlag {
  color: var(--color-fg0);
  background-color: var(--color-bg3);
}
.TopBar_smallAvatar {
  z-index: 11;
  box-sizing: border-box;
  padding: 0;
  border-style: none;
  border-width: 0;
  border-radius: var(--radius-medium);
  overflow: hidden;
  width: var(--block-medium);
  height: var(--block-medium);
}
.TopBar_userMenu {
  z-index: 20;
  box-sizing: border-box;
  width: calc(13 * var(--block-medium));
  max-height: calc(100vh - 2 * var(--block-large) - var(--padding-large));
  position: fixed;
  top: calc(2 * var(--block-large));
  right: var(--padding-large);
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  gap: var(--padding-medium);
  padding: var(--padding-large);
  box-sizing: border-box;
  background-color: var(--color-bg0);
  box-shadow: var(--dimension-1);
  border-radius: var(--radius-loose);
  border-width: 0;
  border-style: none;
  visibility: visible;
  transition: var(--transition-fast);
}
.TopBar_iconNameRoleContainer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--padding-small);
  color: var(--color-fg1);
}
.TopBar_bigAvatar {
  width: calc(2 * var(--block-large));
  height: calc(2 * var(--block-large));
  border-style: none;
  border-width: 0;
  border-radius: var(--radius-loose);
}
.TopBar_nameRoleContainer {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: end;
  gap: var(--padding-small);
}
.TopBar_username {
  font-family: "Hepta Slab", serif;
  font-size: 1rem;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.TopBar_versionAndCompanyNameContainer {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: start;
  gap: var(--padding-small);
}
.TopBar_version,
.TopBar_companyName {
  color: var(--color-fg2);
  align-self: start;
  font-size: 0.8rem;
}
.TopBar_hidden {
  top: -100vh !important;
  visibility: hidden !important;
}
/*# sourceMappingURL=topBar-bundle.css.map */