html {
  --x-font-family: 'Texta', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
      'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-size: 18px;
  font-family: var(--x-font-family);
}

@media print {
  html {
    background-color: white !important;
  }
  html,
  input,
  select,
  button {
    letter-spacing: normal;
  }
}
html {
  --rx-gap-sm: 4px;
  --rx-gap-xl: 16px;
  --rx-border-radius: var(--XSCard-border-radius);
  --rx-border-radius-card: var(--XSCard-border-radius);
  --rx-font-size-sm: 14px;
  --rx-color-primary: rgb(45, 136, 255);
  --rx-color-primary-light: rgba(45, 136, 255, 0.1);
  --rx-color-secondary: rgb(245, 0, 93);
  --rx-color-success: rgba(26, 197, 103, 1);
  --rx-color-success-light: rgba(56, 227, 133, 0.15);
  --rx-color-error: rgba(239, 83, 80, 1);
  --rx-color-error-opacity: rgba(239, 83, 80, 0.15);
  --rx-color-info: #42a5f5;
  --rx-color-warn: #ffb500;
  --rx-color-yellow: #ffeb3b;
  --rx-color-gradient: linear-gradient(43deg, #4158d0 0%, #c850c0 46%, #ffcc70 100%);
  --rx-color-text-black: rgb(8, 8, 8);
  --rx-color-text-white: rgb(255, 255, 255);
  --rx-color-box-dark: #151718;
  --rx-color-box-light: white;
  --rx-blur: blur(14px);
  --rx-animation-duration: 200ms;
}
@media (prefers-color-scheme: light) {
  html {
    --rx-color-background: #f4f4f4;
    --rx-color-layer: rgba(127, 127, 127, 0.2);
    --rx-color-layer-light: rgba(127, 127, 127, 0.1);
    --rx-color-box: white;
    --rx-color-box-inverse: rgb(16, 16, 16);
    --rx-color-border: rgb(238, 238, 238);
    --rx-color-border: rgb(220, 220, 220);
    --rx-color-text: var(--rx-color-text-black);
    --rx-color-text-inverse: var(--rx-color-text-white);
    --rx-color-text-secondary: #687076;
    --rx-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --rx-blur-background: rgba(255, 255, 255, 0.5);
  }
}
@media (prefers-color-scheme: dark) {
  html {
    --rx-color-background: rgb(16, 16, 16);
    --rx-color-layer: rgba(127, 127, 127, 0.25);
    --rx-color-layer-light: rgba(127, 127, 127, 0.1);
    --rx-color-border: rgba(127, 127, 127, 0.2);
    --rx-color-box: rgb(24, 24, 24);
    --rx-color-box-inverse: white;
    --rx-color-text: var(--rx-color-text-white);
    --rx-color-text-inverse: var(--rx-color-text-black);
    --rx-color-text-secondary: #99989e;
    --rx-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    --rx-blur-background: rgba(0, 0, 0, 0.5);
    --rx-color-primary-light: rgba(45, 136, 255, 0.2);
  }
}

* {
  box-sizing: border-box;
}

html {
  --opacityLayer: rgba(127, 127, 127, 0.1);
}

table {
  border-collapse: collapse;
  width: 100%;
}

@media (max-width: 1080px) {
  html {
    --UiInput-font-size: 16px;
  }
}
html[theme=light],
html[theme=dark] {
  --ui-color-body: var(--x-color-body);
  --XDrawer-z-index: 10000;
  --XLayout-sidebar-background-color: var(--x-color-body);
  --XLayout-sidebar-border-color: transparent;
  --XToolbar-z-index: calc(var(--XOverlay-z-index) - 100);
  --UiDialog-max-width: 768px;
  --UiInput-font-size: 1rem;
}
@media (min-width: 768px) {
  html[theme=light],
  html[theme=dark] {
    --UiDialog-max-width: 1200px;
  }
}

input:disabled {
  opacity: 0.5;
}

.XNavList {
  min-width: auto;
}

.XLayoutSidebarSection,
.XNavList {
  border-bottom: 0;
  position: relative;
}
.XLayoutSidebarSection::after,
.XNavList::after {
  content: "";
  background-color: var(--x-color-divider);
  height: 1px;
  width: calc(100% - 2 * var(--x-gap4));
  position: absolute;
  bottom: 0;
  left: var(--x-gap4);
}
.XLayoutSidebarSection .icon-container,
.XNavList .icon-container {
  display: flex;
  align-items: center;
}

.UiDialog.small .UiDialog-container {
  max-width: 500px;
}

a {
  color: var(--rx-color-primary);
  text-decoration: none;
}

a.link {
  color: var(--rx-color-primary);
  text-decoration: underline;
}

tr.footer {
  font-weight: bold;
}

td[align=right] {
  white-space: nowrap;
}

.UiInput > *:not(:first-child) {
  margin-top: var(--x-gap);
}
.UiInput:not(.type-textarea).size-0 .input-container,
.UiInput:not(.type-textarea).size-0 .input-container input,
.UiInput:not(.type-textarea).size-0 .input-container select {
  min-height: var(--XInput-height);
}
.UiInput input {
  margin-left: var(--ui-spacing);
}
.UiInput textarea {
  max-width: 100%;
}

.UiTable td:first-child .UiInput.type-boolean label {
  width: var(--ui-size-1);
  min-width: var(--ui-size-1);
  justify-content: center;
  background-color: transparent;
}
.UiTable td:first-child .UiInput.type-boolean label .XButton {
  background-color: transparent;
  justify-content: center;
}

.UiCardHeader.UiFlex,
.UiCardFooter.UiFlex {
  padding: calc(2 * var(--ui-spacing));
}

.UiDialog > .content > .inner {
  max-width: 750px;
}

.animated {
  animation-duration: 300ms;
}

.rotate90 {
  transition: var(--rx-animation-duration);
  transform: rotate(90deg);
}

.rotate180 {
  transition: var(--rx-animation-duration);
  transform: rotate(180deg);
}._BlockLoader_4ceza_1 {
  --color: var(--color-text-secondary);
}

._spinner_4ceza_5 {
  animation: _rotator_4ceza_1 1.4s linear infinite;
}

@keyframes _rotator_4ceza_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
._path_4ceza_17 {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: _dash_4ceza_1 1.4s ease-in-out infinite, _colors_4ceza_1 5.6s ease-in-out infinite;
}

@keyframes _colors_4ceza_1 {
  0% {
    stroke: var(--color-primary);
  }
  50% {
    stroke: var(--color-primary-light);
  }
  100% {
    stroke: var(--color-primary);
  }
}
@keyframes _dash_4ceza_1 {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 47px;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}@media (prefers-color-scheme: dark) {
    html:not([color-scheme]) {
        --xs-color-border: #333;
        --xs-color-box-shadow: black;
        --xs-layer-1-background: rgb(24, 24, 24);
        --xs-layer-1-background-hover: rgb(30, 30, 30);
        --xs-layer-1-box-shadow: none;
        --xs-layer-2-background: rgb(36, 36, 36);
        --xs-layer-2-background-hover: rgb(42, 42, 42);
        --xs-layer-2-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        --xs-layer-3-background: rgb(48, 48, 48);
        --xs-layer-3-background-hover: rgb(54, 54, 54);
        --xs-layer-3-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
        --xs-layer-4-background: rgb(60, 60, 60);
        --xs-layer-4-background-hover: rgb(66, 66, 66);
        --xs-layer-4-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
        --rx-color-body: var(--rx-color-background);
        --rx-color-root: black;
        --rx-color-root-layer: rgba(127, 127, 127, 0.2);
        --rx-color-background: black;
        --rx-color-box: rgb(24, 24, 24);
        --rx-color-border: rgba(127, 127, 127, 0.2);
        --rx-color-text: #e4e6eb;
        --rx-color-text-reverse: black;
        --rx-color-text-secondary: #99989e;
        --rx-color-layer: rgba(127, 127, 127, 0.25);
        --rx-color-layer-subtle: rgba(127, 127, 127, calc(0.25 / 2));
        --rx-color-ghost: rgba(127, 127, 127, 0.5);
        --XSMask-background: rgba(0, 0, 0, 0.75);
        --XSButton-loading-spinner-background: rgba(32, 32, 32, 0.75);
        --XSButton-loading-spinner-color: var(--rx-color-text);
        --XSButton-fill-solid-default-background: var(--rx-color-root-layer);
        --XSButton-fill-solid-default-background-hover: rgba(127, 127, 127, 0.3);
        --XSCard-background: var(--rx-color-box);
        --XSCard-border: 0;
        --XSCard-box-shadow: none;
        --XSDialog-background: rgb(12, 12, 12);
        --XSDialog-box-shadow: 0 0 0 1px var(--rx-color-border);
        --XSInput-background: var(--rx-color-root-layer);
        --XSInput-loading-background: rgba(0, 0, 0, 0.25);
    }
    html:not([color-scheme]) .XSCard {
        background: var(--XSCard-background);
    }
    html:not([color-scheme]) .XSCard .XSCard {
        background: var(--rx-color-layer);
    }
    html:not([color-scheme]) .XSLayer {
        --base: 24;
        --step: 16;
        background: rgb(
            calc(0 * var(--step) + var(--base)),
            calc(0 * var(--step) + var(--base)),
            calc(0 * var(--step) + var(--base))
        );
    }
    html:not([color-scheme]) .XSLayer .XSLayer {
        background: rgb(
            calc(1 * var(--step) + var(--base)),
            calc(1 * var(--step) + var(--base)),
            calc(1 * var(--step) + var(--base))
        );
    }
    html:not([color-scheme]) .XSLayer .XSLayer .XSLayer {
        background: rgb(
            calc(2 * var(--step) + var(--base)),
            calc(2 * var(--step) + var(--base)),
            calc(2 * var(--step) + var(--base))
        );
    }
    html:not([color-scheme]) .XSLayer .XSLayer .XSLayer .XSLayer {
        background: rgb(
            calc(3 * var(--step) + var(--base)),
            calc(3 * var(--step) + var(--base)),
            calc(3 * var(--step) + var(--base))
        );
    }
    html:not([color-scheme]) .XSLayer .XSLayer .XSLayer .XSLayer .XSLayer {
        background: rgb(
            calc(4 * var(--step) + var(--base)),
            calc(4 * var(--step) + var(--base)),
            calc(4 * var(--step) + var(--base))
        );
    }
}

html:is([color-scheme='dark']) {
    --xs-color-border: #333;
    --xs-color-box-shadow: black;
    --xs-layer-1-background: rgb(24, 24, 24);
    --xs-layer-1-background-hover: rgb(30, 30, 30);
    --xs-layer-1-box-shadow: none;
    --xs-layer-2-background: rgb(36, 36, 36);
    --xs-layer-2-background-hover: rgb(42, 42, 42);
    --xs-layer-2-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --xs-layer-3-background: rgb(48, 48, 48);
    --xs-layer-3-background-hover: rgb(54, 54, 54);
    --xs-layer-3-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    --xs-layer-4-background: rgb(60, 60, 60);
    --xs-layer-4-background-hover: rgb(66, 66, 66);
    --xs-layer-4-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    --rx-color-body: var(--rx-color-background);
    --rx-color-root: black;
    --rx-color-root-layer: rgba(127, 127, 127, 0.2);
    --rx-color-background: black;
    --rx-color-box: rgb(24, 24, 24);
    --rx-color-border: rgba(127, 127, 127, 0.2);
    --rx-color-text: #e4e6eb;
    --rx-color-text-reverse: black;
    --rx-color-text-secondary: #99989e;
    --rx-color-layer: rgba(127, 127, 127, 0.25);
    --rx-color-layer-subtle: rgba(127, 127, 127, calc(0.25 / 2));
    --rx-color-ghost: rgba(127, 127, 127, 0.5);
    --XSMask-background: rgba(0, 0, 0, 0.75);
    --XSButton-loading-spinner-background: rgba(32, 32, 32, 0.75);
    --XSButton-loading-spinner-color: var(--rx-color-text);
    --XSButton-fill-solid-default-background: var(--rx-color-root-layer);
    --XSButton-fill-solid-default-background-hover: rgba(127, 127, 127, 0.3);
    --XSCard-background: var(--rx-color-box);
    --XSCard-border: 0;
    --XSCard-box-shadow: none;
    --XSDialog-background: rgb(12, 12, 12);
    --XSDialog-box-shadow: 0 0 0 1px var(--rx-color-border);
    --XSInput-background: var(--rx-color-root-layer);
    --XSInput-loading-background: rgba(0, 0, 0, 0.25);
}
html:is([color-scheme='dark']) .XSCard {
    background: var(--XSCard-background);
}
html:is([color-scheme='dark']) .XSCard .XSCard {
    background: var(--rx-color-layer);
}
html:is([color-scheme='dark']) .XSLayer {
    --base: 24;
    --step: 16;
    background: rgb(
        calc(0 * var(--step) + var(--base)),
        calc(0 * var(--step) + var(--base)),
        calc(0 * var(--step) + var(--base))
    );
}
html:is([color-scheme='dark']) .XSLayer .XSLayer {
    background: rgb(
        calc(1 * var(--step) + var(--base)),
        calc(1 * var(--step) + var(--base)),
        calc(1 * var(--step) + var(--base))
    );
}
html:is([color-scheme='dark']) .XSLayer .XSLayer .XSLayer {
    background: rgb(
        calc(2 * var(--step) + var(--base)),
        calc(2 * var(--step) + var(--base)),
        calc(2 * var(--step) + var(--base))
    );
}
html:is([color-scheme='dark']) .XSLayer .XSLayer .XSLayer .XSLayer {
    background: rgb(
        calc(3 * var(--step) + var(--base)),
        calc(3 * var(--step) + var(--base)),
        calc(3 * var(--step) + var(--base))
    );
}
html:is([color-scheme='dark']) .XSLayer .XSLayer .XSLayer .XSLayer .XSLayer {
    background: rgb(
        calc(4 * var(--step) + var(--base)),
        calc(4 * var(--step) + var(--base)),
        calc(4 * var(--step) + var(--base))
    );
}

@media (prefers-color-scheme: light) {
    html:not([color-scheme]) {
        --xs-color-border: #d3d3d3;
        --xs-color-box-shadow: #ccc;
        --xs-layer-1-background: white;
        --xs-layer-1-background-hover: var(--xs-layer-1-background);
        --xs-layer-1-box-shadow: 0 0 4px rgb(210, 210, 210);
        --xs-layer-2-background: var(--xs-layer-1-background);
        --xs-layer-2-background-hover: var(--xs-layer-1-background);
        --xs-layer-2-box-shadow: var(--xs-layer-1-box-shadow);
        --xs-layer-3-background: var(--xs-layer-1-background);
        --xs-layer-3-background-hover: var(--xs-layer-1-background);
        --xs-layer-3-box-shadow: var(--xs-layer-1-box-shadow);
        --xs-layer-4-background: var(--xs-layer-1-background);
        --xs-layer-4-background-hover: var(--xs-layer-1-background);
        --xs-layer-4-box-shadow: var(--xs-layer-1-box-shadow);
        --rx-color-body: var(--rx-color-background);
        --rx-color-root: white;
        --rx-color-root-layer: rgba(127, 127, 127, 0.05);
        --rx-color-background: rgb(245, 245, 245);
        --rx-color-box: white;
        --rx-color-border: rgba(127, 127, 127, 0.2);
        --rx-color-text: #111;
        --rx-color-text-reverse: white;
        --rx-color-text-secondary: #687076;
        --rx-color-layer: rgba(127, 127, 127, 0.15);
        --rx-color-layer-subtle: rgba(127, 127, 127, calc(0.15 / 2));
        --rx-color-ghost: rgba(127, 127, 127, 0.5);
        --XSMask-background: rgba(0, 0, 0, 0.5);
        --XSButton-loading-spinner-background: rgba(255, 255, 255, 0.8);
        --XSButton-loading-spinner-color: grey;
        --XSButton-fill-solid-default-background: rgba(127, 127, 127, 0.1);
        --XSButton-fill-solid-default-background-hover: rgba(127, 127, 127, 0.15);
        --XSCard-background: white;
        --XSCard-border: 1px solid var(--rx-color-border);
        --XSCard-box-shadow: 0 0 4px rgb(210, 210, 210);
        --XSDialog-background: var(--rx-color-background);
        --XSDialog-box-shadow: none;
        --XSInput-background: var(--rx-color-root);
        --XSInput-border: 1px solid var(--rx-color-border);
        --XSInput-loading-background: rgba(255, 255, 255, 0.75);
    }
    html:not([color-scheme]) .XSLayer {
        background: white;
    }
}

html:is([color-scheme='light']) {
    --xs-color-border: #d3d3d3;
    --xs-color-box-shadow: #ccc;
    --xs-layer-1-background: white;
    --xs-layer-1-background-hover: var(--xs-layer-1-background);
    --xs-layer-1-box-shadow: 0 0 4px rgb(210, 210, 210);
    --xs-layer-2-background: var(--xs-layer-1-background);
    --xs-layer-2-background-hover: var(--xs-layer-1-background);
    --xs-layer-2-box-shadow: var(--xs-layer-1-box-shadow);
    --xs-layer-3-background: var(--xs-layer-1-background);
    --xs-layer-3-background-hover: var(--xs-layer-1-background);
    --xs-layer-3-box-shadow: var(--xs-layer-1-box-shadow);
    --xs-layer-4-background: var(--xs-layer-1-background);
    --xs-layer-4-background-hover: var(--xs-layer-1-background);
    --xs-layer-4-box-shadow: var(--xs-layer-1-box-shadow);
    --rx-color-body: var(--rx-color-background);
    --rx-color-root: white;
    --rx-color-root-layer: rgba(127, 127, 127, 0.05);
    --rx-color-background: rgb(245, 245, 245);
    --rx-color-box: white;
    --rx-color-border: rgba(127, 127, 127, 0.2);
    --rx-color-text: #111;
    --rx-color-text-reverse: white;
    --rx-color-text-secondary: #687076;
    --rx-color-layer: rgba(127, 127, 127, 0.15);
    --rx-color-layer-subtle: rgba(127, 127, 127, calc(0.15 / 2));
    --rx-color-ghost: rgba(127, 127, 127, 0.5);
    --XSMask-background: rgba(0, 0, 0, 0.5);
    --XSButton-loading-spinner-background: rgba(255, 255, 255, 0.8);
    --XSButton-loading-spinner-color: grey;
    --XSButton-fill-solid-default-background: rgba(127, 127, 127, 0.1);
    --XSButton-fill-solid-default-background-hover: rgba(127, 127, 127, 0.15);
    --XSCard-background: white;
    --XSCard-border: 1px solid var(--rx-color-border);
    --XSCard-box-shadow: 0 0 4px rgb(210, 210, 210);
    --XSDialog-background: var(--rx-color-background);
    --XSDialog-box-shadow: none;
    --XSInput-background: var(--rx-color-root);
    --XSInput-border: 1px solid var(--rx-color-border);
    --XSInput-loading-background: rgba(255, 255, 255, 0.75);
}
html:is([color-scheme='light']) .XSLayer {
    background: white;
}

html {
    --xs-border-radius: 12px;
    --xs-margin-block: 12px;
    --xs-size-control: 48px;
    --rx-animation-duration: 200ms;
    --rx-control: 48px;
    --rx-blur: blur(12px);
    --rx-gap: 8px;
    --rx-gap-sm: 4px;
    --rx-gap-lg: 12px;
    --rx-gap-xl: 16px;
    --rx-z-index-mask: 1000;
    --rx-z-index-dialog: 1000;
    --rx-color-primary: rgba(45, 136, 255, 1);
    --rx-color-primary-layer: rgba(45, 136, 255, 0.15);
    --rx-color-danger: rgba(239, 83, 80, 1);
    --rx-color-danger-layer: rgba(239, 83, 80, 0.15);
    --rx-color-success: rgba(26, 197, 103, 1);
    --rx-color-success-layer: rgba(56, 227, 133, 0.15);
    --rx-color-warn: rgba(255, 181, 0, 1);
    --rx-color-warning: var(--rx-color-warn);
    --rx-color-warn-layer: rgba(255, 181, 0, 0.15);
    --rx-color-gradient: linear-gradient(135deg, #009fff, #ec2f4b);
    --rx-font-size-xs: 12px;
    --rx-font-size-sm: 16px;
    --rx-font-size-default: 18px;
    --rx-font-size-lg: calc(var(--rx-font-size-default) + 4px);
    --XSCard-border-radius: 10px;
    --XSInput-border-radius: 8px;
    --XSSection-gap: 12px;
    --XSText-label-font-size: var(--rx-font-size-xs);
    --XSText-label-letter-spacing: 1px;
}
html.admin,
html.admin-v1 {
    --rx-control: 40px;
    --rx-font-size-lg: 24px;
}

body {
    margin: 0;
}

* {
    box-sizing: border-box;
}
a {
  color: inherit;
}