:root {
  --is-dark-mode: 0;
  --is-light-mode: 1;
  --color-primary-hue: 204;
  --color-success-hue: 160;
  --color-warning-hue: 28;
  --color-error-hue: 353;
  --color-contrast-modifier: 0%;
  --color-default-lightness-bg: 70%;
  --color-default-lightness-text: 55%;
  --color-default-contrast-bg: calc(var(--color-contrast-modifier) + 70%);
  --color-default-contrast-text: calc(var(--color-contrast-modifier) + 70%);
  --color-default-bg: white;
  --color-primary-bg: hsl(var(--color-primary-hue), var(--color-default-contrast-bg), var(--color-default-lightness-bg));
  --color-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), var(--color-default-lightness-bg));
  --color-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), var(--color-default-lightness-bg));
  --color-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), var(--color-default-lightness-bg));
  --color-default-text: #111;
  --color-primary-text: hsl(var(--color-primary-hue), var(--color-default-contrast-text), var(--color-default-lightness-text));
  --color-success-text: hsl(var(--color-success-hue), var(--color-default-contrast-text), var(--color-default-lightness-text));
  --color-warning-text: hsl(var(--color-warning-hue), var(--color-default-contrast-text), var(--color-default-lightness-text));
  --color-error-text: hsl(var(--color-error-hue), var(--color-default-contrast-text), var(--color-default-lightness-text));
  --color-border-strong: #222;
  --color-border-subtle: #aaa;
  --color-page-bg: var(--color-default-bg);
  --color-page-bg-stencil-weak: hsl(var(--color-primary-hue), 43%, 97%);
  --color-page-bg-stencil: hsl(var(--color-primary-hue), 31%, 94%);
  --color-page-bg-stencil-strong: hsl(var(--color-primary-hue), 31%, 90%);
  --color-page-bg-stencil-stronger: hsl(var(--color-primary-hue), 31%, 85%);
  --color-page-text: var(--color-default-text);
  --color-alert-default-bg: var(--color-page-bg-stencil);
  --color-alert-default-text: var(--color-default-text);
  --color-alert-success-bg: var(--color-success-bg);
  --color-alert-success-text: var(--color-default-text);
  --color-alert-warning-bg: var(--color-warning-bg);
  --color-alert-warning-text: var(--color-default-text);
  --color-alert-error-bg: var(--color-error-bg);
  --color-alert-error-text: var(--color-default-text);
  --color-alert-primary-bg: var(--color-primary-bg);
  --color-alert-primary-text: var(--color-default-text);
  --color-toast-default-bg: hsl(var(--color-primary-hue), 20%, 25%);
  --color-toast-default-text: white;
  --color-toast-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 40%);
  --color-toast-success-text: white;
  --color-toast-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 40%);
  --color-toast-warning-text: white;
  --color-toast-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 40%);
  --color-toast-error-text: white;
  --color-toast-primary-bg: hsl(var(--color-primary-hue), var(--color-default-contrast-bg), 40%);
  --color-toast-primary-text: white;
  --color-button-default-bg: #444;
  --color-button-default-text: white;
  --color-button-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 40%);
  --color-button-success-text: white;
  --color-button-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 40%);
  --color-button-warning-text: white;
  --color-button-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 40%);
  --color-button-error-text: white;
  --color-button-primary-bg: hsl(var(--color-primary-hue), var(--color-default-contrast-bg), 40%);
  --color-button-primary-text: white;
  --color-modal-default-bg: var(--color-page-bg);
  --color-modal-default-text: var(--color-page-text);
  --color-modal-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 90%);
  --color-modal-success-text: hsl(var(--color-success-hue), var(--color-default-contrast-text), 20%);
  --color-modal-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 90%);
  --color-modal-warning-text: hsl(var(--color-warning-hue), var(--color-default-contrast-text), 20%);
  --color-modal-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 90%);
  --color-modal-error-text: hsl(var(--color-error-hue), var(--color-default-contrast-text), 20%);
  --color-modal-primary-bg: hsl(var(--color-primary-hue), var(--color-default-contrast-bg), 90%);
  --color-modal-primary-text: hsl(var(--color-primary-hue), var(--color-default-contrast-text), 5%);
  --color-popup-dark-bg: hsl(220, 30%, 12%);
  --color-popup-dark-text: white;
  --color-popup-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 90%);
  --color-popup-success-text: hsl(var(--color-success-hue), var(--color-default-contrast-text), 20%);
  --color-popup-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 90%);
  --color-popup-warning-text: hsl(var(--color-warning-hue), var(--color-default-contrast-text), 20%);
  --color-popup-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 90%);
  --color-popup-error-text: hsl(var(--color-error-hue), var(--color-default-contrast-text), 20%);
  --color-popup-primary-bg: hsl(var(--color-primary-hue), var(--color-default-contrast-bg), 90%);
  --color-popup-primary-text: hsl(var(--color-primary-hue), var(--color-default-contrast-text), 5%);
  --color-input-background: white;
  --input-border: 1px solid #ddd;
  --input-border-focus: inherit;
  --input-box-shadow: inherit;
  --input-box-shadow-focus: none;
  --color-input-text: var(--color-page-text);
  --color-input-checkbox-background: var(--color-input-background);
  --color-input-checkbox-checked: var(--color-button-primary-bg);
  --color-table-zebra: hsl(var(--color-primary-hue), 20%, 95%);
  --color-progressbar-1: #f1c40f;
  --color-progressbar-2: #2c3e50;
}
:root ::-webkit-scrollbar {
  width: 15px;
}
:root ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
}
:root ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

