@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Anek Latin";
  src: url("https://static.zenerp.app.br/fonts/AnekLatin.ttf") format("truetype-variations");
  font-weight: 1 999;
}
@font-face {
  font-family: "Caveat";
  src: url("https://static.zenerp.app.br/fonts/Caveat.ttf") format("truetype-variations");
  font-weight: 1 999;
}
.z {
  --color-primary: #f02d3a;
  --color-on-primary: white;
  --color-shadow: #c4ebf6;
  --color-on-shadow: #303030;
  --color-surface: white;
  --color-on-surface: #303030;
  --color-secondary: #1d9fc3;
  --color-on-secondary: white;
  --color-background: #f0f0f0;
  --color-on-background: #303030;
  --color-fieldset: #f3fbfd;
  --color-info: var(--color-secondary);
  --color-on-info: white;
  --color-success: #79bb22;
  --color-on-success: white;
  --color-warn: #f3bc18;
  --color-on-warn: white;
  --color-error: #f02d3a;
  --color-on-error: white;
  --color-positive: #016fc0;
  --color-negative: #f02d3a;
  --color-input-surface: #fafafa;
  --color-input-surface-required: #f3f3f3;
  --color-input-surface-focus: #ececec;
  --color-status-preparing: var(--color-info);
  --color-on-status-preparing: white;
  --color-status-ready: var(--color-success);
  --color-on-status-ready: white;
  --color-status-working: var(--color-warn);
  --color-on-status-working: white;
  --color-status-done: #b0b0b0;
  --color-on-status-done: white;
  --color-status-error: var(--color-error);
  --color-on-status-error: white;
  --color-lightgray: #f4f4f4;
  --color-gray: #b0b0b0;
  --color-darkgray: #8d8d8d;
  --color-border: rgba(0, 0, 0, 0.1);
  --color-primary-shadow: rgba(240, 45, 58, 0.05);
  --color-secondary-shadow: rgba(29, 159, 195, 0.05);
  --color-table-current: rgba(240, 45, 58, 0.07);
  --color-table-selected: rgba(29, 159, 195, 0.07);
  --color-table-current-selected: rgba(135, 102, 127, 0.07);
  --color-1: #f0cd00;
  --color-on-1: #000000;
  --color-2: #f0eb00;
  --color-on-2: #000000;
  --color-3: #b1d702;
  --color-on-3: #ffffff;
  --color-4: #01cb25;
  --color-on-4: #ffffff;
  --color-5: #01a977;
  --color-on-5: #ffffff;
  --color-6: #01a78a;
  --color-on-6: #ffffff;
  --color-7: #00a69e;
  --color-on-7: #ffffff;
  --color-8: #02a4ad;
  --color-on-8: #ffffff;
  --color-9: #0094b0;
  --color-on-9: #ffffff;
  --color-10: #0083b1;
  --color-on-10: #ffffff;
  --color-11: #016fc0;
  --color-on-11: #ffffff;
  --color-12: #7d01f8;
  --color-on-12: #ffffff;
  --color-13: #a001c6;
  --color-on-13: #ffffff;
  --color-14: #b900a7;
  --color-on-14: #ffffff;
  --color-15: #d10182;
  --color-on-15: #ffffff;
  --color-16: #e20063;
  --color-on-16: #ffffff;
  --color-17: #da411b;
  --color-on-17: #ffffff;
  --color-18: #f85a00;
  --color-on-18: #ffffff;
  --color-19: #f28801;
  --color-on-19: #ffffff;
  --color-20: #f2ac00;
  --color-on-20: #ffffff;
  --border-radius: 0.25rem;
  --font-size-xxx-small: 0.52rem;
  --font-size-xx-small: 0.61rem;
  --font-size-x-small: 0.72rem;
  --font-size-small: 0.85rem;
  --font-size-medium: 1rem;
  --font-size-large: 1.15rem;
  --font-size-x-large: 1.32rem;
  --font-size-xx-large: 1.52rem;
  --font-size-xxx-large: 1.74rem;
  --spacing-xxs: 0.14rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.45rem;
  --spacing-md: 0.82rem;
  --spacing-lg: 1.47rem;
  --spacing-xl: 2.65rem;
  --spacing-xxl: 4.76rem;
  font-family: "Anek Latin";
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  background-color: var(--color-background);
  width: 100vw;
  height: 100vh;
}
.z h1,
.z h2,
.z h3,
.z h4,
.z h5,
.z h6 {
  color: var(--color-primary);
}
.z h1 {
  font-size: var(--font-size-xxx-large);
}
.z h2 {
  font-size: var(--font-size-xx-large);
}
.z h3 {
  font-size: var(--font-size-x-large);
}
.z h4 {
  font-size: var(--font-size-large);
}
.z h5 {
  font-size: var(--font-size-medium);
}
.z h6 {
  font-size: var(--font-size-small);
}
.z body {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.z body[ps-cloak] {
  display: none !important;
}
.z a {
  color: var(--color-secondary);
  text-decoration: none;
}
.z a:visited {
  color: var(--color-secondary);
}
.z a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}
.z h1,
.z h2,
.z h3,
.z h4,
.z h5,
.z h6 {
  color: var(--color-primary);
}
.z h1 {
  font-size: var(--font-size-xxx-large);
}
.z h2 {
  font-size: var(--font-size-xx-large);
}
.z h3 {
  font-size: var(--font-size-x-large);
}
.z h4 {
  font-size: var(--font-size-large);
}
.z h5 {
  font-size: var(--font-size-medium);
}
.z h6 {
  font-size: var(--font-size-small);
}
.z input {
  font-size: var(--font-size-medium);
}
.z .input,
.z input,
.z option,
.z select,
.z textarea {
  outline: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  color: var(--color-on-surface);
}
.z input[type=checkbox],
.z input[type=radio] {
  margin: 0;
  margin-right: 0.2em;
}
.z input[type=date],
.z input[type=time] {
  font-family: unset;
}
.z input[type=number] {
  appearance: textfield;
}
.z ::selection {
  background-color: var(--color-secondary);
  color: var(--color-on-secondary);
}
.z textarea {
  resize: none;
  overflow-y: scroll;
  min-height: 5rem;
}
.z progress::-moz-progress-bar {
  background: var(--color-primary);
}
.z progress::-webkit-progress-value {
  background: var(--color-primary);
}
.z article.text h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.z article.text h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
.z article.text h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
.z article.text h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
.z article.text h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
.z article.text h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
.z article.text p {
  margin: 1em 0;
}
.z article.text ul,
.z article.text li {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.z .code {
  font-weight: 500;
}
.z z-color.tag, .z z-color.status {
  border-radius: var(--spacing-xs);
  padding: 0.15em 0.3em;
  font-weight: 500;
  color: var(--color-surface);
}
.z z-color.tag.c-1, .z z-color.status.c-1 {
  background-color: var(--color-1);
}
.z z-color.tag.c-2, .z z-color.status.c-2 {
  background-color: var(--color-2);
}
.z z-color.tag.c-3, .z z-color.status.c-3 {
  background-color: var(--color-3);
}
.z z-color.tag.c-4, .z z-color.status.c-4 {
  background-color: var(--color-4);
}
.z z-color.tag.c-5, .z z-color.status.c-5 {
  background-color: var(--color-5);
}
.z z-color.tag.c-6, .z z-color.status.c-6 {
  background-color: var(--color-6);
}
.z z-color.tag.c-7, .z z-color.status.c-7 {
  background-color: var(--color-7);
}
.z z-color.tag.c-8, .z z-color.status.c-8 {
  background-color: var(--color-8);
}
.z z-color.tag.c-9, .z z-color.status.c-9 {
  background-color: var(--color-9);
}
.z z-color.tag.c-10, .z z-color.status.c-10 {
  background-color: var(--color-10);
}
.z z-color.tag.c-11, .z z-color.status.c-11 {
  background-color: var(--color-11);
}
.z z-color.tag.c-12, .z z-color.status.c-12 {
  background-color: var(--color-12);
}
.z z-color.tag.c-13, .z z-color.status.c-13 {
  background-color: var(--color-13);
}
.z z-color.tag.c-14, .z z-color.status.c-14 {
  background-color: var(--color-14);
}
.z z-color.tag.c-15, .z z-color.status.c-15 {
  background-color: var(--color-15);
}
.z z-color.tag.c-16, .z z-color.status.c-16 {
  background-color: var(--color-16);
}
.z z-color.tag.c-17, .z z-color.status.c-17 {
  background-color: var(--color-17);
}
.z z-color.tag.c-18, .z z-color.status.c-18 {
  background-color: var(--color-18);
}
.z z-color.tag.c-19, .z z-color.status.c-19 {
  background-color: var(--color-19);
}
.z z-color.tag.c-20, .z z-color.status.c-20 {
  background-color: var(--color-20);
}
.z z-color.tag.c-1, .z z-color.status.c-1 {
  background-color: var(--color-1);
  color: var(--color-on-1);
}
.z z-color.tag.c-2, .z z-color.status.c-2 {
  background-color: var(--color-2);
  color: var(--color-on-2);
}
.z z-color.tag.c-3, .z z-color.status.c-3 {
  background-color: var(--color-3);
  color: var(--color-on-3);
}
.z z-color.tag.c-4, .z z-color.status.c-4 {
  background-color: var(--color-4);
  color: var(--color-on-4);
}
.z z-color.tag.c-5, .z z-color.status.c-5 {
  background-color: var(--color-5);
  color: var(--color-on-5);
}
.z z-color.tag.c-6, .z z-color.status.c-6 {
  background-color: var(--color-6);
  color: var(--color-on-6);
}
.z z-color.tag.c-7, .z z-color.status.c-7 {
  background-color: var(--color-7);
  color: var(--color-on-7);
}
.z z-color.tag.c-8, .z z-color.status.c-8 {
  background-color: var(--color-8);
  color: var(--color-on-8);
}
.z z-color.tag.c-9, .z z-color.status.c-9 {
  background-color: var(--color-9);
  color: var(--color-on-9);
}
.z z-color.tag.c-10, .z z-color.status.c-10 {
  background-color: var(--color-10);
  color: var(--color-on-10);
}
.z z-color.tag.c-11, .z z-color.status.c-11 {
  background-color: var(--color-11);
  color: var(--color-on-11);
}
.z z-color.tag.c-12, .z z-color.status.c-12 {
  background-color: var(--color-12);
  color: var(--color-on-12);
}
.z z-color.tag.c-13, .z z-color.status.c-13 {
  background-color: var(--color-13);
  color: var(--color-on-13);
}
.z z-color.tag.c-14, .z z-color.status.c-14 {
  background-color: var(--color-14);
  color: var(--color-on-14);
}
.z z-color.tag.c-15, .z z-color.status.c-15 {
  background-color: var(--color-15);
  color: var(--color-on-15);
}
.z z-color.tag.c-16, .z z-color.status.c-16 {
  background-color: var(--color-16);
  color: var(--color-on-16);
}
.z z-color.tag.c-17, .z z-color.status.c-17 {
  background-color: var(--color-17);
  color: var(--color-on-17);
}
.z z-color.tag.c-18, .z z-color.status.c-18 {
  background-color: var(--color-18);
  color: var(--color-on-18);
}
.z z-color.tag.c-19, .z z-color.status.c-19 {
  background-color: var(--color-19);
  color: var(--color-on-19);
}
.z z-color.tag.c-20, .z z-color.status.c-20 {
  background-color: var(--color-20);
  color: var(--color-on-20);
}
.z z-color.type {
  font-weight: bold;
}
.z z-color.type.c-1 {
  color: var(--color-1);
}
.z z-color.type.c-2 {
  color: var(--color-2);
}
.z z-color.type.c-3 {
  color: var(--color-3);
}
.z z-color.type.c-4 {
  color: var(--color-4);
}
.z z-color.type.c-5 {
  color: var(--color-5);
}
.z z-color.type.c-6 {
  color: var(--color-6);
}
.z z-color.type.c-7 {
  color: var(--color-7);
}
.z z-color.type.c-8 {
  color: var(--color-8);
}
.z z-color.type.c-9 {
  color: var(--color-9);
}
.z z-color.type.c-10 {
  color: var(--color-10);
}
.z z-color.type.c-11 {
  color: var(--color-11);
}
.z z-color.type.c-12 {
  color: var(--color-12);
}
.z z-color.type.c-13 {
  color: var(--color-13);
}
.z z-color.type.c-14 {
  color: var(--color-14);
}
.z z-color.type.c-15 {
  color: var(--color-15);
}
.z z-color.type.c-16 {
  color: var(--color-16);
}
.z z-color.type.c-17 {
  color: var(--color-17);
}
.z z-color.type.c-18 {
  color: var(--color-18);
}
.z z-color.type.c-19 {
  color: var(--color-19);
}
.z z-color.type.c-20 {
  color: var(--color-20);
}
.z body.z-workspace > .edit,
.z body.z-workspace > .forward,
.z body.z-workspace > .report,
.z body.z-workspace > .reports,
.z body.z-workspace > .search {
  align-items: center;
}
.z body.z-workspace > .edit > main,
.z body.z-workspace > .edit > form,
.z body.z-workspace > .forward > main,
.z body.z-workspace > .forward > form,
.z body.z-workspace > .report > main,
.z body.z-workspace > .report > form,
.z body.z-workspace > .reports > main,
.z body.z-workspace > .reports > form,
.z body.z-workspace > .search > main,
.z body.z-workspace > .search > form {
  box-sizing: border-box;
  max-width: 64rem;
  width: 100%;
}
.z body.z-workspace > .forward ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
}
.z body.z-workspace > .forward ul li:hover {
  color: var(--color-primary);
}
.z body.z-workspace > .forward ul li.default {
  font-weight: 600;
}
.z body.z-workspace > .forward ul li::before {
  content: "▶";
  margin-right: 1em;
  padding: 1em;
  background-color: var(--color-background);
  color: var(--color-on-surface);
}
.z body.z-workspace > .forward ul li.revert::before {
  content: "◀";
  color: var(--color-error);
}
.z body.z-workspace > .forward ul li.workflow::before {
  color: var(--color-secondary);
}
.z body.z-workspace > .forward ul li[disabled] {
  pointer-events: none;
  opacity: 0.3;
}
.z .icon {
  display: inline-flex;
}
.z .icon * {
  display: flex;
  flex: 1;
}
.z .z-icon-slot {
  display: inline-flex;
}
.z .z-icon-slot * {
  display: flex;
  flex: 1;
}
.z .ps-switch {
  display: inline-block;
  cursor: pointer;
  /* width: 1em; */
  /* height: 1em; */
}
.z .ps-switch.ps-switch--on::before {
  content: "☑";
  padding-right: 0.3rem;
}
.z .ps-switch.ps-switch--off::before {
  content: "☐";
  padding-right: 0.3rem;
}
.z ps-switches {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}
.z ps-switches option {
  color: var(--color-on-surface);
  font-size: var(--font-size-md);
}
.z ps-switches option::before {
  content: "☐";
  padding-right: 0.3rem;
}
.z ps-switches option[checked]::before {
  content: "☑";
  padding-right: 0.3rem;
}
.z ps-switches label {
  color: var(--color-primary);
  font-size: var(--font-size-sm);
}
.z ps-switches section {
  color: var(--color-warn);
  font-size: var(--font-size-sm);
}
.z progress {
  height: 0.25rem;
}

