/*
  This file is automatically generated by a script.
  DO NOT change it manually.
*/

:root {
  --color-primary: #7c2e9c;
  --color-primary-complement: #ffffff;
  --color-secondary: #edbefe;
  --color-secondary-complement: #000000;
  --color-success: #b3ff80;
  --color-success-complement: #000000;
  --color-info: #90aafe;
  --color-info-complement: #000000;
  --color-warn: #fec17c;
  --color-warn-complement: #000000;
  --color-error: #ff7a85;
  --color-error-complement: #000000;
  --default-bg-color: #808080;
}
body {
  font-family:
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  margin: 0;
}

#app {
  height: 100%;
  width: 100%;
}

.square {
  aspect-ratio: 1 / 1;
}

.height-full {
  box-sizing: border-box;
  height: 100%;
}

.width-full {
  box-sizing: border-box;
  width: 100%;
}

hr {
  width: 100%;
  border-color: var(--color-secondary);
}
table {
  border-collapse: collapse;
}

table,
td,
th {
  border: 1px solid rgba(180, 180, 180, 50%);
}

td {
  padding: 0.15em 0.5em;
}

th {
  padding: 0.3em 0.5em;
  border-left-width: 0;
  border-top-width: 0;
}

th:last-child {
  border-right: 0;
}

tr:last-child > th {
  border-bottom: 0;
}

tbody > tr:hover,
tbody > tr:hover > td {
  background-color: rgba(180, 180, 180, 20%);
}

thead,
tfoot {
  background-color: var(--color-primary);
  color: var(--color-primary-complement);
}
form,
fieldset {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
  gap: 1em;
  padding: 1em 0;
}

fieldset {
  padding: 1em;
}

fieldset.radios {
  gap: 0.1em;
}