@media not print {
  [data-color-scheme=dark] {
    --is-dark-mode: 1;
    --is-light-mode: 0;
    --color-primary-hue: 204;
    --color-success-hue: 160;
    --color-warning-hue: 28;
    --color-error-hue: 353;
    --color-default-bg: hsl(0, 0%, 5%);
    --color-default-text: white;
    --color-default-lightness-bg: 20%;
    --color-default-lightness-text: 75%;
    --color-border-strong: hsl(0, 0%, 47%);
    --color-border-subtle: hsl(0, 0%, 27%);
    --color-page-bg-stencil-weak: hsl(0, 0%, 8%);
    --color-page-bg-stencil: hsl(0, 0%, 15%);
    --color-page-bg-stencil-strong: hsl(0, 0%, 21%);
    --color-page-bg-stencil-stronger: hsl(0, 0%, 25%);
    --color-alert-default-bg: var(--color-page-bg-stencil);
    --color-alert-default-text: white;
    --color-alert-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 20%);
    --color-alert-success-text: white;
    --color-alert-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 20%);
    --color-alert-warning-text: white;
    --color-alert-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 20%);
    --color-alert-error-text: white;
    --color-alert-primary-bg: hsl(var(--color-primary-hue), var(--color-default-contrast-bg), 20%);
    --color-alert-primary-text: white;
    --color-toast-default-bg: hsl(0, 0%, 17%);
    --color-toast-default-text: white;
    --color-toast-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 20%);
    --color-toast-success-text: white;
    --color-toast-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 20%);
    --color-toast-warning-text: white;
    --color-toast-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 20%);
    --color-toast-error-text: white;
    --color-toast-primary-bg: #333;
    --color-toast-primary-text: white;
    --color-button-default-bg: hsl(0, 0%, 17%);
    --color-button-default-text: white;
    --color-button-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 30%);
    --color-button-success-text: white;
    --color-button-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 30%);
    --color-button-warning-text: white;
    --color-button-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 30%);
    --color-button-error-text: white;
    --color-button-primary-bg: hsl(var(--color-primary-hue), var(--color-default-contrast-bg), 20%);
    --color-button-primary-text: white;
    --color-modal-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 20%);
    --color-modal-success-text: hsl(var(--color-success-hue), var(--color-default-contrast-text), 80%);
    --color-modal-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 20%);
    --color-modal-warning-text: hsl(var(--color-warning-hue), var(--color-default-contrast-text), 80%);
    --color-modal-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 20%);
    --color-modal-error-text: hsl(var(--color-error-hue), var(--color-default-contrast-text), 80%);
    --color-modal-primary-bg: var(--color-page-bg-stencil-weak);
    --color-modal-primary-text: white;
    --color-popup-success-bg: hsl(var(--color-success-hue), var(--color-default-contrast-bg), 20%);
    --color-popup-success-text: hsl(var(--color-success-hue), var(--color-default-contrast-text), 80%);
    --color-popup-warning-bg: hsl(var(--color-warning-hue), var(--color-default-contrast-bg), 20%);
    --color-popup-warning-text: hsl(var(--color-warning-hue), var(--color-default-contrast-text), 80%);
    --color-popup-error-bg: hsl(var(--color-error-hue), var(--color-default-contrast-bg), 20%);
    --color-popup-error-text: hsl(var(--color-error-hue), var(--color-default-contrast-text), 80%);
    --color-popup-primary-bg: var(--color-page-bg-stencil-weak);
    --color-popup-primary-text: white;
    --color-input-background: hsl(0, 0%, 17%);
    --color-input-text: white;
    --input-border: none;
    --color-table-zebra: rgba(255, 255, 255, 0.05) ;
  }
}
[data-color-contrast=less] {
  --color-contrast-modifier: -40%;
}