table.z {
  background-color: inherit;
}
table.z thead,
table.z tbody,
table.z tfoot {
  background-color: inherit;
}
table.z thead tr,
table.z tbody tr,
table.z tfoot tr {
  background-color: inherit;
}
table.z tbody tr.current {
  background-color: var(--color-table-current);
}
table.z tbody tr.selected {
  background-color: var(--color-table-selected);
}
table.z tbody tr.current.selected {
  background-color: var(--color-table-current-selected);
}
table.z tbody tr td.current {
  background-color: red;
}
@media (max-width: 480px) {
  table.z {
    display: flex;
    flex-direction: column;
  }
  table.z thead {
    display: none;
  }
  table.z tbody tr,
  table.z tfoot tr {
    display: flex;
    flex-direction: column;
    padding-bottom: 0.5rem;
    border-bottom: 2px dotted var(--color-on-surface);
    margin-bottom: 0.5rem;
  }
  table.z tbody tr td,
  table.z tfoot tr td {
    display: block;
    padding: 0.75vmin 1.5vmin;
  }
  table.z tbody tr td[data-title]::before,
  table.z tfoot tr td[data-title]::before {
    content: attr(data-title) ": ";
    font-size: var(--font-size-small);
    font-weight: 500;
  }
  table.z tfoot tr td:empty {
    display: none;
  }
  table.z .text-right {
    text-align: unset;
  }
}
@media not all and (max-width: 480px) {
  table.z {
    width: max-content;
    height: fit-content;
  }
  table.z thead {
    position: sticky;
    inset-block-start: 0;
    text-align: left;
    z-index: 1;
  }
  table.z thead th {
    font-size: var(--font-size-small);
    font-weight: 500;
    /* sort-desc */
  }
  table.z thead th.sort-asc::after {
    content: "▲";
    padding-left: 0.25em;
  }
  table.z thead th.sort-desc::after {
    content: "▼";
    padding-left: 0.25em;
  }
  table.z tfoot {
    position: sticky;
    inset-block-end: 0;
  }
  table.z tfoot td {
    font-size: var(--font-size-small);
    font-weight: 500;
  }
  table.z tbody tr {
    border-bottom: 1px solid var(--color-border);
  }
  table.z tr .limited {
    max-width: 15rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  table.z tr .limited:hover {
    overflow: visible;
    white-space: normal;
  }
  table.z td,
  table.z th {
    padding: 1.5vmin;
    vertical-align: middle;
  }
  table.z td.hidden,
  table.z th.hidden {
    display: none;
  }
  table.z td.limited,
  table.z th.limited {
    max-width: 15rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  table.z td.limited:hover,
  table.z th.limited:hover {
    overflow: visible;
    white-space: normal;
  }
  table.z td.number,
  table.z th.number {
    text-align: right;
  }
  table.z .icon {
    display: inline-flex;
    box-sizing: content-box;
    width: 1rem;
    height: 1rem;
    fill: var(--color-on-surface);
    vertical-align: middle;
  }
}

@keyframes rotate360 {
  to {
    transform: rotate(360deg);
  }
}
.x {
  position: relative;
}
.x::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-background);
  mask-image: url(/media/shapes/shape1.svg);
  mask-repeat: no-repeat;
  mask-size: auto;
  -webkit-mask-image: url(/media/shapes/shape1.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto;
}
.x.s1::before {
  mask-image: url(/media/shapes/shape1.svg);
  -webkit-mask-image: url(/media/shapes/shape1.svg);
}
.x.s2::before {
  mask-image: url(/media/shapes/shape2.svg);
  -webkit-mask-image: url(/media/shapes/shape2.svg);
}
.x.s3::before {
  mask-image: url(/media/shapes/shape3.svg);
  -webkit-mask-image: url(/media/shapes/shape3.svg);
}
.x.s4::before {
  mask-image: url(/media/shapes/shape4.svg);
  -webkit-mask-image: url(/media/shapes/shape4.svg);
}
.x.s5::before {
  mask-image: url(/media/shapes/shape5.svg);
  -webkit-mask-image: url(/media/shapes/shape5.svg);
}
.x.s6::before {
  mask-image: url(/media/shapes/shape6.svg);
  -webkit-mask-image: url(/media/shapes/shape6.svg);
}
.x.s7::before {
  mask-image: url(/media/shapes/shape7.svg);
  -webkit-mask-image: url(/media/shapes/shape7.svg);
}
.x.s8::before {
  mask-image: url(/media/shapes/shape8.svg);
  -webkit-mask-image: url(/media/shapes/shape8.svg);
}
.x.live::before {
  animation: rotate360 180s infinite steps(1800);
  animation-direction: normal;
}
.x.live.reverse::before {
  animation-direction: reverse;
}
.x div {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  mask-image: url(/media/shapes/shape8.svg);
  mask-repeat: no-repeat;
  mask-size: auto;
  -webkit-mask-image: url(/media/shapes/shape8.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto;
}
.x.m1 div {
  mask-image: url(/media/shapes/shape1.svg);
  -webkit-mask-image: url(/media/shapes/shape1.svg);
}
.x.m2 div {
  mask-image: url(/media/shapes/shape2.svg);
  -webkit-mask-image: url(/media/shapes/shape2.svg);
}
.x.m3 div {
  mask-image: url(/media/shapes/shape3.svg);
  -webkit-mask-image: url(/media/shapes/shape3.svg);
}
.x.m4 div {
  mask-image: url(/media/shapes/shape4.svg);
  -webkit-mask-image: url(/media/shapes/shape4.svg);
}
.x.m5 div {
  mask-image: url(/media/shapes/shape5.svg);
  -webkit-mask-image: url(/media/shapes/shape5.svg);
}
.x.m6 div {
  mask-image: url(/media/shapes/shape6.svg);
  -webkit-mask-image: url(/media/shapes/shape6.svg);
}
.x.m7 div {
  mask-image: url(/media/shapes/shape7.svg);
  -webkit-mask-image: url(/media/shapes/shape7.svg);
}
.x.m8 div {
  mask-image: url(/media/shapes/shape8.svg);
  -webkit-mask-image: url(/media/shapes/shape8.svg);
}
.x.live div {
  animation: rotate360 120s infinite steps(1200);
  animation-delay: 1s;
  animation-direction: reverse;
}
.x.live.reverse div {
  animation-direction: normal;
}
.x img, .x video, .x .yyy {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.8);
}
.x.live img, .x.live video, .x.live .yyy {
  animation: rotate360 120s infinite steps(1200);
  animation-delay: 1s;
  animation-direction: normal;
}
.x.live.reverse img, .x.live.reverse video, .x.live.reverse .yyy {
  animation-direction: reverse;
}
.x::after {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-primary);
  mask-image: url(/media/shapes/line5.svg);
  mask-repeat: no-repeat;
  mask-size: auto;
  -webkit-mask-image: url(/media/shapes/stroke5.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto;
}
.x.l1::after {
  mask-image: url(/media/shapes/stroke1.svg);
  -webkit-mask-image: url(/media/shapes/stroke1.svg);
}
.x.l2::after {
  mask-image: url(/media/shapes/stroke2.svg);
  -webkit-mask-image: url(/media/shapes/stroke2.svg);
}
.x.l3::after {
  mask-image: url(/media/shapes/stroke3.svg);
  -webkit-mask-image: url(/media/shapes/stroke3.svg);
}
.x.l4::after {
  mask-image: url(/media/shapes/stroke4.svg);
  -webkit-mask-image: url(/media/shapes/stroke4.svg);
}
.x.l5::after {
  mask-image: url(/media/shapes/stroke5.svg);
  -webkit-mask-image: url(/media/shapes/stroke5.svg);
}
.x.l6::after {
  mask-image: url(/media/shapes/stroke6.svg);
  -webkit-mask-image: url(/media/shapes/stroke6.svg);
}
.x.l7::after {
  mask-image: url(/media/shapes/stroke7.svg);
  -webkit-mask-image: url(/media/shapes/stroke7.svg);
}
.x.l8::after {
  mask-image: url(/media/shapes/stroke8.svg);
  -webkit-mask-image: url(/media/shapes/stroke8.svg);
}
.x.live::after {
  animation: rotate360 60s infinite steps(600);
  animation-direction: normal;
}
.x.live.reverse::after {
  animation-direction: reverse;
}
.x.clickable:hover {
  cursor: pointer;
}
.x.clickable:hover img, .x.clickable:hover video, .x.clickable:hover .yyy {
  filter: grayscale(0.4);
  scale: 1.05;
}
.x.clickable:hover::after {
  background-color: var(--color-secondary);
}

body.z-docs {
  position: fixed;
  box-sizing: border-box;
  margin-top: 5rem;
  overflow: auto;
  width: 100vw;
  height: calc(100vh - 5rem) !important;
  display: flex;
  flex-direction: column;
  background-color: var(--color-surface);
  color: var(--color-on-surface);
}
body.z-docs > header {
  display: none;
  position: fixed;
  top: 0;
  width: 100vw;
}
body.z-docs > nav {
  display: none;
  position: fixed;
  top: 5rem;
}
body.z-docs main {
  top: 5rem;
  overflow: auto;
}
body.z-docs main > article {
  margin: 3vmin 5vmin;
  max-width: 60rem;
}
body.z-docs article hr {
  border: 1px solid var(--color-border);
  width: 100%;
}
body.z-docs article blockquote {
  margin: 1rem 0;
  border-left: 3px solid var(--color-info);
  padding: 0.5rem 1rem;
  background-color: var(--color-background);
}
body.z-docs article blockquote h1,
body.z-docs article blockquote h2,
body.z-docs article blockquote h3,
body.z-docs article blockquote h4,
body.z-docs article blockquote h5,
body.z-docs article blockquote h6 {
  font-size: 1.2rem !important;
  color: var(--color-info);
}
body.z-docs article blockquote.info {
  border-left-color: var(--color-info);
}
body.z-docs article blockquote.info h1,
body.z-docs article blockquote.info h2,
body.z-docs article blockquote.info h3,
body.z-docs article blockquote.info h4,
body.z-docs article blockquote.info h5,
body.z-docs article blockquote.info h6 {
  color: var(--color-info);
}
body.z-docs article pre {
  border-radius: var(--border-radius);
  padding: 1rem;
  background-color: var(--color-on-surface);
  color: var(--color-surface);
  font-family: monospace;
}
body.z-docs article a code,
body.z-docs article li code,
body.z-docs article p code {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 1px 5px;
  background: var(--color-background);
  font-family: monospace;
}
body.z-docs article em {
  font-style: italic;
}
body.z-docs article strong {
  font-weight: bold;
}
body.z-docs article img {
  vertical-align: middle;
}
body.z-docs article ul {
  list-style-position: inside;
  list-style-type: disc;
}
body.z-docs article ol {
  list-style-position: inside;
  list-style-type: decimal;
}
body.z-docs article li ol,
body.z-docs article li ul {
  margin-left: 1rem;
}
body.z-docs article table {
  width: max-content;
  height: fit-content;
  border: 1px solid var(--color-background);
}
body.z-docs article table thead {
  position: sticky;
  inset-block-start: 0;
  text-align: left;
  z-index: 1;
}
body.z-docs article table thead th {
  font-size: var(--font-size-small);
  font-weight: 500;
  /* sort-desc */
}
body.z-docs article table thead th.sort-asc::after {
  content: "▲";
  padding-left: 0.25em;
}
body.z-docs article table thead th.sort-desc::after {
  content: "▼";
  padding-left: 0.25em;
}
body.z-docs article table tfoot {
  position: sticky;
  inset-block-end: 0;
}
body.z-docs article table tfoot td {
  font-size: var(--font-size-small);
  font-weight: 500;
}
body.z-docs article table tbody tr {
  border-bottom: 1px solid var(--color-border);
}
body.z-docs article table tr .limited {
  max-width: 15rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.z-docs article table tr .limited:hover {
  overflow: visible;
  white-space: normal;
}
body.z-docs article table td,
body.z-docs article table th {
  padding: 1.5vmin;
  vertical-align: middle;
}
body.z-docs article table td.hidden,
body.z-docs article table th.hidden {
  display: none;
}
body.z-docs article table td.limited,
body.z-docs article table th.limited {
  max-width: 15rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.z-docs article table td.limited:hover,
body.z-docs article table th.limited:hover {
  overflow: visible;
  white-space: normal;
}
body.z-docs article table td.number,
body.z-docs article table th.number {
  text-align: right;
}
body.z-docs article table .icon {
  display: inline-flex;
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
  fill: var(--color-on-surface);
  vertical-align: middle;
}
body.z-docs article table thead {
  inset-block-start: unset;
}
body.z-docs article .draft {
  display: inline-block;
  border: 1px dotted var(--color-on-surface);
  border-radius: var(--border-radius);
  padding: 0 var(--border-radius);
  background-color: var(--color-on-surface);
  color: var(--color-surface);
  vertical-align: middle;
}
body.z-docs article .draft::before {
  content: "Atençao! Este documento é um rascunho";
}
body.z-docs article .field {
  display: inline-block;
  border: 1px dotted var(--color-on-surface);
  border-radius: var(--border-radius);
  padding: 0 var(--border-radius);
  background-color: var(--color-background);
  font-weight: normal;
  line-height: calc(1rem + var(--border-radius) * 2);
  vertical-align: middle;
}
body.z-docs article .field::before {
  content: "✎";
  color: var(--color-on-surface);
}
body.z-docs article .field.required::after {
  content: "obrigatório";
  font-size: 75%;
  font-weight: bold;
  margin-left: var(--border-radius);
  color: var(--color-primary);
}
body.z-docs article .forward {
  display: inline-block;
  border: 1px solid var(--color-on-surface);
  border-radius: var(--border-radius);
  padding: 0 var(--border-radius);
}
body.z-docs article .forward::before {
  content: ">> ";
}
body.z-docs article .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px dotted var(--color-on-surface);
  border-radius: var(--border-radius);
  padding: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color-background);
  color: var(--color-on-surface);
  vertical-align: middle;
}
body.z-docs article .input {
  display: inline-block;
  border: 1px solid var(--color-on-surface);
  padding: 0.1em 0.2em;
  background-color: var(--color-background);
  vertical-align: middle;
}
body.z-docs article .keywords {
  display: none;
}
body.z-docs article .menu {
  display: inline-block;
  border: 1px dotted var(--color-on-surface);
  border-radius: var(--border-radius);
  padding: 0 var(--border-radius);
  background-color: var(--color-background);
  font-weight: normal;
  line-height: calc(1rem + var(--border-radius) * 2);
  vertical-align: middle;
}
body.z-docs article .menu::before {
  content: "☰";
  color: var(--color-primary);
  margin-right: var(--border-radius);
}
body.z-docs article .status {
  display: inline-block;
  margin: 0.1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 0.15em 0.3em;
  background-color: var(--color-surface);
  color: var(--color-11);
  vertical-align: middle;
}
body.z-docs article .tag {
  display: inline-block;
  border: 1px dotted var(--color-on-surface);
  border-radius: var(--border-radius);
  padding: 0 var(--border-radius);
  background-color: var(--color-secondary);
  color: var(--color-on-secondary);
  vertical-align: middle;
}
body.z-docs article .todo {
  display: inline-block;
  border: 1px dotted var(--color-on-surface);
  border-radius: var(--border-radius);
  padding: 0 var(--border-radius);
  background-color: var(--color-on-surface);
  color: var(--color-surface);
  vertical-align: middle;
}
body.z-docs article .todo:empty::after {
  content: "ToDo";
  font-variant: small-caps;
}

body.z-headerless {
  position: fixed;
  box-sizing: border-box;
  overflow: auto;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--color-background);
}
.z-viewport-login {
  position: static;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  margin: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--color-background);
}
@media not screen and (min-width: 22.5rem) and (min-height: 30rem) {
  .z-viewport-login > section#panel {
    flex: 1;
    width: 100%;
  }
  .z-viewport-login > section#panel section#login {
    flex: 1;
    height: 100%;
  }
  .z-viewport-login > section#panel section#other {
    display: none;
  }
}
@media screen and (min-width: 22.5rem) and (min-height: 30rem) {
  .z-viewport-login {
    align-items: center;
    justify-content: safe center;
  }
  .z-viewport-login > section#panel {
    border-radius: var(--border-radius);
    width: 22.5rem;
    height: 30rem;
  }
  .z-viewport-login > section#panel section#other {
    display: none;
  }
}
@media screen and (min-width: 45rem) and (min-height: 30rem) {
  .z-viewport-login {
    align-items: center;
    justify-content: safe center;
  }
  .z-viewport-login > section#panel {
    border-radius: var(--border-radius);
    width: 45rem;
    height: 30rem;
  }
  .z-viewport-login > section#panel section#login .logo {
    display: none;
  }
  .z-viewport-login > section#panel section#other {
    display: flex;
  }
}
.z-viewport-login > section#panel {
  display: flex;
  flex-direction: row;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.z-viewport-login > section#panel > section {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 22.5rem;
  height: 30rem;
  overflow: auto;
  padding: 1rem 2rem;
}
.z-viewport-login > section#panel > section > .logo {
  width: 100%;
}
.z-viewport-login > section#panel > section > .logo svg {
  width: 6rem;
  height: 3rem;
}
.z-viewport-login > section#panel > section > .logo svg use {
  color: var(--color-primary);
}
.z-viewport-login > section#panel > section#login {
  background-color: var(--color-surface);
}
.z-viewport-login > section#panel > section#login .logo {
  fill: var(--color-primary);
}
.z-viewport-login > section#panel > section#login > .z-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  flex: 1;
  position: relative;
}
.z-viewport-login > section#panel > section#login > .z-form .bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.z-viewport-login > section#panel > section#login .z-field {
  min-width: unset;
}
.z-viewport-login > section#panel > section#login select {
  width: fit-content;
}
.z-viewport-login > section#panel > section#login option {
  font-size: var(--font-size-xx-large);
  background-color: var(--color-surface);
}
.z-viewport-login > section#panel > section#other {
  background-color: var(--color-primary);
}
.z-viewport-login > section#panel > section#other .logo svg use {
  color: var(--color-on-primary);
}
.z-viewport-login > section#panel .icons {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.z-viewport-login > section#panel .icons > div {
  width: 1.5em;
  height: 1.5rem;
  /* border: 1px solid var(--color-primary); */
  border-radius: 50%;
  box-shadow: 0 0 2px 1px var(--color-primary);
  box-sizing: content-box;
  padding: 0.5rem;
}
.z-viewport-login > section#panel .icons svg {
  width: 100%;
  height: 100%;
}