form button,
form input,
form label,
form select,
form textarea,
form datalist {
  width: 100%;
  box-sizing: border-box;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 2em;
  padding: 1em 2em;
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select {
  /*padding: 1em 1em;*/
}

label > input[type="date"],
label > input[type="datetime-local"],
label > input[type="email"],
label > input[type="month"],
label > input[type="number"],
label > input[type="password"],
label > input[type="search"],
label > input[type="tel"],
label > input[type="text"],
label > input[type="time"],
label > input[type="url"],
label > input[type="week"],
label > select {
  margin-top: 0.2em;
}

button[disabled],
input[disabled] {
  cursor: not-allowed;
}
.buttons[data-v-3f587510] {
  display: flex;
  flex-direction: column;
}.status-box[data-v-c63bb32b] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1em;
  padding: 1em;
  border: 2px solid var(--32da3bcc);
  height: fit-content;
  width: fit-content;
  transition: width 300ms ease, height 300ms ease; /* doesn't work with fit-content */
}
.status-box.minimized[data-v-c63bb32b] {
  width: fit-content;
  cursor: pointer;
  background-color: var(--32da3bcc);
}
.status-box.minimized div.header h3[data-v-c63bb32b] {
  margin: 0;
}
.status-box.full[data-v-c63bb32b] {
  width: auto;
}
.status-box.full div.header[data-v-c63bb32b] {
  cursor: pointer;
  border-radius: 0.25rem;
}
.status-box.full div.header h3[data-v-c63bb32b] {
  padding: 0 1em;
}
.status-box div.buttons[data-v-c63bb32b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  color: var(--32da3bcc);
}
.status-box div.buttons span[data-v-c63bb32b] {
  padding: -1em 0 0 0;
}
.status-box div.buttons span.spring[data-v-c63bb32b] {
  width: 100%;
}
.status-box div.buttons span.icon-button[data-v-c63bb32b] {
  cursor: pointer;
}
.status-box div.buttons span.icon-button[data-v-c63bb32b]:hover {
  color: initial;
}
.status-box div.header[data-v-c63bb32b] {
  color: var(--f77e2ede);
  background-color: var(--32da3bcc);
  margin: 0;
}
.status-box div.header h3[data-v-c63bb32b] {
  transition: all 300ms ease;
  width: fit-content;
}
.status-box div.header h3 span[data-v-c63bb32b] {
  padding: 0 1em;
}
.status-box div.content[data-v-c63bb32b] {
  overflow: auto;
}
.status-box div.content hr[data-v-c63bb32b] {
  border-color: var(--32da3bcc);
}td.success[data-v-3a1fdeaa] {
  background-color: var(--color-success);
}
td.success span[data-v-3a1fdeaa] {
  color: var(--color-success-complement);
}
td.warn[data-v-3a1fdeaa] {
  background-color: var(--color-warn);
}
td.warn span[data-v-3a1fdeaa] {
  color: var(--color-warn-complement);
}
td.error[data-v-3a1fdeaa] {
  background-color: var(--color-error);
}
td.error span[data-v-3a1fdeaa] {
  color: var(--color-error-complement);
}.content[data-v-46cae477] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 1em;
  padding: 1em 0;
}
.row[data-v-46cae477] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
.test-field[data-v-46cae477] {
  padding: 0.5em 1em;
}
.test-field.left[data-v-46cae477] {
  text-align: right;
  width: 40%;
}
.test-field.right[data-v-46cae477] {
  text-align: left;
  width: 60%;
}
input[data-v-46cae477] {
  cursor: pointer;
}
.color-primary[data-v-46cae477] {
  color: var(--color-primary);
  background-color: var(--color-primary-complement);
}
.color-primary-complement[data-v-46cae477] {
  color: var(--color-primary-complement);
  background-color: var(--color-primary);
}
td.primary[data-v-46cae477] {
  background-color: var(--color-primary);
}
td.primary span[data-v-46cae477] {
  color: var(--color-primary-complement);
}
span.primary-black[data-v-46cae477] {
  color: var(--color-primary);
  background-color: black;
  padding: 0.5em;
}
span.primary-white[data-v-46cae477] {
  color: var(--color-primary);
  background-color: white;
  padding: 0.5em;
}
span.black-primary[data-v-46cae477] {
  color: black;
  background-color: var(--color-primary);
  padding: 0.5em;
}
span.white-primary[data-v-46cae477] {
  color: white;
  background-color: var(--color-primary);
  padding: 0.5em;
}
.color-secondary[data-v-46cae477] {
  color: var(--color-secondary);
  background-color: var(--color-secondary-complement);
}
.color-secondary-complement[data-v-46cae477] {
  color: var(--color-secondary-complement);
  background-color: var(--color-secondary);
}
td.secondary[data-v-46cae477] {
  background-color: var(--color-secondary);
}
td.secondary span[data-v-46cae477] {
  color: var(--color-secondary-complement);
}
span.secondary-black[data-v-46cae477] {
  color: var(--color-secondary);
  background-color: black;
  padding: 0.5em;
}
span.secondary-white[data-v-46cae477] {
  color: var(--color-secondary);
  background-color: white;
  padding: 0.5em;
}
span.black-secondary[data-v-46cae477] {
  color: black;
  background-color: var(--color-secondary);
  padding: 0.5em;
}
span.white-secondary[data-v-46cae477] {
  color: white;
  background-color: var(--color-secondary);
  padding: 0.5em;
}
.color-success[data-v-46cae477] {
  color: var(--color-success);
  background-color: var(--color-success-complement);
}
.color-success-complement[data-v-46cae477] {
  color: var(--color-success-complement);
  background-color: var(--color-success);
}
td.success[data-v-46cae477] {
  background-color: var(--color-success);
}
td.success span[data-v-46cae477] {
  color: var(--color-success-complement);
}
span.success-black[data-v-46cae477] {
  color: var(--color-success);
  background-color: black;
  padding: 0.5em;
}
span.success-white[data-v-46cae477] {
  color: var(--color-success);
  background-color: white;
  padding: 0.5em;
}
span.black-success[data-v-46cae477] {
  color: black;
  background-color: var(--color-success);
  padding: 0.5em;
}
span.white-success[data-v-46cae477] {
  color: white;
  background-color: var(--color-success);
  padding: 0.5em;
}
.color-info[data-v-46cae477] {
  color: var(--color-info);
  background-color: var(--color-info-complement);
}
.color-info-complement[data-v-46cae477] {
  color: var(--color-info-complement);
  background-color: var(--color-info);
}
td.info[data-v-46cae477] {
  background-color: var(--color-info);
}
td.info span[data-v-46cae477] {
  color: var(--color-info-complement);
}
span.info-black[data-v-46cae477] {
  color: var(--color-info);
  background-color: black;
  padding: 0.5em;
}
span.info-white[data-v-46cae477] {
  color: var(--color-info);
  background-color: white;
  padding: 0.5em;
}
span.black-info[data-v-46cae477] {
  color: black;
  background-color: var(--color-info);
  padding: 0.5em;
}
span.white-info[data-v-46cae477] {
  color: white;
  background-color: var(--color-info);
  padding: 0.5em;
}
.color-warn[data-v-46cae477] {
  color: var(--color-warn);
  background-color: var(--color-warn-complement);
}
.color-warn-complement[data-v-46cae477] {
  color: var(--color-warn-complement);
  background-color: var(--color-warn);
}
td.warn[data-v-46cae477] {
  background-color: var(--color-warn);
}
td.warn span[data-v-46cae477] {
  color: var(--color-warn-complement);
}
span.warn-black[data-v-46cae477] {
  color: var(--color-warn);
  background-color: black;
  padding: 0.5em;
}
span.warn-white[data-v-46cae477] {
  color: var(--color-warn);
  background-color: white;
  padding: 0.5em;
}
span.black-warn[data-v-46cae477] {
  color: black;
  background-color: var(--color-warn);
  padding: 0.5em;
}
span.white-warn[data-v-46cae477] {
  color: white;
  background-color: var(--color-warn);
  padding: 0.5em;
}
.color-error[data-v-46cae477] {
  color: var(--color-error);
  background-color: var(--color-error-complement);
}
.color-error-complement[data-v-46cae477] {
  color: var(--color-error-complement);
  background-color: var(--color-error);
}
td.error[data-v-46cae477] {
  background-color: var(--color-error);
}
td.error span[data-v-46cae477] {
  color: var(--color-error-complement);
}
span.error-black[data-v-46cae477] {
  color: var(--color-error);
  background-color: black;
  padding: 0.5em;
}
span.error-white[data-v-46cae477] {
  color: var(--color-error);
  background-color: white;
  padding: 0.5em;
}
span.black-error[data-v-46cae477] {
  color: black;
  background-color: var(--color-error);
  padding: 0.5em;
}
span.white-error[data-v-46cae477] {
  color: white;
  background-color: var(--color-error);
  padding: 0.5em;
}
td[data-v-46cae477],
th[data-v-46cae477] {
  padding: 1em;
}a.button-wrapper[data-v-0ff1ac8e] {
  text-decoration: none;
  display: inline-block;
}
a.disabled[data-v-0ff1ac8e] {
  pointer-events: unset;
}
a.disabled[data-v-0ff1ac8e]:hover {
  cursor: not-allowed;
}.logo-wrapper[data-v-a7173459] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  background-color: var(--color-primary);
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 15px;
}
.logo-wrapper[data-v-a7173459] > * {
  margin-left: 15px;
}
.logo-wrapper > .svg-mask-square[data-v-a7173459] {
  height: 100%;
  aspect-ratio: 1/1;
  background-color: var(--color-primary-complement);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  mask-position: center;
}
.logo-wrapper > .text-subtitle[data-v-a7173459] {
  font-size: 0.5em;
}menu[data-v-28601ccc] {
  padding-inline-start: 0;
}
menu li[data-v-28601ccc] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
menu li a[data-v-28601ccc] {
  text-decoration: none;
  color: inherit;
  display: block;
  padding: 0.3em 0.3em 0.3em 0;
  border: var(--color-primary) solid;
  border-width: 0 0 0 0.3em;
}
menu li a.current[data-v-28601ccc] {
  background-color: var(--color-primary);
  color: var(--color-primary-complement);
}
menu li a[data-v-28601ccc]:hover, menu li a[data-v-28601ccc]:active {
  background-color: var(--color-secondary);
  color: var(--color-secondary-complement);
  border-left-color: var(--color-secondary-complement);
}
.menu-icon[data-v-28601ccc] {
  padding: 0 0.5em;
}#notifications-backdrop[data-v-811963cf] {
  position: absolute;
  top: 0;
  right: 1em;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: flex-start;
  pointer-events: none;
}
#notifications-backdrop[data-v-811963cf] > * {
  margin: 1em;
  pointer-events: auto;
  border-radius: 0.5rem;
  box-shadow: 0 0 1em 0.5em var(--default-bg-color);
}
#notifications-backdrop > *.full[data-v-811963cf] {
  background-color: var(--default-bg-color);
}.layout[data-v-1f4e3a2b] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  height: 100vh;
  position: relative;
}
header[data-v-1f4e3a2b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 3rem;
  width: 100%;
  position: sticky;
  top: 0;
  border-bottom: var(--color-secondary) solid 1px;
  background-color: var(--color-primary);
  color: var(--color-primary-complement);
}
header .icon-button[data-v-1f4e3a2b] {
  aspect-ratio: 1/1;
  cursor: pointer;
}
header .icon-button[data-v-1f4e3a2b]:first-child {
  border-right: var(--color-secondary) solid 1px;
}
header .icon-button[data-v-1f4e3a2b]:last-child {
  border-left: var(--color-secondary) solid 1px;
}
header .icon-button svg[data-v-1f4e3a2b] {
  height: 50%;
  padding: 25%;
}
header .icon-button[data-v-1f4e3a2b]:hover {
  background-color: var(--color-secondary);
  color: var(--color-secondary-complement);
}
header .logo[data-v-1f4e3a2b] {
  width: 100%;
  height: 80%;
  font-size: 2.4rem;
}
header[data-v-1f4e3a2b] > * {
  height: 100%;
}
.menu-content[data-v-1f4e3a2b],
.backdrop[data-v-1f4e3a2b] {
  transition: all 300ms ease;
}
.menu-content.hidden[data-v-1f4e3a2b],
.backdrop.hidden[data-v-1f4e3a2b] {
  visibility: hidden;
  opacity: 0;
}
.menu-content[data-v-1f4e3a2b]:not(.hidden),
.backdrop[data-v-1f4e3a2b]:not(.hidden) {
  visibility: visible;
}
.backdrop[data-v-1f4e3a2b] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-secondary);
  opacity: 50%;
}
.menu-content[data-v-1f4e3a2b] {
  color: initial;
  background-color: Window;
  border: var(--color-secondary) solid;
  max-height: calc(100vh - 3rem - 1px);
  box-shadow: 0 0 1em 0.5em var(--color-secondary);
}
.menu-content.hidden[data-v-1f4e3a2b] {
  transform: scaleX(0);
}
.menu-content[data-v-1f4e3a2b]:not(.hidden) {
  transform: scaleX(1);
}
.menu-content.compact[data-v-1f4e3a2b] {
  left: 0;
}
.menu-content.compact[data-v-1f4e3a2b], .menu-content.right-menu-content[data-v-1f4e3a2b] {
  border-width: 1px 0 1px 0;
  position: absolute;
  top: calc(3rem + 1px);
  right: 0;
}
.menu-content.left-menu-content[data-v-1f4e3a2b] {
  transform-origin: left;
  min-width: 15em;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
}
.menu-content.left-menu-content[data-v-1f4e3a2b]:not(.compact) {
  border-width: 0 1px 0 0;
  box-shadow: none;
}
.menu-content.left-menu-content:not(.compact).hidden[data-v-1f4e3a2b] {
  min-width: 0;
  width: 0;
}
.menu-content.right-menu-content[data-v-1f4e3a2b] {
  transform-origin: right;
  display: flex;
  min-width: 15em;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 0.5em;
  padding: 0.5em;
}
.left-and-main[data-v-1f4e3a2b] {
  height: 100%;
  width: 100%;
}
.left-and-main.compact[data-v-1f4e3a2b] {
  display: block;
}
.left-and-main[data-v-1f4e3a2b]:not(.compact) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.left-and-main .main-and-notifications[data-v-1f4e3a2b] {
  position: relative;
  width: 100%;
  height: calc(100vh - 3rem - 1px);
}
.left-and-main .main-and-notifications main[data-v-1f4e3a2b] {
  padding: 1em;
  box-sizing: border-box;
  overflow: auto;
  max-height: calc(100vh - 3rem - 1px);
}
.left-and-main .main-and-notifications main .fade-enter-active[data-v-1f4e3a2b],
.left-and-main .main-and-notifications main .fade-leave-active[data-v-1f4e3a2b] {
  transition: all 300ms ease;
}
.left-and-main .main-and-notifications main .fade-enter-from[data-v-1f4e3a2b],
.left-and-main .main-and-notifications main .fade-leave-to[data-v-1f4e3a2b] {
  opacity: 0;
}