[data-color-contrast=more] {
  --color-contrast-modifier: 30%;
}

.framelix-modal {
  text-align: center;
  display: grid;
  place-items: center;
  background: transparent;
  border: 0;
  padding: 20px;
  width: 100vw;
  height: 100vh;
}
.framelix-modal::backdrop {
  border: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(12px);
  outline: 0;
  z-index: 0 !important;
}
.framelix-modal:focus-visible {
  outline: 0;
}
.framelix-modal .framelix-modal-inner {
  text-align: left;
  background: var(--color-modal-default-bg);
  color: var(--color-modal-default-text);
  border-radius: var(--border-radius);
  box-shadow: rgba(0, 0, 0, 0.2) 2px 4px 13px;
  position: relative;
  display: flex;
  max-width: 80vw;
  max-height: 90vh;
  width: 85vw;
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-primary {
  background-color: var(--color-modal-primary-bg);
  color: var(--color-modal-primary-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-primary:any-link {
  color: var(--color-modal-primary-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-success {
  background-color: var(--color-modal-success-bg);
  color: var(--color-modal-success-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-success:any-link {
  color: var(--color-modal-success-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-warning {
  background-color: var(--color-modal-warning-bg);
  color: var(--color-modal-warning-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-warning:any-link {
  color: var(--color-modal-warning-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-error {
  background-color: var(--color-modal-error-bg);
  color: var(--color-modal-error-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-error:any-link {
  color: var(--color-modal-error-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-default {
  background-color: var(--color-modal-default-bg);
  color: var(--color-modal-default-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-default:any-link {
  color: var(--color-modal-default-text);
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-trans {
  color: inherit;
  background-color: transparent;
}
.framelix-modal .framelix-modal-inner.framelix-modal-inner-customcolor {
  background-color: var(--color-custom-bg);
  color: var(--color-custom-text);
}
.framelix-modal .framelix-modal-content {
  min-width: 20px;
  min-height: 20px;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.framelix-modal .framelix-modal-content-maximized {
  width: 94vw;
  height: 90vh;
}
.framelix-modal .framelix-modal-header {
  font-weight: bold;
  text-align: center;
}
.framelix-modal .framelix-modal-body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 5px;
}
.framelix-modal .framelix-modal-footer {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.framelix-modal .framelix-modal-footer framelix-button {
  flex: 1 1 auto;
}
.framelix-modal .framelix-modal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 1;
}
.framelix-modal .framelix-modal-close framelix-button {
  padding: 10px;
  aspect-ratio: 1;
}

.framelix-popup {
  border-radius: var(--border-radius);
  font-size: 0.9rem;
  z-index: 61;
  background: var(--color-popup-dark-bg);
  color: var(--color-popup-dark-text);
  box-shadow: rgba(0, 0, 0, 0.6) 0 0 10px;
  --arrow-color: var(--color-popup-dark-bg);
  --arrow-size: 7px;
}
.framelix-popup .framelix-popup-inner {
  overflow: auto;
  max-width: calc(100vw - 50px);
  max-height: calc(100vh - 50px);
}
.framelix-popup[data-theme=light] {
  --arrow-color: var(--color-page-bg-stencil);
  background: var(--color-page-bg-stencil);
  color: var(--color-default-text);
}
.framelix-popup[data-theme=primary] {
  --arrow-color: var(--color-popup-primary-bg);
  background: var(--color-popup-primary-bg);
  color: var(--color-popup-primary-text);
}
.framelix-popup[data-theme=success] {
  --arrow-color: var(--color-popup-success-bg);
  background: var(--color-popup-success-bg);
  color: var(--color-popup-success-text);
}
.framelix-popup[data-theme=warning] {
  --arrow-color: var(--color-popup-warning-bg);
  background: var(--color-popup-warning-bg);
  color: var(--color-popup-warning-text);
}
.framelix-popup[data-theme=error] {
  --arrow-color: var(--color-popup-error-bg);
  background: var(--color-popup-error-bg);
  color: var(--color-popup-error-text);
}
.framelix-popup[data-theme=trans] {
  box-shadow: none;
  background: transparent;
  color: var(--color-page-text);
  --arrow-color: transparent;
}
.framelix-popup > [data-popper-arrow] {
  opacity: 0;
}
.framelix-popup[data-show-arrow="1"] > [data-popper-arrow] {
  opacity: 1;
  transition: 0.2s;
}
.framelix-popup[data-popper-placement^=top] > [data-popper-arrow] {
  border-left: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid transparent;
  border-top: var(--arrow-size) solid var(--arrow-color);
  bottom: calc(var(--arrow-size) * -1);
}
.framelix-popup[data-popper-placement^=bottom] > [data-popper-arrow] {
  border-left: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid var(--arrow-color);
  top: calc(var(--arrow-size) * -1);
}
.framelix-popup[data-popper-placement^=right] > [data-popper-arrow] {
  border-top: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid var(--arrow-color);
  left: calc(var(--arrow-size) * -1);
}
.framelix-popup[data-popper-placement^=left] > [data-popper-arrow] {
  border-top: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid transparent;
  border-left: var(--arrow-size) solid var(--arrow-color);
  right: calc(var(--arrow-size) * -1);
}

.framelix-quick-search .framelix-quick-search-options .framelix-form {
  padding: 0;
  box-shadow: none;
}
.framelix-quick-search .framelix-quick-search-options .framelix-form-submit-status {
  display: none;
}
.framelix-quick-search .framelix-quick-search-input {
  display: flex;
  padding: 5px;
  background: var(--color-page-bg-stencil);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  gap: 10px;
}
.framelix-quick-search .framelix-quick-search-input framelix-icon {
  align-self: center;
  font-size: 24px;
}
.framelix-quick-search .framelix-quick-search-input .framelix-quick-search-input-editable {
  font-size: 110%;
  font-weight: bold;
  flex: 1 1 auto;
  padding: 5px 5px 5px 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: left;
}
.framelix-quick-search .framelix-quick-search-input .framelix-quick-search-input-editable[data-placeholder]:empty::before {
  content: attr(data-placeholder);
}
.framelix-quick-search .framelix-quick-search-input .framelix-quick-search-input-editable [data-placeholder]:empty:focus::before {
  content: "";
}

.framelix-table > table {
  padding: 0;
  width: 100%;
  margin: 0 0 10px;
  border-spacing: 1px;
  height: 1px;
  border-radius: var(--border-radius);
  border-collapse: collapse;
}
.framelix-table > table > tbody > tr > td[data-flag-smallwidth="1"],
.framelix-table > table > thead > tr > td[data-flag-smallwidth="1"],
.framelix-table > table > tfoot > tr > td[data-flag-smallwidth="1"] {
  white-space: nowrap;
  width: 1%;
}
.framelix-table > table > tbody > tr > td[data-flag-smallfont="1"],
.framelix-table > table > thead > tr > td[data-flag-smallfont="1"],
.framelix-table > table > tfoot > tr > td[data-flag-smallfont="1"] {
  font-size: 80%;
}
.framelix-table > table > tbody > tr > td,
.framelix-table > table > tbody > tr > th,
.framelix-table > table > thead > tr > td,
.framelix-table > table > thead > tr > th,
.framelix-table > table > tfoot > tr > td,
.framelix-table > table > tfoot > tr > th {
  border: 1px solid var(--color-border-subtle);
  padding: 8px;
  height: var(--framelix-form-field-min-height);
  vertical-align: middle;
  box-sizing: border-box;
}
.framelix-table > table > tbody > tr > td[data-flag-icon="1"],
.framelix-table > table > tbody > tr > th[data-flag-icon="1"],
.framelix-table > table > thead > tr > td[data-flag-icon="1"],
.framelix-table > table > thead > tr > th[data-flag-icon="1"],
.framelix-table > table > tfoot > tr > td[data-flag-icon="1"],
.framelix-table > table > tfoot > tr > th[data-flag-icon="1"] {
  white-space: nowrap;
  width: 1%;
  min-width: 30px;
  vertical-align: middle;
  padding: 0;
  height: 100%;
  text-align: center;
}
html[data-touch="1"] .framelix-table > table > tbody > tr > td[data-flag-icon="1"],
html[data-touch="1"] .framelix-table > table > tbody > tr > th[data-flag-icon="1"],
html[data-touch="1"] .framelix-table > table > thead > tr > td[data-flag-icon="1"],
html[data-touch="1"] .framelix-table > table > thead > tr > th[data-flag-icon="1"],
html[data-touch="1"] .framelix-table > table > tfoot > tr > td[data-flag-icon="1"],
html[data-touch="1"] .framelix-table > table > tfoot > tr > th[data-flag-icon="1"] {
  min-height: 30px;
}
.framelix-table > table > tbody > tr > td[data-flag-icon="1"] framelix-button,
.framelix-table > table > tbody > tr > th[data-flag-icon="1"] framelix-button,
.framelix-table > table > thead > tr > td[data-flag-icon="1"] framelix-button,
.framelix-table > table > thead > tr > th[data-flag-icon="1"] framelix-button,
.framelix-table > table > tfoot > tr > td[data-flag-icon="1"] framelix-button,
.framelix-table > table > tfoot > tr > th[data-flag-icon="1"] framelix-button {
  height: 100%;
  width: 100%;
  border-radius: 0;
  font-size: 16px;
}
html[data-touch="1"] .framelix-table > table > tbody > tr > td[data-flag-icon="1"] framelix-button,
html[data-touch="1"] .framelix-table > table > tbody > tr > th[data-flag-icon="1"] framelix-button,
html[data-touch="1"] .framelix-table > table > thead > tr > td[data-flag-icon="1"] framelix-button,
html[data-touch="1"] .framelix-table > table > thead > tr > th[data-flag-icon="1"] framelix-button,
html[data-touch="1"] .framelix-table > table > tfoot > tr > td[data-flag-icon="1"] framelix-button,
html[data-touch="1"] .framelix-table > table > tfoot > tr > th[data-flag-icon="1"] framelix-button {
  font-size: 24px;
}
.framelix-table > table > tbody > tr.framelix-table-row-highlight,
.framelix-table > table > thead > tr.framelix-table-row-highlight,
.framelix-table > table > tfoot > tr.framelix-table-row-highlight {
  outline: 2px solid var(--color-primary-text);
}
.framelix-table > table > tbody > tr:nth-child(even),
.framelix-table > table > thead > tr:nth-child(even),
.framelix-table > table > tfoot > tr:nth-child(even) {
  background-color: var(--color-table-zebra);
}
.framelix-table > table > tbody > tr[data-url] > td:not([data-flag-ignoreurl="1"]),
.framelix-table > table > thead > tr[data-url] > td:not([data-flag-ignoreurl="1"]),
.framelix-table > table > tfoot > tr[data-url] > td:not([data-flag-ignoreurl="1"]) {
  cursor: pointer;
}
.framelix-table > table > thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.framelix-table > table > thead th {
  text-align: left;
  margin: 0;
  padding: 8px;
  vertical-align: bottom;
  user-select: none;
  background: var(--color-page-bg-stencil);
}
.framelix-table > table > thead th:not([data-flag-ignoresort]) {
  cursor: pointer;
}
.framelix-table > table > tbody > tr:hover {
  outline: 1px solid var(--color-border-strong);
}
.framelix-table > table > tfoot td {
  font-weight: bold;
  border-top: 3px solid var(--color-border-subtle);
  background: var(--color-page-bg-stencil);
}
.framelix-table.framelix-table-sortable > table > thead th:not([data-flag-ignoresort]):hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.framelix-table .framelix-table-row-deleted {
  text-decoration: line-through;
  pointer-events: none;
  user-select: none;
}
.framelix-table .framelix-table-row-deleted {
  text-decoration: line-through;
  opacity: 0.2;
}
.framelix-table .framelix-table-cell-header {
  display: flex;
  align-items: center;
  gap: 5px;
}
.framelix-table .framelix-table-row-sort-info th {
  min-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 10px !important;
  background: var(--color-page-bg-stencil-weak);
  border: 0;
}
.framelix-table .framelix-table-header-sort-info-number {
  background-color: hsla(var(--color-primary-hue), 50%, 50%, 0.5);
  border-radius: var(--border-radius);
  display: inline-block;
  padding: 0 5px;
  color: white;
}
.framelix-table .framelix-table-header-sort-info-text {
  display: inline-block;
  margin-left: 5px;
}

.framelix-tabs .framelix-tab-buttons {
  display: inline-flex;
  flex-wrap: wrap;
  border-radius: var(--border-radius);
  margin-bottom: 10px;
  gap: 10px;
}
.framelix-tabs .framelix-tab-button {
  flex: 1 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  font-size: 0.9rem;
}
.framelix-tabs .framelix-tab-button .icon {
  background: hsla(var(--color-primary-hue), 50%, 50%, 0.1);
  order: 1;
  max-width: none;
  font-size: 10px;
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: transparent;
  height: 3px;
  max-height: 3px;
  transition: 0.2s;
}
.framelix-tabs .framelix-tab-button .label {
  white-space: break-spaces;
  display: flex;
  align-items: center;
}
.framelix-tabs .framelix-tab-button[data-active="1"] .icon {
  background: hsl(var(--color-primary-hue), 50%, 50%);
  transform: scaleX(-1);
}
.framelix-tabs .framelix-tab-content {
  display: none;
}
.framelix-tabs .framelix-tab-content[data-active="1"] {
  display: block;
}

html[data-screen-size=s] .framelix-tab-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.framelix-toast {
  z-index: 71;
  position: fixed;
  bottom: 5px;
  right: 5px;
  text-align: center;
  transform: translateY(200%);
  transition: 0.3s;
}
.framelix-toast.framelix-toast-visible {
  transform: translateY(0);
}
.framelix-toast .framelix-toast-inner {
  min-width: 300px;
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
  display: flex;
  transition: 0.3s;
  position: relative;
  padding: 10px;
  border-radius: var(--border-radius);
  align-items: center;
  background: var(--color-toast-default-bg);
  color: var(--color-toast-default-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-primary {
  background-color: var(--color-toast-primary-bg);
  color: var(--color-toast-primary-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-primary:any-link {
  color: var(--color-toast-primary-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-success {
  background-color: var(--color-toast-success-bg);
  color: var(--color-toast-success-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-success:any-link {
  color: var(--color-toast-success-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-warning {
  background-color: var(--color-toast-warning-bg);
  color: var(--color-toast-warning-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-warning:any-link {
  color: var(--color-toast-warning-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-error {
  background-color: var(--color-toast-error-bg);
  color: var(--color-toast-error-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-error:any-link {
  color: var(--color-toast-error-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-default {
  background-color: var(--color-toast-default-bg);
  color: var(--color-toast-default-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-default:any-link {
  color: var(--color-toast-default-text);
}
.framelix-toast .framelix-toast-inner.framelix-toast-trans {
  color: inherit;
  background-color: transparent;
}
.framelix-toast .framelix-toast-inner.framelix-toast-customcolor {
  background-color: var(--color-custom-bg);
  color: var(--color-custom-text);
}
.framelix-toast .framelix-toast-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: 0.3s;
}
.framelix-toast[data-count="0"] .framelix-toast-counter {
  display: none;
}
.framelix-toast .framelix-toast-count {
  border-radius: var(--border-radius);
  background: rgba(0, 0, 0, 0.2);
  padding: 5px;
  font-size: 0.7rem;
  font-weight: bolder;
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  color: white;
}
.framelix-toast .framelix-toast-message {
  max-height: 40vh;
  overflow: auto;
  padding-left: 10px;
  margin-right: 10px;
  flex: 1 1 auto;
}
.framelix-toast .framelix-toast-loader {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: rgba(0, 0, 0, 0.4);
}

@font-face {
  font-family: "microns";
  src: url(../../../_Framelix/fonts/microns/microns.woff2) format("woff2");
}
.framelix-icon,
framelix-icon {
  font-family: microns, sans-serif;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  letter-spacing: normal;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
}

framelix-alert {
  border-radius: var(--border-radius);
  margin-bottom: 5px;
  background: var(--color-alert-default-bg);
  color: var(--color-alert-default-text);
  font-size: 0.9rem;
  border-bottom: 2px solid rgba(calc(var(--is-dark-mode) * 255), calc(var(--is-dark-mode) * 255), calc(var(--is-dark-mode) * 255), 0.1);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
framelix-alert header {
  background: rgba(calc(var(--is-dark-mode) * 255), calc(var(--is-dark-mode) * 255), calc(var(--is-dark-mode) * 255), 0.1);
  font-weight: bold;
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
framelix-alert header > .text {
  flex: 1 1 auto;
  align-self: center;
}
framelix-alert article {
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
framelix-alert article > .text {
  flex: 1 1 auto;
  align-self: center;
}
framelix-alert[theme=default] {
  background: var(--color-alert-default-bg);
  color: var(--color-alert-default-text);
}
framelix-alert[theme=primary] {
  background: var(--color-alert-primary-bg);
  color: var(--color-alert-primary-text);
}
framelix-alert[theme=success] {
  background: var(--color-alert-success-bg);
  color: var(--color-alert-success-text);
}
framelix-alert[theme=warning] {
  background: var(--color-alert-warning-bg);
  color: var(--color-alert-warning-text);
}
framelix-alert[theme=error] {
  background: var(--color-alert-error-bg);
  color: var(--color-alert-error-text);
}
framelix-alert[theme=light] {
  background: var(--color-page-bg-stencil);
  color: var(--color-page-text);
}
framelix-alert[theme=transparent] {
  background: rgba(var(--light-color), var(--light-color), var(--light-color), 0.07);
  color: inherit;
  --hover-color: 0;
}

.framelix-buttons-wrap {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}
.framelix-buttons-wrap * {
  flex: 1 0 auto;
}

framelix-button {
  display: inline-flex;
  border-radius: var(--border-radius);
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  background: var(--color-button-default-bg);
  color: var(--color-button-default-text);
  --padding: 8px 10px;
  --hover-color: calc(255 * var(--is-light-mode));
  --light-color: calc(255 * var(--is-dark-mode));
  transition: 0.2s;
  overflow: hidden;
  user-select: none;
}
framelix-button .icon {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  padding: var(--padding);
  display: flex;
  align-self: stretch;
  background: rgba(0, 0, 0, 0.2);
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
framelix-button .icon framelix-icon {
  flex: 1 1 auto;
  line-height: inherit;
}
framelix-button[haslabel] .icon {
  max-width: 36px;
}
framelix-button:not([haslabel]) .icon {
  background: transparent;
}
framelix-button:not([haslabel]) .label {
  display: none;
}
framelix-button .label {
  cursor: pointer;
  flex: 1 1 auto;
  padding: var(--padding);
  justify-content: center;
}
framelix-button:hover {
  box-shadow: rgba(var(--hover-color), var(--hover-color), var(--hover-color), 0.2) inset 0 0 9999px;
}
framelix-button:active {
  box-shadow: rgba(var(--hover-color), var(--hover-color), var(--hover-color), 0.5) inset 0 0 9999px;
}
framelix-button[small] {
  font-size: 0.8rem;
  --padding: 4px 6px;
}
framelix-button[disabled] {
  cursor: default !important;
}
framelix-button[block] {
  display: flex;
  flex: 1 1 auto;
}
framelix-button[theme=default] {
  background: var(--color-button-default-bg);
  color: var(--color-button-default-text);
}
framelix-button[theme=primary] {
  background: var(--color-button-primary-bg);
  color: var(--color-button-primary-text);
}
framelix-button[theme=success] {
  background: var(--color-button-success-bg);
  color: var(--color-button-success-text);
}
framelix-button[theme=warning] {
  background: var(--color-button-warning-bg);
  color: var(--color-button-warning-text);
}
framelix-button[theme=error] {
  background: var(--color-button-error-bg);
  color: var(--color-button-error-text);
}
framelix-button[theme=light] {
  background: var(--color-page-bg-stencil);
  color: var(--color-page-text);
}
framelix-button[theme=transparent] {
  background: rgba(var(--light-color), var(--light-color), var(--light-color), 0.07);
  color: inherit;
  --hover-color: 0;
}
framelix-button[disabled] {
  cursor: not-allowed !important;
  background: rgba(var(--light-color), var(--light-color), var(--light-color), 0.07);
  color: inherit;
  --hover-color: 0;
}
framelix-button[disabled] * {
  cursor: not-allowed !important;
}

framelix-image {
  min-width: 1px;
  min-height: 1px;
  display: inline-block;
}
framelix-image img {
  max-width: 100%;
}