body.z-site {
  display: flex;
  flex-direction: column;
  padding: 0;
}
body.z-site main {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
body.z-site main > section {
  min-height: 35rem;
  padding-right: 4vw;
  padding-left: 4vw;
}
body.z-site main > section:nth-of-type(2n) {
  background-color: var(--color-background);
  color: var(--color-on-surface);
}
body.z-site main > section:nth-of-type(2n+1) {
  background-color: var(--color-surface);
  color: var(--color-on-surface);
}
body.z-site main > section > h1 {
  padding: 1rem 0;
}
body.z-site header {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 5rem;
  padding: 1rem 2vw;
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  border-bottom: 1px solid var(--color-border);
}
body.z-site header section.sections {
  display: inline;
  flex-direction: row;
  flex-wrap: wrap;
}
body.z-site header section.sections a {
  color: var(--color-on-primary);
}
body.z-site header section.sections a:not(:last-child):after {
  content: "»";
  padding: 0.5rem;
  color: var(--color-on-primary);
}
body.z-site header .logo svg {
  width: 6rem;
  height: 3rem;
  fill: var(--color-on-primary);
}
body.z-site section#product {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  gap: 1rem;
  min-height: 35rem;
}
body.z-site section#product section:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  flex: 1;
  min-width: 20rem;
}
body.z-site section#product section:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  flex: 1;
  object-fit: contain;
  min-width: 20rem;
}
body.z-site section#product .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.z-site a {
  color: var(--color-on-surface);
}
body.z-site a:hover {
  color: var(--color-primary);
}
body.z-site section#integrations {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  min-height: 35rem;
}
body.z-site section#integrations section:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  flex: 1;
  min-width: 20rem;
}
body.z-site section#integrations section:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: center;
  align-items: center;
  flex: 1;
  object-fit: contain;
  min-width: 20rem;
}
body.z-site section#integrations ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-around;
}
body.z-site section#integrations svg {
  width: 6rem;
  height: 6rem;
  margin-right: 0.3rem;
  fill: var(--color-primary);
  vertical-align: middle;
}
body.z-site section#testimonies ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  min-height: 35rem;
}
body.z-site section#testimonies li {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  flex: 1;
  min-width: 20rem;
  max-width: 30rem;
}
body.z-site section#testimonies div {
  border-radius: 50%;
  margin: 3rem;
  object-fit: contain;
  overflow: hidden;
}
body.z-site section#testimonies img {
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  transition: all 0.5s;
}
body.z-site section#testimonies img:hover {
  filter: grayscale(0);
  scale: 1.1;
}

@media print {
  body.z-workspace header.z-header {
    display: none;
  }
  body.z-workspace nav.z-menu {
    display: none;
  }
}
@media screen {
  body.z-workspace {
    position: fixed;
    box-sizing: border-box;
    margin-top: 5rem;
    overflow: auto;
    width: 100vw;
    height: calc(100vh - 5rem) !important;
    display: flex;
    flex-direction: column;
    background-color: var(--color-background);
  }
  body.z-workspace > header {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100vw;
    height: 5rem;
    max-height: 5rem;
    overflow: auto;
  }
  body.z-workspace > nav {
    position: fixed;
    box-sizing: border-box;
    top: 5rem;
    left: 0;
    bottom: 0;
    width: 100vw;
    overflow: auto;
  }
  body.z-workspace > .z-notifications {
    top: 5rem !important;
    max-height: calc(100vh - 5rem);
  }
}
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

.p-1 {
  padding: 0.5em;
}

.p-2 {
  padding: 1em;
}

.m-1 {
  margin: 0.5em;
}

.m-2 {
  margin: 1em;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.flex {
  display: flex;
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

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

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.items-baseline {
  align-items: baseline;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-start {
  align-items: flex-start;
}

.items-stretch {
  align-items: stretch;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.gap-1 {
  gap: 0.5em;
}

.gap-2 {
  gap: 1em;
}

.overflow-auto {
  overflow: auto;
}

.bg-inherit {
  background-color: inherit;
}

.bg-primary {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}

.bg-secondary {
  background-color: var(--color-primary);
  color: var(--color-on-secondary);
}

.bg-surface {
  background-color: var(--color-surface);
  color: var(--color-on-surface);
}

.border {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
}

ul.z-actions {
  display: inline-flex;
  flex-direction: row;
  gap: 0.5em;
  box-sizing: content-box;
  z-index: 2;
}
ul.z-actions li:not(.expanded) > ul {
  display: none;
}
ul.z-actions li {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--color-on-surface);
  fill: var(--color-on-surface);
}
ul.z-actions li .z-icon-slot {
  width: 1rem;
  height: 1rem;
}
ul.z-actions li:hover > svg {
  fill: var(--color-primary);
}
ul.z-actions li:hover > p {
  color: var(--color-primary);
}
ul.z-actions li:hover > div svg {
  fill: var(--color-primary);
}
ul.z-actions li:hover > div p {
  color: var(--color-primary);
}
ul.z-actions li > svg {
  width: 1rem;
  height: 1rem;
}
ul.z-actions li > div {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  box-sizing: border-box;
}
ul.z-actions li[disabled] {
  pointer-events: none;
  opacity: 0.3;
}
ul.z-actions > li > div > p {
  display: none;
}
ul.z-actions > li ul {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  top: 1.6rem;
  left: 0.8rem;
  min-width: 10rem;
  border-radius: var(--border-radius);
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  width: max-content;
  padding: 1rem;
}
ul.z-actions > li ul > div {
  color: blue;
}
ul.z-actions > li ul > div p {
  display: inline;
}
ul.z-actions > li ul.up {
  top: unset;
  bottom: 1.6rem;
}
ul.z-actions-grid {
  margin: 1vmin 1.5vmin;
}
ul.z-actions-grid li .z-icon-slot {
  width: 1.5rem;
  height: 1.5rem;
}
ul.z-actions-grid li > svg {
  fill: inherit;
  width: 1.5rem;
  height: 1.5rem;
}

button,
.z-button {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--color-on-primary);
  color: var(--color-primary);
  background-color: var(--color-surface);
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 1rem 2rem;
  padding: 1.1rem 2.4rem;
  cursor: pointer;
}
button.disabled, button[disabled],
.z-button.disabled,
.z-button[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}
button.default,
.z-button.default {
  border: none;
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}
button.secondary,
.z-button.secondary {
  border: none;
  background-color: var(--color-secondary);
  color: var(--color-on-secondary);
}
button.cancel,
.z-button.cancel {
  border: none;
  background-color: transparent;
  text-decoration: underline;
}
button image,
button svg,
.z-button image,
.z-button svg {
  width: 1rem;
  height: 1rem;
  padding-right: 0.25rem;
}
button .ps-icon,
.z-button .ps-icon {
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--color-on-primary);
}

.z-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5em;
  justify-content: flex-start;
  box-sizing: border-box;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.z-dashboard {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  box-sizing: border-box;
}
.z-dashboard .z-slot-1x1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: center;
  flex-grow: 1;
  min-height: 20rem;
  max-height: 20rem;
}
.z-dashboard .z-slot-1x1 .z-content {
  min-width: 20rem;
  max-width: 20rem;
}
.z-dashboard .z-slot-1x2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: center;
  flex-grow: 1;
  min-height: 40rem;
  max-height: 40rem;
}
.z-dashboard .z-slot-1x2 .z-content {
  min-width: 20rem;
  max-width: 20rem;
}
.z-dashboard .z-slot-2x1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: center;
  flex-grow: 2;
  min-height: 20rem;
  max-height: 20rem;
}
.z-dashboard .z-slot-2x1 .z-content {
  min-width: 40rem;
  max-width: 40rem;
}
.z-dashboard .z-slot-2x2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: center;
  flex-grow: 2;
  min-height: 40rem;
  max-height: 40rem;
}
.z-dashboard .z-slot-2x2 .z-content {
  min-width: 40rem;
  max-width: 40rem;
}
.z-dashboard .z-gadget {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: center;
  flex-grow: 1;
  background-color: white;
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-sm);
  width: 100%;
  height: 100%;
}
.z-dashboard .z-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  flex-grow: 1;
  width: 100%;
  height: 100%;
}
.z-dashboard .z-content .z-title {
  color: var(--color-primary-dark);
}
.z-dashboard .z-content .z-stuff {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  margin: auto;
  color: var(--color-on-surface);
}
.z-dashboard .z-content .z-stuff.metric {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.z-dashboard .z-content .z-stuff.metric .icon {
  background-color: var(--color-primary);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-md);
  fill: var(--color-on-primary);
  width: 3rem;
  height: 3rem;
}
.z-dashboard .z-content .z-stuff.metric .value {
  font-size: 125%;
}

.z-dialogs {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}
.z-dialogs > .container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(1px);
}
.z-dialogs > .container .dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.z-alert {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 1rem 2rem;
  min-width: 15rem;
  background-color: var(--color-surface);
  color: var(--color-on-surface);
}
.z-alert.info h1:first-of-type {
  color: var(--color-info);
}
.z-alert.success h1:first-of-type {
  color: var(--color-success);
}
.z-alert.warn h1:first-of-type {
  color: var(--color-warn);
}
.z-alert.error h1:first-of-type {
  color: var(--color-error);
}

.note:not(.sticky) {
  border-left: 3px solid var(--color-info);
  padding: 0.5rem 0.5rem;
  background-color: var(--color-lightgray);
}
.note:not(.sticky).success {
  border-left-color: var(--color-success);
}
.note:not(.sticky).warn {
  border-left-color: var(--color-warn);
}
.note:not(.sticky).error {
  border-left-color: var(--color-error);
}

.note.sticky {
  box-shadow: 4px 4px 8px -2px gray;
  padding: 0.5rem 0.5rem;
  background-color: var(--color-info);
  color: var(--color-on-info);
  font-family: Caveat;
  font-size: 1.3rem;
  min-width: 8rem;
  max-width: 8rem;
  height: 6rem;
  transform: rotate(-3deg);
  transition: transform 0.15s linear;
}
.note.sticky h1,
.note.sticky h2,
.note.sticky h3,
.note.sticky h4,
.note.sticky h5,
.note.sticky h6 {
  margin: 0;
  color: inherit;
  font-weight: bold;
}
.note.sticky.success {
  background-color: var(--color-success);
  color: var(--color-on-success);
}
.note.sticky.warn {
  background-color: var(--color-warn);
  color: var(--color-on-warn);
}
.note.sticky.error {
  background-color: var(--color-error);
  color: var(--color-on-error);
}

.emphasis {
  position: relative;
  z-index: 100;
}
.emphasis:before {
  content: "🡆";
  position: absolute;
  top: -1rem;
  left: -2rem;
  font-size: 2rem;
  color: green;
  transform: rotate(20deg);
  -webkit-text-stroke: 1px white;
}

main:not(.z-report) .z-field, form:not(.z-report) .z-field {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.2rem;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--spacing-sm);
  min-width: 20rem;
  background-color: var(--color-input-surface);
}
main:not(.z-report) .z-field[disabled], form:not(.z-report) .z-field[disabled] {
  opacity: 0.4;
}
main:not(.z-report) .z-field[required], form:not(.z-report) .z-field[required] {
  background-color: var(--color-input-surface-required);
}
main:not(.z-report) .z-field[required] > label::after, form:not(.z-report) .z-field[required] > label::after {
  content: "*";
  padding-left: 0.2rem;
}
main:not(.z-report) .z-field:focus-within, form:not(.z-report) .z-field:focus-within {
  background-color: var(--color-input-surface-focus);
}
main:not(.z-report) .z-field > label, form:not(.z-report) .z-field > label {
  color: var(--color-darkgray);
  font-size: var(--font-size-small);
  font-weight: 500;
  margin-bottom: 0.25rem;
}
main:not(.z-report) .z-field > label a,
main:not(.z-report) .z-field > label a:visited, form:not(.z-report) .z-field > label a,
form:not(.z-report) .z-field > label a:visited {
  color: var(--color-secondary);
}
main:not(.z-report) .z-field > .input,
main:not(.z-report) .z-field > input,
main:not(.z-report) .z-field > select,
main:not(.z-report) .z-field > textarea, form:not(.z-report) .z-field > .input,
form:not(.z-report) .z-field > input,
form:not(.z-report) .z-field > select,
form:not(.z-report) .z-field > textarea {
  flex: 1 1 0%;
  font-family: unset;
  text-align: unset;
}
main:not(.z-report) .z-field .input, form:not(.z-report) .z-field .input {
  flex: 1 1 0%;
}
main:not(.z-report) .z-field .input::placeholder, form:not(.z-report) .z-field .input::placeholder {
  color: var(--color-gray);
}
main:not(.z-report) .z-field .h, form:not(.z-report) .z-field .h {
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
  align-items: center;
}
main:not(.z-report) .z-field .h > .input,
main:not(.z-report) .z-field .h > input,
main:not(.z-report) .z-field .h > select,
main:not(.z-report) .z-field .h > textarea, form:not(.z-report) .z-field .h > .input,
form:not(.z-report) .z-field .h > input,
form:not(.z-report) .z-field .h > select,
form:not(.z-report) .z-field .h > textarea {
  flex: 1;
}
main:not(.z-report) .z-field .v, form:not(.z-report) .z-field .v {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
main:not(.z-report) .z-field[data-info]::after, form:not(.z-report) .z-field[data-info]::after {
  content: attr(data-info);
  color: var(--color-info);
  font-size: var(--font-size-small);
  padding-top: 0.1rem;
}
main:not(.z-report) .z-field[data-success]::after, form:not(.z-report) .z-field[data-success]::after {
  content: attr(data-success);
  color: var(--color-success);
  font-size: var(--font-size-small);
  padding-top: 0.1rem;
}
main:not(.z-report) .z-field[data-warn]::after, form:not(.z-report) .z-field[data-warn]::after {
  content: attr(data-warn);
  color: var(--color-warn);
  font-size: var(--font-size-small);
  padding-top: 0.1rem;
}
main:not(.z-report) .z-field[data-error], form:not(.z-report) .z-field[data-error] {
  border-color: var(--color-error);
}
main:not(.z-report) .z-field[data-error]::after, form:not(.z-report) .z-field[data-error]::after {
  content: attr(data-error);
  color: var(--color-error);
  font-size: var(--font-size-small);
  padding-top: 0.1rem;
}
main:not(.z-report) .z-field .icon, form:not(.z-report) .z-field .icon {
  width: 1rem;
  height: 1rem;
}

.highlight {
  border: 4px solid red;
}

.z fieldset {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.5em;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 0.5rem;
  background-color: var(--color-fieldset);
  box-sizing: border-box;
  width: 100%;
}
@media (orientation: portrait) and (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
  .z fieldset {
    border: none;
    padding: 0.5rem 0rem;
  }
}
.z fieldset > legend {
  color: var(--color-secondary);
  flex: none;
  font-size: var(--font-size-large);
}
.z .band {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  box-sizing: border-box;
}
.z .band.v {
  flex-direction: column;
}
.z .band.h {
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}
.z .band.no-gap {
  gap: 0;
}

.report .z-field[required],
.search .z-field[required] {
  background-color: var(--color-input-surface);
}
.report .z-field[required] > label::after,
.search .z-field[required] > label::after {
  content: unset;
}

z-grid {
  flex: 1;
}

.ag-theme-alpine {
  --ag-font-size: 15px;
  --ag-font-family: Anek Latin;
}

.ag-row-focus {
  z-index: 1;
}

[col-id=actions].ag-cell-value,
[col-id=actions].ag-cell {
  overflow: visible;
}

.ag-cell {
  cursor: auto;
  user-select: text;
}
.ag-cell > * {
  flex: 1;
}

z-grid ul.z-actions {
  z-index: 5;
}
z-grid ul.z-actions ul {
  gap: 0 !important;
}
z-grid ul.z-actions li {
  height: 1.5em !important;
}

@media screen {
  header.z-header {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-end;
    justify-content: space-between;
    overflow-x: auto;
    box-sizing: border-box;
    min-height: 5rem;
    padding: 1rem;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    border-bottom: 1px solid var(--color-border);
  }
  header.z-header .logo {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--spacing-sm);
    cursor: pointer;
    user-select: none;
  }
  header.z-header .logo .z-icon-slot {
    width: 1.25rem;
    height: 1.25rem;
  }
  header.z-header .logo span {
    font-size: 150%;
  }
  header.z-header .logo div {
    width: 6rem;
    height: 3rem;
  }
  header.z-header .logo svg {
    fill: var(--color-on-primary);
    width: 100%;
    height: 100%;
  }
  header.z-header .breadcrumbs {
    display: inline;
    max-width: 20rem;
  }
}
@media screen and (orientation: portrait) and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
  header.z-header .breadcrumbs {
    display: none;
  }
}
@media screen {
  header.z-header .breadcrumbs span:not(:last-child):after {
    content: "»";
    padding: 0.5rem;
    color: var(--color-on-primary);
  }
  header.z-header .search {
    display: flex;
    align-items: center;
    background-color: var(--color-surface);
    border-radius: var(--border-radius);
    border: 1px solid var(--color-border);
    padding: 0rem 0.5rem;
    min-width: 15rem;
    width: 20rem;
    height: 2rem;
  }
}
@media screen and (orientation: portrait) and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
  header.z-header .search {
    display: none;
  }
}
@media screen {
  header.z-header .search::after {
    content: "🔎︎";
    color: var(--color-on-surface);
  }
  header.z-header .search input {
    outline: none;
    border: none;
    width: 100%;
  }
  header.z-header .help {
    display: flex;
    min-width: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    max-height: 2rem;
  }
  header.z-header .help svg {
    display: none;
    border-radius: 50%;
    fill: var(--color-on-primary);
    cursor: pointer;
  }
  header.z-header .help.enabled svg {
    display: block;
  }
  header.z-header a {
    color: var(--color-on-primary);
  }
  header.z-header a:hover {
    color: inherit;
  }
  header.z-header a:visited {
    color: inherit;
  }
}
.z-image {
  display: flex;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  padding: 1rem;
  border-radius: 50%;
  background-color: d6f5ff;
}
.z-image svg {
  color: var(--color-primary);
}
.z-image svg .fa-primary {
  color: var(--color-primary);
}
.z-image svg .fa-secondary {
  color: var(--color-secondary);
}

svg1 use {
  color: var(--color-primary);
}

.z-panel {
  border-radius: var(--border-radius);
  padding: 0.5em;
  background-color: var(--color-surface);
  color: var(--color-on-surface);
}

.z-full {
  width: 100%;
  height: 100%;
}

nav.z-menu {
  z-index: 10;
  /* 2nd <ul> and above */
  /* drop up */
  /* 3rd <ul> and above */
  /* 4th <ul> and above */
  /* 5th <ul> and above */
  /* any <li> */
  /* line between <li> */
  /* <li> on 2nd <ul> and above */
}
nav.z-menu:not(.expanded) {
  display: none;
}
nav.z-menu ul {
  box-sizing: border-box;
  width: 17rem;
  min-width: 17rem;
  /* needed for drop up menus */
  z-index: 10;
}
nav.z-menu ul ul {
  /* hidden by default */
  display: none;
  position: relative;
  /* border-radius: var(--border-radius); */
  margin-left: 2rem;
  /* drop down */
  top: 0.5rem;
  bottom: unset;
  z-index: 11;
  border: 1px solid var(--color-border);
}
nav.z-menu ul ul .icon, nav.z-menu ul ul .z-icon-slot {
  width: 1rem;
  height: 1rem;
}
nav.z-menu ul ul ul {
  z-index: 12;
}
nav.z-menu ul ul ul ul {
  z-index: 13;
}
nav.z-menu ul ul ul ul ul {
  z-index: 14;
}
nav.z-menu ul .header {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
  padding: unset 2rem;
}
nav.z-menu ul .header .icon, nav.z-menu ul .header .z-icon-slot {
  border: none;
}
nav.z-menu li {
  /* needed for drop up menus */
  position: relative;
  background-color: var(--color-surface);
  color: var(--color-on-surface);
  border-right: 1px solid var(--color-border);
  padding: 1rem 2rem;
}
nav.z-menu li.children::after {
  content: "⯈";
  position: absolute;
  top: 1rem;
  right: 1rem;
}
nav.z-menu li.children.expanded::after {
  content: "⯆";
}
nav.z-menu li:hover {
  color: var(--color-primary);
}
nav.z-menu li.expanded > ul {
  /* show submenu */
  display: inherit;
  /* prevent all <li> subitems to change color on hover */
  color: var(--color-on-surface);
}
nav.z-menu li:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}
nav.z-menu li .icon, nav.z-menu li .z-icon-slot {
  display: inline-block;
  fill: var(--color-on-surface);
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
nav.z-menu li .icon svg, nav.z-menu li .z-icon-slot svg {
  width: 100%;
  height: 100%;
}
nav.z-menu li.header .icon, nav.z-menu li.header .z-icon-slot {
  background-color: transparent;
}
nav.z-menu ul ul li {
  padding: 1rem 1rem;
}
nav.z-menu a {
  color: var(--color-on-surface);
}
nav.z-menu a:visited {
  color: inherit;
}

@media print {
  body > .z-notifications {
    display: none;
  }
}
@media screen {
  body > .z-notifications {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-end;
    position: fixed;
    box-sizing: border-box;
    top: 0;
    right: 0;
    padding: 0.5em;
    max-height: 100vh;
    overflow: auto;
    z-index: 20;
  }
  body > .z-notifications.hidden {
    display: none;
  }
  body > .z-notifications > article {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);
    padding: 1rem;
    min-width: 20rem;
    max-width: min(30rem, 100vw);
    max-height: 15rem;
    background-color: var(--color-info);
    color: var(--color-on-info);
    fill: var(--color-on-info);
  }
  body > .z-notifications > article h1,
  body > .z-notifications > article h2,
  body > .z-notifications > article h3,
  body > .z-notifications > article h4,
  body > .z-notifications > article h5,
  body > .z-notifications > article h6,
  body > .z-notifications > article p {
    margin: 0;
  }
  body > .z-notifications > article h1,
  body > .z-notifications > article h2,
  body > .z-notifications > article h3,
  body > .z-notifications > article h4,
  body > .z-notifications > article h5,
  body > .z-notifications > article h6 {
    display: block;
    color: var(--color-on-info);
    font-size: var(--font-size-large);
  }
  body > .z-notifications > article > p {
    overflow: auto;
  }
  body > .z-notifications > article > p > * {
    vertical-align: baseline;
  }
  body > .z-notifications > article > p a {
    color: var(--color-on-primary);
    text-decoration: underline;
  }
  body > .z-notifications > article > p a:hover {
    color: var(--color-on-primary);
  }
  body > .z-notifications > article > p a:visited {
    color: var(--color-on-primary);
  }
  body > .z-notifications > article.success {
    background-color: var(--color-success);
    fill: var(--color-on-success);
  }
  body > .z-notifications > article.success h1,
  body > .z-notifications > article.success h2,
  body > .z-notifications > article.success h3,
  body > .z-notifications > article.success h4,
  body > .z-notifications > article.success h5,
  body > .z-notifications > article.success h6 {
    color: var(--color-on-success);
  }
  body > .z-notifications > article.warn {
    background-color: var(--color-warn);
    fill: var(--color-on-warn);
  }
  body > .z-notifications > article.warn h1,
  body > .z-notifications > article.warn h2,
  body > .z-notifications > article.warn h3,
  body > .z-notifications > article.warn h4,
  body > .z-notifications > article.warn h5,
  body > .z-notifications > article.warn h6 {
    color: var(--color-on-warn);
  }
  body > .z-notifications > article.error {
    background-color: var(--color-error);
    fill: var(--color-on-error);
  }
  body > .z-notifications > article.error h1,
  body > .z-notifications > article.error h2,
  body > .z-notifications > article.error h3,
  body > .z-notifications > article.error h4,
  body > .z-notifications > article.error h5,
  body > .z-notifications > article.error h6 {
    color: var(--color-on-error);
  }
  body > .z-notifications > article > .icon, body > .z-notifications > article > img, body > .z-notifications > article > svg {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
  }
  body > .z-notifications > article .close::before {
    content: "x";
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
}
@page {}
@page label {}
@media print {
  .actions {
    display: none !important;
  }
}
main.z-report {
  --color-primary: #f02d3a;
  --color-on-primary: white;
  --color-shadow: #c4ebf6;
  --color-on-shadow: #303030;
  --color-surface: white;
  --color-on-surface: #303030;
  --color-secondary: #1d9fc3;
  --color-on-secondary: white;
  --color-background: #f0f0f0;
  --color-on-background: #303030;
  --color-fieldset: #f3fbfd;
  --color-info: var(--color-secondary);
  --color-on-info: white;
  --color-success: #79bb22;
  --color-on-success: white;
  --color-warn: #f3bc18;
  --color-on-warn: white;
  --color-error: #f02d3a;
  --color-on-error: white;
  --color-positive: #016fc0;
  --color-negative: #f02d3a;
  --color-input-surface: #fafafa;
  --color-input-surface-required: #f3f3f3;
  --color-input-surface-focus: #ececec;
  --color-status-preparing: var(--color-info);
  --color-on-status-preparing: white;
  --color-status-ready: var(--color-success);
  --color-on-status-ready: white;
  --color-status-working: var(--color-warn);
  --color-on-status-working: white;
  --color-status-done: #b0b0b0;
  --color-on-status-done: white;
  --color-status-error: var(--color-error);
  --color-on-status-error: white;
  --color-lightgray: #f4f4f4;
  --color-gray: #b0b0b0;
  --color-darkgray: #8d8d8d;
  --color-border: rgba(0, 0, 0, 0.1);
  --color-primary-shadow: rgba(240, 45, 58, 0.05);
  --color-secondary-shadow: rgba(29, 159, 195, 0.05);
  --color-table-current: rgba(240, 45, 58, 0.07);
  --color-table-selected: rgba(29, 159, 195, 0.07);
  --color-table-current-selected: rgba(135, 102, 127, 0.07);
  --color-1: #f0cd00;
  --color-on-1: #000000;
  --color-2: #f0eb00;
  --color-on-2: #000000;
  --color-3: #b1d702;
  --color-on-3: #ffffff;
  --color-4: #01cb25;
  --color-on-4: #ffffff;
  --color-5: #01a977;
  --color-on-5: #ffffff;
  --color-6: #01a78a;
  --color-on-6: #ffffff;
  --color-7: #00a69e;
  --color-on-7: #ffffff;
  --color-8: #02a4ad;
  --color-on-8: #ffffff;
  --color-9: #0094b0;
  --color-on-9: #ffffff;
  --color-10: #0083b1;
  --color-on-10: #ffffff;
  --color-11: #016fc0;
  --color-on-11: #ffffff;
  --color-12: #7d01f8;
  --color-on-12: #ffffff;
  --color-13: #a001c6;
  --color-on-13: #ffffff;
  --color-14: #b900a7;
  --color-on-14: #ffffff;
  --color-15: #d10182;
  --color-on-15: #ffffff;
  --color-16: #e20063;
  --color-on-16: #ffffff;
  --color-17: #da411b;
  --color-on-17: #ffffff;
  --color-18: #f85a00;
  --color-on-18: #ffffff;
  --color-19: #f28801;
  --color-on-19: #ffffff;
  --color-20: #f2ac00;
  --color-on-20: #ffffff;
  --border-radius: 0.25rem;
  --font-size-xxx-small: 0.52rem;
  --font-size-xx-small: 0.61rem;
  --font-size-x-small: 0.72rem;
  --font-size-small: 0.85rem;
  --font-size-medium: 1rem;
  --font-size-large: 1.15rem;
  --font-size-x-large: 1.32rem;
  --font-size-xx-large: 1.52rem;
  --font-size-xxx-large: 1.74rem;
  --spacing-xxs: 0.14rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.45rem;
  --spacing-md: 0.82rem;
  --spacing-lg: 1.47rem;
  --spacing-xl: 2.65rem;
  --spacing-xxl: 4.76rem;
}
main.z-report h1,
main.z-report h2,
main.z-report h3,
main.z-report h4,
main.z-report h5,
main.z-report h6 {
  color: var(--color-primary);
}
main.z-report h1 {
  font-size: var(--font-size-xxx-large);
}
main.z-report h2 {
  font-size: var(--font-size-xx-large);
}
main.z-report h3 {
  font-size: var(--font-size-x-large);
}
main.z-report h4 {
  font-size: var(--font-size-large);
}
main.z-report h5 {
  font-size: var(--font-size-medium);
}
main.z-report h6 {
  font-size: var(--font-size-small);
}
@media screen {
  main.z-report {
    background-color: var(--color-surface);
    color: var(--color-on-surface);
    padding: 0.5rem;
    overflow: auto;
  }
}
main.z-report table th,
main.z-report table td {
  padding: var(--spacing-xxs);
  text-align: unset;
}
main.z-report table thead tr {
  border-bottom: 1px solid var(--color-on-surface) !important;
}
main.z-report table tbody:not(.groupFooter) tr {
  border-bottom: 1px solid var(--color-border);
}
main.z-report.card .title {
  margin-bottom: var(--spacing-md);
  text-align: center;
}
main.z-report.card .title h1 {
  color: var(--color-primary);
  font-size: 220%;
}
main.z-report.card section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  flex: 1;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 0.5rem;
}
main.z-report.card h2 {
  font-size: var(--font-size-large);
}
main.z-report.card h3 {
  font-size: var(--font-size-medium);
}
main.z-report.card .z-field {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
}
main.z-report.card .z-field label {
  font-weight: 500;
}
main.z-report.card .z-field label::after {
  content: ":";
}
main.z-report.list, main.z-report.form, main.z-report.ranking {
  color: var(--color-on-surface);
}
@media print {
  main.z-report.list table, main.z-report.form table, main.z-report.ranking table {
    min-width: 100%;
  }
}
main.z-report.list .title, main.z-report.form .title, main.z-report.ranking .title {
  margin-bottom: var(--spacing-md);
  text-align: center;
}
main.z-report.list .title h1, main.z-report.form .title h1, main.z-report.ranking .title h1 {
  color: var(--color-primary);
  font-size: 220%;
}
main.z-report.list .pageHeader, main.z-report.form .pageHeader, main.z-report.ranking .pageHeader {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin: 1rem 0;
}
main.z-report.list .pageHeader .h, main.z-report.form .pageHeader .h, main.z-report.ranking .pageHeader .h {
  flex-wrap: wrap;
}
main.z-report.list .pageHeader .z-field, main.z-report.form .pageHeader .z-field, main.z-report.ranking .pageHeader .z-field {
  min-width: 12em;
}
main.z-report.list .groupHeader, main.z-report.form .groupHeader, main.z-report.ranking .groupHeader {
  margin-bottom: var(--spacing-sm);
}
main.z-report.list .groupHeader h2, main.z-report.form .groupHeader h2, main.z-report.ranking .groupHeader h2 {
  color: var(--color-primary);
  font-size: 160%;
}
main.z-report.list .groupBreak, main.z-report.form .groupBreak, main.z-report.ranking .groupBreak {
  page-break-after: always;
}
main.z-report.list .columnHeader, main.z-report.form .columnHeader, main.z-report.ranking .columnHeader {
  font-size: 90%;
  font-weight: 600;
}
main.z-report.list .groupFooter, main.z-report.form .groupFooter, main.z-report.ranking .groupFooter {
  font-size: 90%;
  font-weight: 600;
}
main.z-report.list .summary, main.z-report.form .summary, main.z-report.ranking .summary {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--spacing-sm);
}
main.z-report.list .summary h2, main.z-report.form .summary h2, main.z-report.ranking .summary h2 {
  color: var(--color-primary);
  font-size: 150%;
}
main.z-report.list .summary .z-field, main.z-report.form .summary .z-field, main.z-report.ranking .summary .z-field {
  border: none;
  padding: 0;
  flex-direction: row;
}
main.z-report.list .summary .z-field label, main.z-report.form .summary .z-field label, main.z-report.ranking .summary .z-field label {
  font-size: unset;
  font-weight: 600;
}
main.z-report.list .summary .z-field label::after, main.z-report.form .summary .z-field label::after, main.z-report.ranking .summary .z-field label::after {
  content: ": ";
}
main.z-report.list .h, main.z-report.form .h, main.z-report.ranking .h {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
}
main.z-report.list .v, main.z-report.form .v, main.z-report.ranking .v {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
main.z-report.list .z-field, main.z-report.form .z-field, main.z-report.ranking .z-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--spacing-xs);
  flex: 1;
}
main.z-report.list .z-field label, main.z-report.form .z-field label, main.z-report.ranking .z-field label {
  font-size: 80%;
  font-weight: 600;
}
main.z-report.list table, main.z-report.form table, main.z-report.ranking table {
  border: none;
  margin-bottom: var(--spacing-md);
}
main.z-report.list table thead tr, main.z-report.form table thead tr, main.z-report.ranking table thead tr {
  border-bottom: 1px solid var(--color-on-surface) !important;
}
main.z-report.list table tbody:not(.groupFooter) tr, main.z-report.form table tbody:not(.groupFooter) tr, main.z-report.ranking table tbody:not(.groupFooter) tr {
  border-bottom: 1px solid var(--color-border);
}
main.z-report.list table thead.columnHeader th, main.z-report.form table thead.columnHeader th, main.z-report.ranking table thead.columnHeader th {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
main.z-report.list table tbody.columnHeader td, main.z-report.form table tbody.columnHeader td, main.z-report.ranking table tbody.columnHeader td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
main.z-report.list table th, main.z-report.form table th, main.z-report.ranking table th {
  text-align: left;
}
main.z-report.list table th,
main.z-report.list table td, main.z-report.form table th,
main.z-report.form table td, main.z-report.ranking table th,
main.z-report.ranking table td {
  overflow-wrap: break-word;
}
main.z-report.list table th,
main.z-report.list table td, main.z-report.form table th,
main.z-report.form table td, main.z-report.ranking table th,
main.z-report.ranking table td {
  padding: var(--spacing-xxs);
}
main.z-report.list table .w-xxs, main.z-report.form table .w-xxs, main.z-report.ranking table .w-xxs {
  min-width: 2em;
  max-width: 2em;
}
main.z-report.list table .w-xs, main.z-report.form table .w-xs, main.z-report.ranking table .w-xs {
  min-width: 3em;
  max-width: 3em;
}
main.z-report.list table .w-sm, main.z-report.form table .w-sm, main.z-report.ranking table .w-sm {
  min-width: 5.5em;
  max-width: 5.5em;
}
main.z-report.list table .w-md, main.z-report.form table .w-md, main.z-report.ranking table .w-md {
  min-width: 6.75em;
  max-width: 6.75em;
}
main.z-report.list table .w-lg, main.z-report.form table .w-lg, main.z-report.ranking table .w-lg {
  min-width: 10.1em;
  max-width: 10.1em;
}
main.z-report.list table .w-xl, main.z-report.form table .w-xl, main.z-report.ranking table .w-xl {
  min-width: 15.2em;
  max-width: 15.2em;
}
main.z-report.list table .w-xxl, main.z-report.form table .w-xxl, main.z-report.ranking table .w-xxl {
  min-width: 22.8em;
  max-width: 22.8em;
}
main.z-report.list table .number, main.z-report.form table .number, main.z-report.ranking table .number {
  text-align: right;
}
main.z-report.list table .positive, main.z-report.form table .positive, main.z-report.ranking table .positive {
  color: var(--color-positive);
}
main.z-report.list table .negative, main.z-report.form table .negative, main.z-report.ranking table .negative {
  color: var(--color-negative);
}
main.z-report.list .status.c-1, main.z-report.form .status.c-1, main.z-report.ranking .status.c-1 {
  color: var(--color-1);
}
main.z-report.list .status.c-2, main.z-report.form .status.c-2, main.z-report.ranking .status.c-2 {
  color: var(--color-2);
}
main.z-report.list .status.c-3, main.z-report.form .status.c-3, main.z-report.ranking .status.c-3 {
  color: var(--color-3);
}
main.z-report.list .status.c-4, main.z-report.form .status.c-4, main.z-report.ranking .status.c-4 {
  color: var(--color-4);
}
main.z-report.list .status.c-5, main.z-report.form .status.c-5, main.z-report.ranking .status.c-5 {
  color: var(--color-5);
}
main.z-report.list .status.c-6, main.z-report.form .status.c-6, main.z-report.ranking .status.c-6 {
  color: var(--color-6);
}
main.z-report.list .status.c-7, main.z-report.form .status.c-7, main.z-report.ranking .status.c-7 {
  color: var(--color-7);
}
main.z-report.list .status.c-8, main.z-report.form .status.c-8, main.z-report.ranking .status.c-8 {
  color: var(--color-8);
}
main.z-report.list .status.c-9, main.z-report.form .status.c-9, main.z-report.ranking .status.c-9 {
  color: var(--color-9);
}
main.z-report.list .status.c-10, main.z-report.form .status.c-10, main.z-report.ranking .status.c-10 {
  color: var(--color-10);
}
main.z-report.list .status.c-11, main.z-report.form .status.c-11, main.z-report.ranking .status.c-11 {
  color: var(--color-11);
}
main.z-report.list .status.c-12, main.z-report.form .status.c-12, main.z-report.ranking .status.c-12 {
  color: var(--color-12);
}
main.z-report.list .status.c-13, main.z-report.form .status.c-13, main.z-report.ranking .status.c-13 {
  color: var(--color-13);
}
main.z-report.list .status.c-14, main.z-report.form .status.c-14, main.z-report.ranking .status.c-14 {
  color: var(--color-14);
}
main.z-report.list .status.c-15, main.z-report.form .status.c-15, main.z-report.ranking .status.c-15 {
  color: var(--color-15);
}
main.z-report.list .status.c-16, main.z-report.form .status.c-16, main.z-report.ranking .status.c-16 {
  color: var(--color-16);
}
main.z-report.list .status.c-17, main.z-report.form .status.c-17, main.z-report.ranking .status.c-17 {
  color: var(--color-17);
}
main.z-report.list .status.c-18, main.z-report.form .status.c-18, main.z-report.ranking .status.c-18 {
  color: var(--color-18);
}
main.z-report.list .status.c-19, main.z-report.form .status.c-19, main.z-report.ranking .status.c-19 {
  color: var(--color-19);
}
main.z-report.list .status.c-20, main.z-report.form .status.c-20, main.z-report.ranking .status.c-20 {
  color: var(--color-20);
}
main.z-report.list .tag.c-1, main.z-report.form .tag.c-1, main.z-report.ranking .tag.c-1 {
  color: var(--color-1);
}
main.z-report.list .tag.c-2, main.z-report.form .tag.c-2, main.z-report.ranking .tag.c-2 {
  color: var(--color-2);
}
main.z-report.list .tag.c-3, main.z-report.form .tag.c-3, main.z-report.ranking .tag.c-3 {
  color: var(--color-3);
}
main.z-report.list .tag.c-4, main.z-report.form .tag.c-4, main.z-report.ranking .tag.c-4 {
  color: var(--color-4);
}
main.z-report.list .tag.c-5, main.z-report.form .tag.c-5, main.z-report.ranking .tag.c-5 {
  color: var(--color-5);
}
main.z-report.list .tag.c-6, main.z-report.form .tag.c-6, main.z-report.ranking .tag.c-6 {
  color: var(--color-6);
}
main.z-report.list .tag.c-7, main.z-report.form .tag.c-7, main.z-report.ranking .tag.c-7 {
  color: var(--color-7);
}
main.z-report.list .tag.c-8, main.z-report.form .tag.c-8, main.z-report.ranking .tag.c-8 {
  color: var(--color-8);
}
main.z-report.list .tag.c-9, main.z-report.form .tag.c-9, main.z-report.ranking .tag.c-9 {
  color: var(--color-9);
}
main.z-report.list .tag.c-10, main.z-report.form .tag.c-10, main.z-report.ranking .tag.c-10 {
  color: var(--color-10);
}
main.z-report.list .tag.c-11, main.z-report.form .tag.c-11, main.z-report.ranking .tag.c-11 {
  color: var(--color-11);
}
main.z-report.list .tag.c-12, main.z-report.form .tag.c-12, main.z-report.ranking .tag.c-12 {
  color: var(--color-12);
}
main.z-report.list .tag.c-13, main.z-report.form .tag.c-13, main.z-report.ranking .tag.c-13 {
  color: var(--color-13);
}
main.z-report.list .tag.c-14, main.z-report.form .tag.c-14, main.z-report.ranking .tag.c-14 {
  color: var(--color-14);
}
main.z-report.list .tag.c-15, main.z-report.form .tag.c-15, main.z-report.ranking .tag.c-15 {
  color: var(--color-15);
}
main.z-report.list .tag.c-16, main.z-report.form .tag.c-16, main.z-report.ranking .tag.c-16 {
  color: var(--color-16);
}
main.z-report.list .tag.c-17, main.z-report.form .tag.c-17, main.z-report.ranking .tag.c-17 {
  color: var(--color-17);
}
main.z-report.list .tag.c-18, main.z-report.form .tag.c-18, main.z-report.ranking .tag.c-18 {
  color: var(--color-18);
}
main.z-report.list .tag.c-19, main.z-report.form .tag.c-19, main.z-report.ranking .tag.c-19 {
  color: var(--color-19);
}
main.z-report.list .tag.c-20, main.z-report.form .tag.c-20, main.z-report.ranking .tag.c-20 {
  color: var(--color-20);
}
main.z-report.list z-color.c-1, main.z-report.form z-color.c-1, main.z-report.ranking z-color.c-1 {
  color: var(--color-1);
}
main.z-report.list z-color.c-2, main.z-report.form z-color.c-2, main.z-report.ranking z-color.c-2 {
  color: var(--color-2);
}
main.z-report.list z-color.c-3, main.z-report.form z-color.c-3, main.z-report.ranking z-color.c-3 {
  color: var(--color-3);
}
main.z-report.list z-color.c-4, main.z-report.form z-color.c-4, main.z-report.ranking z-color.c-4 {
  color: var(--color-4);
}
main.z-report.list z-color.c-5, main.z-report.form z-color.c-5, main.z-report.ranking z-color.c-5 {
  color: var(--color-5);
}
main.z-report.list z-color.c-6, main.z-report.form z-color.c-6, main.z-report.ranking z-color.c-6 {
  color: var(--color-6);
}
main.z-report.list z-color.c-7, main.z-report.form z-color.c-7, main.z-report.ranking z-color.c-7 {
  color: var(--color-7);
}
main.z-report.list z-color.c-8, main.z-report.form z-color.c-8, main.z-report.ranking z-color.c-8 {
  color: var(--color-8);
}
main.z-report.list z-color.c-9, main.z-report.form z-color.c-9, main.z-report.ranking z-color.c-9 {
  color: var(--color-9);
}
main.z-report.list z-color.c-10, main.z-report.form z-color.c-10, main.z-report.ranking z-color.c-10 {
  color: var(--color-10);
}
main.z-report.list z-color.c-11, main.z-report.form z-color.c-11, main.z-report.ranking z-color.c-11 {
  color: var(--color-11);
}
main.z-report.list z-color.c-12, main.z-report.form z-color.c-12, main.z-report.ranking z-color.c-12 {
  color: var(--color-12);
}
main.z-report.list z-color.c-13, main.z-report.form z-color.c-13, main.z-report.ranking z-color.c-13 {
  color: var(--color-13);
}
main.z-report.list z-color.c-14, main.z-report.form z-color.c-14, main.z-report.ranking z-color.c-14 {
  color: var(--color-14);
}
main.z-report.list z-color.c-15, main.z-report.form z-color.c-15, main.z-report.ranking z-color.c-15 {
  color: var(--color-15);
}
main.z-report.list z-color.c-16, main.z-report.form z-color.c-16, main.z-report.ranking z-color.c-16 {
  color: var(--color-16);
}
main.z-report.list z-color.c-17, main.z-report.form z-color.c-17, main.z-report.ranking z-color.c-17 {
  color: var(--color-17);
}
main.z-report.list z-color.c-18, main.z-report.form z-color.c-18, main.z-report.ranking z-color.c-18 {
  color: var(--color-18);
}
main.z-report.list z-color.c-19, main.z-report.form z-color.c-19, main.z-report.ranking z-color.c-19 {
  color: var(--color-19);
}
main.z-report.list z-color.c-20, main.z-report.form z-color.c-20, main.z-report.ranking z-color.c-20 {
  color: var(--color-20);
}
main.z-report.list strong, main.z-report.form strong, main.z-report.ranking strong {
  font-weight: 600;
}
main.z-report.label {
  /* The purpose of this container is to use all space available and serve
     as a container to the rest of the elements */
}
main.z-report.label section.z-page {
  display: flex;
  flex-direction: column;
  page-break-after: always;
  height: 100vh;
  width: 100vw;
  /* Prevent page overflow */
  overflow: hidden;
}
main.z-report.label section.z-page:last-child {
  page-break-after: auto;
}
main.z-report.label section.label {
  flex: 1;
  /* This is needed to limit band sizes, enven if flex: 1 is used */
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-top: 1px solid black;
  border-left: 1px solid black;
}
main.z-report.label .frame.left {
  border-top: 1px solid black;
  border-left: 1px solid black;
}
main.z-report.label section.page.full {
  flex: 1;
  /* This is needed to limit band sizes, enven if flex: 1 is used */
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media screen {
  main.z-report.label section.z-page {
    margin-bottom: 1rem;
  }
}
main.z-report.label .band {
  /* To prevent bands from growing */
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-wrap: unset;
  gap: unset;
}
main.z-report.label .z-field {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  padding: 0.1rem;
  overflow: hidden;
}
main.z-report.label .z-field:not(.frameless) {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}
main.z-report.label .z-field.center {
  align-items: center;
  justify-content: center;
}
main.z-report.label .z-field > label {
  display: flex;
  align-items: center;
}
main.z-report.label .z-field > p {
  flex: 1;
  display: flex;
  align-items: center;
}
main.z-report.label label,
main.z-report.label p {
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
main.z-report.label label {
  font-size: 55%;
  font-weight: bold;
  text-transform: uppercase;
}
main.z-report.label img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  object-fit: contain;
}

.z-switch {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 0.2em 0.4em;
  font-size: 0.8rem;
  cursor: pointer;
}
.z-switch.active {
  color: var(--color-secondary);
}

.z-tabs {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  flex-shrink: 0;
  overflow: auto;
  padding-left: 0.5em;
}
.z-tabs.empty {
  display: none;
}
.z-tabs .z-tablink {
  padding: 1rem;
  border: 1px solid var(--color-border);
  border-bottom: none;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  background-color: var(--color-background);
  cursor: default;
}
.z-tabs .z-tablink:not(.inactive) {
  background-color: var(--color-surface);
}

.z-tab.inactive {
  display: none !important;
}

.z .tags,
.z ps-tags,
.z ps-tags-view {
  line-height: 1.5;
  word-wrap: break-word;
  width: 100%;
}
.z .tags > span,
.z ps-tags > span,
.z ps-tags-view > span {
  position: relative;
  padding: 0.2rem;
  border-radius: var(--border-radius);
  font-size: var(--font-size-small);
  font-weight: 500;
  color: var(--color-surface);
  margin-right: 0.3em;
}
.z .tags > span.c-1,
.z ps-tags > span.c-1,
.z ps-tags-view > span.c-1 {
  background-color: var(--color-1);
}
.z .tags > span.c-2,
.z ps-tags > span.c-2,
.z ps-tags-view > span.c-2 {
  background-color: var(--color-2);
}
.z .tags > span.c-3,
.z ps-tags > span.c-3,
.z ps-tags-view > span.c-3 {
  background-color: var(--color-3);
}
.z .tags > span.c-4,
.z ps-tags > span.c-4,
.z ps-tags-view > span.c-4 {
  background-color: var(--color-4);
}
.z .tags > span.c-5,
.z ps-tags > span.c-5,
.z ps-tags-view > span.c-5 {
  background-color: var(--color-5);
}
.z .tags > span.c-6,
.z ps-tags > span.c-6,
.z ps-tags-view > span.c-6 {
  background-color: var(--color-6);
}
.z .tags > span.c-7,
.z ps-tags > span.c-7,
.z ps-tags-view > span.c-7 {
  background-color: var(--color-7);
}
.z .tags > span.c-8,
.z ps-tags > span.c-8,
.z ps-tags-view > span.c-8 {
  background-color: var(--color-8);
}
.z .tags > span.c-9,
.z ps-tags > span.c-9,
.z ps-tags-view > span.c-9 {
  background-color: var(--color-9);
}
.z .tags > span.c-10,
.z ps-tags > span.c-10,
.z ps-tags-view > span.c-10 {
  background-color: var(--color-10);
}
.z .tags > span.c-11,
.z ps-tags > span.c-11,
.z ps-tags-view > span.c-11 {
  background-color: var(--color-11);
}
.z .tags > span.c-12,
.z ps-tags > span.c-12,
.z ps-tags-view > span.c-12 {
  background-color: var(--color-12);
}
.z .tags > span.c-13,
.z ps-tags > span.c-13,
.z ps-tags-view > span.c-13 {
  background-color: var(--color-13);
}
.z .tags > span.c-14,
.z ps-tags > span.c-14,
.z ps-tags-view > span.c-14 {
  background-color: var(--color-14);
}
.z .tags > span.c-15,
.z ps-tags > span.c-15,
.z ps-tags-view > span.c-15 {
  background-color: var(--color-15);
}
.z .tags > span.c-16,
.z ps-tags > span.c-16,
.z ps-tags-view > span.c-16 {
  background-color: var(--color-16);
}
.z .tags > span.c-17,
.z ps-tags > span.c-17,
.z ps-tags-view > span.c-17 {
  background-color: var(--color-17);
}
.z .tags > span.c-18,
.z ps-tags > span.c-18,
.z ps-tags-view > span.c-18 {
  background-color: var(--color-18);
}
.z .tags > span.c-19,
.z ps-tags > span.c-19,
.z ps-tags-view > span.c-19 {
  background-color: var(--color-19);
}
.z .tags > span.c-20,
.z ps-tags > span.c-20,
.z ps-tags-view > span.c-20 {
  background-color: var(--color-20);
}

.ps-select {
  display: block;
  position: relative;
}
.ps-select .ps-select__core {
  display: flex;
  align-items: baseline;
  width: 100%;
}
.ps-select .ps-select__core .ps-select__toggler {
  cursor: pointer;
  padding-right: var(--spacing-xs);
}
.ps-select .ps-select__core .ps-select__toggler::after {
  content: "▲";
}
.ps-select .ps-select__core .ps-select__toggler.closed::after {
  content: "▼";
}
.ps-select .ps-select__core .ps-select__values {
  flex-grow: 1;
  display: flex;
  /* gap: 0 var(--spacing-sm); */
  flex-wrap: wrap;
  /* max-height: 10rem; */
  /* overflow: auto; */
  /* scrollbar-width: thin; */
  /* value */
}
.ps-select .ps-select__core .ps-select__values .ps-select__value {
  max-height: 5em;
  overflow: hidden;
}
.ps-select .ps-select__core .ps-select__values .ps-select__value .ps-select__deleteValue {
  display: inline-block;
  cursor: pointer;
  width: 1em;
  height: 1em;
  margin-left: var(--spacing-xs);
}
.ps-select .ps-select__core .ps-select__values .ps-select__input {
  flex-grow: 1;
  min-width: 10em;
  width: 10em;
  background-color: unset;
}
.ps-select:not([multiple]) .ps-select__value .ps-select__deleteValue {
  opacity: 0.3;
}
.ps-select:not([multiple]) .ps-select__value .ps-select__deleteValue::after {
  /* display: inline-block; */
  /* content: ""; */
  /* background-image: url('/icons/erase.svg'); */
  /* background-size: 1em 1em; */
  /* width: 1rem;  */
  /* height: 1rem; */
  content: "×";
  margin-left: var(--spacing-xxs);
  opacity: 0.75;
}
.ps-select[multiple] .ps-select__value {
  background-color: var(--color-secondary);
  margin: var(--spacing-xxs);
  display: inline-block;
  border: 0;
  border-radius: var(--border-radius);
  padding: var(--spacing-xxs) var(--spacing-sm);
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  word-break: break-word;
}
.ps-select[multiple] .ps-select__value .ps-select__deleteValue::after {
  content: "×";
  margin-left: var(--spacing-xxs);
  opacity: 0.5;
}
.ps-select .ps-select__options {
  position: absolute;
  background-color: var(--color-surface);
  border-radius: var(--border-radius);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25);
  padding: var(--spacing-xs) 0;
  width: 100%;
  z-index: 3;
}
.ps-select .ps-select__options.closed {
  display: none;
}
.ps-select .ps-select__options ul {
  margin: 0.3rem 0;
  max-height: 12rem;
  overflow: auto;
  scrollbar-width: thin;
}
.ps-select .ps-select__options ul:focus {
  outline: none;
}
.ps-select .ps-select__options ul li {
  padding: 0.1rem 0.5rem;
  /* odd rows */
}
.ps-select .ps-select__options ul li:nth-child(odd) {
  background-color: var(--color-surface-dark);
}
.ps-select .ps-select__options ul li.selected {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}

.ps-select__options {
  background-color: var(--color-surface);
  border-radius: var(--border-radius);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25);
  padding: var(--spacing-xs) 0;
  z-index: 3;
}
.ps-select__options.closed {
  display: none;
}
.ps-select__options ul {
  margin: 0.3rem 0;
  max-height: 12rem;
  overflow: auto;
  scrollbar-width: thin;
}
.ps-select__options ul:focus {
  outline: none;
}
.ps-select__options ul li {
  padding: 0.1rem 0.5rem;
  /* odd rows */
}
.ps-select__options ul li:nth-child(odd) {
  background-color: var(--color-surface-dark);
}
.ps-select__options ul li.selected {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}

/*# sourceMappingURL=styles.zen.css.map */