/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-e4697e39] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.button-vue[data-v-e4697e39] {
  --button-size: var(--default-clickable-area);
  --button-inner-size: calc(var(--button-size) - 4px);
  --button-radius: var(--border-radius-element);
  --button-padding-default: calc(var(--default-grid-baseline) + var(--button-radius));
  --button-padding: var(--default-grid-baseline) var(--button-padding-default);
  color: var(--color-primary-element-light-text);
  background-color: var(--color-primary-element-light);
  border: 1px solid var(--color-primary-element-light-hover);
  border-bottom-width: 2px;
  border-radius: var(--button-radius);
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  overflow: hidden;
  padding-block: 1px 0;
  padding-inline: var(--button-padding);
  min-height: var(--button-size);
  min-width: var(--button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: color, border-color, background-color;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  cursor: pointer;
  font-size: var(--default-font-size);
  font-weight: bold;
}
.button-vue--size-small[data-v-e4697e39] {
  --button-size: var(--clickable-area-small);
  --button-radius: var(--border-radius-small);
}
.button-vue--size-large[data-v-e4697e39] {
  --button-size: var(--clickable-area-large);
}
.button-vue[data-v-e4697e39] * {
  cursor: pointer;
}
.button-vue[data-v-e4697e39]:focus {
  outline: none;
}
.button-vue[data-v-e4697e39]:disabled {
  filter: saturate(0.7);
  opacity: 0.5;
  cursor: default;
}
.button-vue[data-v-e4697e39]:disabled * {
  cursor: default;
}
.button-vue[data-v-e4697e39]:hover:not(:disabled) {
  background-color: var(--color-primary-element-light-hover);
}
.button-vue[data-v-e4697e39]:active {
  background-color: var(--color-primary-element-light);
}
.button-vue__wrapper[data-v-e4697e39] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.button-vue--end .button-vue__wrapper[data-v-e4697e39] {
  justify-content: end;
}
.button-vue--start .button-vue__wrapper[data-v-e4697e39] {
  justify-content: start;
}
.button-vue--reverse .button-vue__wrapper[data-v-e4697e39] {
  flex-direction: row-reverse;
}
.button-vue--reverse[data-v-e4697e39] {
  --button-padding: var(--button-padding-default) var(--default-grid-baseline);
}
.button-vue__icon[data-v-e4697e39] {
  --default-clickable-area: var(--button-inner-size);
  height: var(--button-inner-size);
  width: var(--button-inner-size);
  min-height: var(--button-inner-size);
  min-width: var(--button-inner-size);
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-vue__icon[data-v-e4697e39]:empty {
  display: none;
}
.button-vue--size-small .button-vue__icon[data-v-e4697e39] > * {
  max-height: 16px;
  max-width: 16px;
}
.button-vue--size-small .button-vue__icon[data-v-e4697e39] svg {
  height: 16px;
  width: 16px;
}
.button-vue__text[data-v-e4697e39] {
  font-weight: bold;
  margin-bottom: 1px;
  padding: 2px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.button-vue__text[data-v-e4697e39]:empty {
  display: none;
}
.button-vue[data-v-e4697e39]:has(.button-vue__text:empty) {
  --button-padding: var(--button-radius);
  line-height: 1;
  width: var(--button-size) !important;
}
.button-vue[data-v-e4697e39]:has(.button-vue__icon:empty) {
  --button-padding: var(--button-padding-default);
}
.button-vue:has(.button-vue__icon:empty) .button-vue__text[data-v-e4697e39] {
  padding-inline: var(--default-grid-baseline);
}
.button-vue--wide[data-v-e4697e39] {
  width: 100%;
}
.button-vue[data-v-e4697e39]:focus-visible {
  outline: 2px solid var(--color-main-text) !important;
  box-shadow: 0 0 0 4px var(--color-main-background) !important;
}
.button-vue:focus-visible.button-vue--vue-tertiary-on-primary[data-v-e4697e39] {
  outline: 2px solid var(--color-primary-element-text);
  border-radius: var(--border-radius-element);
  background-color: transparent;
}
.button-vue--primary[data-v-e4697e39] {
  background-color: var(--color-primary-element);
  border-color: var(--color-primary-element-hover);
  color: var(--color-primary-element-text);
}
.button-vue--primary[data-v-e4697e39]:hover:not(:disabled) {
  background-color: var(--color-primary-element-hover);
}
.button-vue--primary[data-v-e4697e39]:active {
  background-color: var(--color-primary-element);
}
.button-vue--secondary[data-v-e4697e39] {
  background-color: var(--color-primary-element-light);
  border-color: var(--color-primary-element-light-hover);
  color: var(--color-primary-element-light-text);
}
.button-vue--secondary[data-v-e4697e39]:hover:not(:disabled) {
  color: var(--color-primary-element-light-text);
  background-color: var(--color-primary-element-light-hover);
}
.button-vue--tertiary[data-v-e4697e39] {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-main-text);
}
.button-vue--tertiary[data-v-e4697e39]:hover:not(:disabled) {
  background-color: var(--color-background-hover);
}
.button-vue--tertiary-no-background[data-v-e4697e39]:hover:not(:disabled) {
  background-color: transparent;
}
.button-vue--tertiary-on-primary[data-v-e4697e39] {
  color: var(--color-primary-element-text);
}
.button-vue--tertiary-on-primary[data-v-e4697e39]:hover:not(:disabled) {
  background-color: transparent;
}
.button-vue--success[data-v-e4697e39] {
  border-color: var(--color-success-hover);
  background-color: var(--color-success);
  color: var(--color-success-text);
}
.button-vue--success[data-v-e4697e39]:hover:not(:disabled) {
  background-color: var(--color-success-hover);
}
.button-vue--success[data-v-e4697e39]:active {
  background-color: var(--color-success);
}
.button-vue--warning[data-v-e4697e39] {
  border-color: var(--color-warning-hover);
  background-color: var(--color-warning);
  color: var(--color-warning-text);
}
.button-vue--warning[data-v-e4697e39]:hover:not(:disabled) {
  background-color: var(--color-warning-hover);
}
.button-vue--warning[data-v-e4697e39]:active {
  background-color: var(--color-warning);
}
.button-vue--error[data-v-e4697e39] {
  border-color: var(--color-error-hover);
  background-color: var(--color-error);
  color: var(--color-error-text);
}
.button-vue--error[data-v-e4697e39]:hover:not(:disabled) {
  background-color: var(--color-error-hover);
}
.button-vue--error[data-v-e4697e39]:active {
  background-color: var(--color-error);
}
.button-vue--legacy[data-v-e4697e39] {
  --button-inner-size: var(--button-size);
  border: none;
  padding-block: 0;
}
.button-vue--legacy.button-vue--error[data-v-e4697e39], .button-vue--legacy.button-vue--success[data-v-e4697e39], .button-vue--legacy.button-vue--warning[data-v-e4697e39] {
  color: white;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
body {
  /**
   * Set custom vue-select CSS variables.
   * Needs to be on the body (not :root) for theming to apply (see f7cloud/server#36462)
   */
  /* Search Input */
  --vs-search-input-color: var(--color-main-text);
  --vs-search-input-bg: var(--color-main-background);
  --vs-search-input-placeholder-color: var(--color-text-maxcontrast);
  /* Font */
  --vs-font-size: var(--default-font-size);
  --vs-line-height: var(--default-line-height);
  /* Disabled State */
  --vs-state-disabled-bg: var(--color-background-hover);
  --vs-state-disabled-color: var(--color-text-maxcontrast);
  --vs-state-disabled-controls-color: var(--color-text-maxcontrast);
  --vs-state-disabled-cursor: not-allowed;
  --vs-disabled-bg: var(--color-background-hover);
  --vs-disabled-color: var(--color-text-maxcontrast);
  --vs-disabled-cursor: not-allowed;
  /* Borders */
  --vs-border-color: var(--color-border-maxcontrast);
  --vs-border-width: var(--border-width-input, 2px) !important;
  --vs-border-style: solid;
  --vs-border-radius: var(--border-radius-element);
  /* Component Controls: Clear, Open Indicator */
  --vs-controls-color: var(--color-main-text);
  /* Selected */
  --vs-selected-bg: var(--color-background-hover);
  --vs-selected-color: var(--color-main-text);
  --vs-selected-border-color: var(--vs-border-color);
  --vs-selected-border-style: var(--vs-border-style);
  --vs-selected-border-width: var(--vs-border-width);
  /* Dropdown */
  --vs-dropdown-bg: var(--color-main-background);
  --vs-dropdown-color: var(--color-main-text);
  --vs-dropdown-z-index: 9999;
  --vs-dropdown-box-shadow: 0px 2px 2px 0px var(--color-box-shadow);
  /* Options */
  --vs-dropdown-option-padding: 8px 20px;
  /* Active State */
  --vs-dropdown-option--active-bg: var(--color-background-hover);
  --vs-dropdown-option--active-color: var(--color-main-text);
  /* Keyboard Focus State */
  --vs-dropdown-option--kb-focus-box-shadow: inset 0px 0px 0px 2px var(--vs-border-color);
  /* Deselect State */
  --vs-dropdown-option--deselect-bg: var(--color-error);
  --vs-dropdown-option--deselect-color: #fff;
  /* Transitions */
  --vs-transition-duration: 0ms;
  /* Actions */
  --vs-actions-padding: 0 8px 0 4px;
}
.v-select.select {
  /* Override default vue-select styles */
  min-height: var(--default-clickable-area);
  min-width: 260px;
  margin: 0 0 var(--default-grid-baseline);
}
.v-select.select.vs--open {
  --vs-border-width: var(--border-width-input-focused, 2px);
}
.v-select.select .select__label {
  display: block;
  margin-bottom: 2px;
}
.v-select.select .vs__selected {
  height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width) - var(--default-grid-baseline));
  margin: calc(var(--default-grid-baseline) / 2);
  padding-block: 0;
  padding-inline: 12px 8px;
  border-radius: 16px !important;
  background: var(--color-primary-element-light);
  border: none;
}
.v-select.select.vs--open .vs__selected:first-of-type {
  margin-inline-start: calc(var(--default-grid-baseline) / 2 - (var(--border-width-input-focused, 2px) - var(--border-width-input, 2px))) !important;
}
.v-select.select .vs__search {
  text-overflow: ellipsis;
  color: var(--color-main-text);
  min-height: unset !important;
  height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width)) !important;
}
.v-select.select .vs__search::placeholder {
  color: var(--color-text-maxcontrast);
}
.v-select.select .vs__search, .v-select.select .vs__search:focus {
  margin: 0;
}
.v-select.select .vs__dropdown-toggle {
  position: relative;
  max-height: 100px;
  padding: 0;
  overflow-y: auto;
}
.v-select.select .vs__actions {
  position: sticky;
  top: 0;
}
.v-select.select .vs__clear {
  margin-inline-end: 2px;
}
.v-select.select.vs--open .vs__dropdown-toggle {
  border-width: var(--border-width-input-focused);
  outline: 2px solid var(--color-main-background);
  border-color: var(--color-main-text);
  border-bottom-color: transparent;
}
.v-select.select:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:hover {
  outline: 2px solid var(--color-main-background);
  border-color: var(--color-main-text);
}
.v-select.select.vs--disabled .vs__search,
.v-select.select.vs--disabled .vs__selected {
  color: var(--color-text-maxcontrast);
}
.v-select.select.vs--disabled .vs__clear,
.v-select.select.vs--disabled .vs__deselect {
  display: none;
}
.v-select.select--no-wrap .vs__selected-options {
  flex-wrap: nowrap;
  overflow: auto;
  min-width: unset;
}
.v-select.select--no-wrap .vs__selected-options .vs__selected {
  min-width: unset;
}
.v-select.select--drop-up.vs--open .vs__dropdown-toggle {
  border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
  border-top-color: transparent;
  border-bottom-color: var(--color-main-text);
}
.v-select.select .vs__selected-options {
  min-height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width));
}
.v-select.select .vs__selected-options .vs__selected ~ .vs__search[readonly] {
  position: absolute;
}
.v-select.select .vs__selected-options {
  padding: 0 5px;
}
.v-select.select.vs--single.vs--loading .vs__selected, .v-select.select.vs--single.vs--open .vs__selected {
  max-width: 100%;
  opacity: 1;
  color: var(--color-text-maxcontrast);
}
.v-select.select.vs--single .vs__selected-options {
  flex-wrap: nowrap;
}
.v-select.select.vs--single .vs__selected {
  background: unset !important;
}
.vs__dropdown-menu {
  border-width: var(--border-width-input-focused) !important;
  border-color: var(--color-main-text) !important;
  outline: none !important;
  box-shadow: -2px 0 0 var(--color-main-background), 0 2px 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
  padding: 4px !important;
}
.vs__dropdown-menu--floating {
  /* Fallback styles overidden by programmatically set inline styles */
  width: max-content;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
}
.vs__dropdown-menu--floating-placement-top {
  border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0 !important;
  border-top-style: var(--vs-border-style) !important;
  border-bottom-style: none !important;
  box-shadow: 0 -2px 0 var(--color-main-background), -2px 0 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
}
.vs__dropdown-menu .vs__dropdown-option {
  border-radius: 6px !important;
}
.vs__dropdown-menu .vs__no-options {
  color: var(--color-text-maxcontrast) !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-a612f185] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.name-parts[data-v-a612f185] {
  display: flex;
  max-width: 100%;
  cursor: inherit;
}
.name-parts__first[data-v-a612f185] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.name-parts__first[data-v-a612f185], .name-parts__last[data-v-a612f185] {
  white-space: pre;
  cursor: inherit;
}
.name-parts__first strong[data-v-a612f185], .name-parts__last strong[data-v-a612f185] {
  font-weight: bold;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-cf399190] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.loading-icon[data-v-cf399190] {
  overflow: hidden;
}
.loading-icon svg[data-v-cf399190] {
  animation: rotate var(--animation-duration, 0.8s) linear infinite;
}
:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}

.grid[data-v-26daa2c6]{display:grid;grid-template-columns:3fr 1fr;align-items:flex-end;gap:calc(var(--default-grid-baseline)*2);width:fit-content}.grid__select[data-v-26daa2c6]{min-width:300px !important}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_wpltc_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9, ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 * {
  box-sizing: border-box;
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 .resize-observer {
  position: absolute;
  top: 0;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  pointer-events: none;
  display: block;
  overflow: hidden;
  opacity: 0;
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 .resize-observer object {
  display: block;
  position: absolute;
  top: 0;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper {
  z-index: 100000;
  top: 0;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  left: 0;
  display: block !important;
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper {
  /*
   * In theory, "filter: drop-shadow" would look better here with arrow shadow.
   * In fact, in results in a blurry popover in Chromium on scaling.
   * The hypothesis is that "filter" creates a new composition layer,
   * and with GPU acceleration requires the previous layers content to be rasterized.
   * In combination with translate3d from floating-vue, it makes Chromium to first render and rasterize the popover
   * and then apply scaling, which results in a blurry popover.
   */
  box-shadow: 0 1px 10px var(--color-box-shadow);
  border-radius: var(--border-radius-element);
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner {
  padding: 0;
  color: var(--color-main-text);
  border-radius: var(--border-radius-element);
  overflow: hidden;
  background: var(--color-main-background);
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container {
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 10px;
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-container {
  bottom: -9px;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  border-bottom-width: 0;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  border-top-color: var(--color-main-background);
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
  top: -9px;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  border-top-width: 0;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  border-bottom-color: var(--color-main-background);
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-container {
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  left: -9px;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  border-left-width: 0;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  border-right-color: var(--color-main-background);
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  right: -9px;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  border-right-width: 0;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  border-left-color: var(--color-main-background);
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] {
  visibility: hidden;
  transition: opacity var(--animation-quick), visibility var(--animation-quick);
  opacity: 0;
}
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] {
  visibility: visible;
  transition: opacity var(--animation-quick);
  opacity: 1;
}
.bots-settings__item[data-v-4af9ab84]{display:grid;grid-template-columns:minmax(50px, 100px) 1fr 2fr minmax(100px, 250px) minmax(50px, 100px);grid-column-gap:5px}.bots-settings__item[data-v-4af9ab84]:not(:last-child){margin-bottom:10px}.bots-settings__item--head[data-v-4af9ab84]{padding-bottom:5px;border-bottom:1px solid var(--color-border);font-weight:bold}.bots-settings__item .bold[data-v-4af9ab84]{font-weight:bold}.bots-settings__item .last-error__popover-content[data-v-4af9ab84]{margin:calc(var(--default-grid-baseline)*2)}.bots-settings__list[data-v-4af9ab84]{margin-bottom:30px}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-a1ac280f] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.checkbox-content[data-v-a1ac280f] {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--default-grid-baseline);
  user-select: none;
  min-height: var(--default-clickable-area);
  border-radius: var(--checkbox-radio-switch--border-radius);
  padding: var(--default-grid-baseline) calc((var(--default-clickable-area) - var(--icon-height)) / 2);
  width: 100%;
  max-width: fit-content;
}
.checkbox-content__wrapper[data-v-a1ac280f] {
  flex: 1 0 0;
  max-width: 100%;
}
.checkbox-content__text[data-v-a1ac280f]:empty {
  display: none;
}
.checkbox-content-checkbox:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f], .checkbox-content-radio:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f], .checkbox-content-switch:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f] {
  margin-block: calc((var(--default-clickable-area) - 2 * var(--default-grid-baseline) - var(--icon-height)) / 2) auto;
}
.checkbox-content-checkbox:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f], .checkbox-content-radio:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f], .checkbox-content-switch:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f] {
  display: flex;
  align-items: center;
  margin-block-end: 0;
  align-self: start;
}
.checkbox-content__icon[data-v-a1ac280f] > * {
  width: var(--icon-size);
  height: var(--icon-height);
  color: var(--color-primary-element);
}
.checkbox-content__description[data-v-a1ac280f] {
  display: block;
  color: var(--color-text-maxcontrast);
}
.checkbox-content--button-variant .checkbox-content__icon[data-v-a1ac280f]:not(.checkbox-content__icon--checked) > * {
  color: var(--color-primary-element);
}
.checkbox-content--button-variant .checkbox-content__icon--checked[data-v-a1ac280f] > * {
  color: var(--color-primary-element-text);
}
.checkbox-content--has-text[data-v-a1ac280f] {
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
}
.checkbox-content[data-v-a1ac280f], .checkbox-content[data-v-a1ac280f] * {
  cursor: pointer;
  flex-shrink: 0;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-0dcb138a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.checkbox-radio-switch[data-v-0dcb138a] {
  --icon-size: var(--65a7082e);
  --icon-height: var(--20f7d30f);
  --checkbox-radio-switch--border-radius: var(--border-radius-element);
  --checkbox-radio-switch--border-radius-outer: calc(var(--checkbox-radio-switch--border-radius) + 2px);
  display: flex;
  align-items: center;
  color: var(--color-main-text);
  background-color: transparent;
  font-size: var(--default-font-size);
  line-height: var(--default-line-height);
  padding: 0;
  position: relative;
}
.checkbox-radio-switch__input[data-v-0dcb138a] {
  position: absolute;
  z-index: -1;
  opacity: 0 !important;
  width: var(--icon-size);
  height: var(--icon-size);
}
.checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch__input[data-v-0dcb138a]:focus-visible {
  outline: 2px solid var(--color-main-text);
  border-color: var(--color-main-background);
  outline-offset: -2px;
}
.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-0dcb138a] {
  opacity: 0.5;
}
.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-0dcb138a] .checkbox-radio-switch__icon > * {
  color: var(--color-main-text);
}
.checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-0dcb138a], .checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-0dcb138a] *:not(a) {
  cursor: default !important;
}
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content[data-v-0dcb138a]:hover {
  background-color: var(--color-background-hover);
}
.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-0dcb138a]:hover {
  background-color: var(--color-primary-element-hover);
}
.checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-0dcb138a]:hover {
  background-color: var(--color-primary-element-light-hover);
}
.checkbox-radio-switch-switch[data-v-0dcb138a]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
  color: var(--color-text-maxcontrast);
}
.checkbox-radio-switch-switch.checkbox-radio-switch--disabled.checkbox-radio-switch--checked[data-v-0dcb138a] .checkbox-radio-switch__icon > * {
  color: var(--color-primary-element-light);
}
.checkbox-radio-switch--button-variant.checkbox-radio-switch[data-v-0dcb138a] {
  background-color: var(--color-main-background);
  border: 2px solid var(--color-border-maxcontrast);
  overflow: hidden;
}
.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked[data-v-0dcb138a] {
  font-weight: bold;
}
.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content[data-v-0dcb138a] {
  background-color: var(--color-primary-element);
  color: var(--color-primary-element-text);
}
.checkbox-radio-switch--button-variant[data-v-0dcb138a] .checkbox-radio-switch__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.checkbox-radio-switch--button-variant[data-v-0dcb138a]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
  color: var(--color-main-text);
}
.checkbox-radio-switch--button-variant[data-v-0dcb138a] .checkbox-radio-switch__icon:empty {
  display: none;
}
.checkbox-radio-switch--button-variant[data-v-0dcb138a]:not(.checkbox-radio-switch--button-variant-v-grouped):not(.checkbox-radio-switch--button-variant-h-grouped), .checkbox-radio-switch--button-variant .checkbox-radio-switch__content[data-v-0dcb138a] {
  border-radius: var(--checkbox-radio-switch--border-radius);
}
.checkbox-radio-switch[data-v-0dcb138a] {
  /* Special rules for vertical button groups */
}
.checkbox-radio-switch--button-variant-v-grouped .checkbox-radio-switch__content[data-v-0dcb138a] {
  flex-basis: 100%;
  max-width: unset;
}
.checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:first-of-type {
  border-start-start-radius: var(--checkbox-radio-switch--border-radius-outer);
  border-start-end-radius: var(--checkbox-radio-switch--border-radius-outer);
}
.checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:last-of-type {
  border-end-start-radius: var(--checkbox-radio-switch--border-radius-outer);
  border-end-end-radius: var(--checkbox-radio-switch--border-radius-outer);
}
.checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:not(:last-of-type) {
  border-bottom: 0 !important;
}
.checkbox-radio-switch--button-variant-v-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-0dcb138a] {
  margin-bottom: 2px;
}
.checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:not(:first-of-type) {
  border-top: 0 !important;
}
.checkbox-radio-switch[data-v-0dcb138a] {
  /* Special rules for horizontal button groups */
}
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:first-of-type {
  border-start-start-radius: var(--checkbox-radio-switch--border-radius-outer);
  border-end-start-radius: var(--checkbox-radio-switch--border-radius-outer);
}
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:last-of-type {
  border-start-end-radius: var(--checkbox-radio-switch--border-radius-outer);
  border-end-end-radius: var(--checkbox-radio-switch--border-radius-outer);
}
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:not(:last-of-type) {
  border-inline-end: 0 !important;
}
.checkbox-radio-switch--button-variant-h-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-0dcb138a] {
  margin-inline-end: 2px;
}
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:not(:first-of-type) {
  border-inline-start: 0 !important;
}
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a] .checkbox-radio-switch__text {
  text-align: center;
  display: flex;
  align-items: center;
}
.checkbox-radio-switch--button-variant-h-grouped .checkbox-radio-switch__content[data-v-0dcb138a] {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin: 0;
  gap: 0;
}
small[data-v-3a8d7d0c]{color:var(--color-favorite);border:1px solid var(--color-favorite);border-radius:16px;padding:0 9px}h3[data-v-3a8d7d0c]{margin-top:24px;font-weight:bold}.additional-top-margin[data-v-3a8d7d0c]{margin-top:10px}.form[data-v-3a8d7d0c]{display:flex;align-items:flex-end;gap:10px;padding-top:5px}.form__select[data-v-3a8d7d0c]{min-width:300px !important}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-7e4656f9] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.notecard[data-v-7e4656f9] {
  --note-card-icon-size: 20px;
  --note-card-padding: calc(2 * var(--default-grid-baseline));
  color: var(--color-main-text) !important;
  background-color: var(--note-background) !important;
  border-inline-start: var(--default-grid-baseline) solid var(--note-theme);
  border-radius: var(--border-radius-small);
  margin: 1rem 0;
  padding: var(--note-card-padding);
  display: flex;
  flex-direction: row;
  gap: var(--note-card-padding);
}
.notecard__heading[data-v-7e4656f9] {
  font-size: var(--note-card-icon-size);
  font-weight: 600;
}
.notecard__icon[data-v-7e4656f9] {
  color: var(--note-theme);
}
.notecard__icon--heading[data-v-7e4656f9] {
  font-size: var(--note-card-icon-size);
  margin-block: calc((1lh - 1em) / 2) auto;
}
.notecard--success[data-v-7e4656f9] {
  --note-background: var(--color-success);
  --note-theme: var(--color-success-text);
}
.notecard--info[data-v-7e4656f9] {
  --note-background: var(--color-info);
  --note-theme: var(--color-info-text);
}
.notecard--error[data-v-7e4656f9] {
  --note-background: var(--color-error);
  --note-theme: var(--color-error-text);
}
.notecard--warning[data-v-7e4656f9] {
  --note-background: var(--color-warning);
  --note-theme: var(--color-warning-text);
}
.notecard--legacy[data-v-7e4656f9] {
  background-color: color-mix(in srgb, var(--note-background), var(--color-main-background) 80%) !important;
  color: var(--color-main-text) !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-aaedb1c3] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.icon-vue[data-v-aaedb1c3] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--default-clickable-area);
  min-height: var(--default-clickable-area);
  opacity: 1;
}
.icon-vue.icon-vue--inline[data-v-aaedb1c3] {
  display: inline-flex !important;
  min-width: fit-content;
  min-height: fit-content;
  vertical-align: text-bottom;
}
.icon-vue span[data-v-aaedb1c3] {
  line-height: 0;
}
.icon-vue[data-v-aaedb1c3] svg {
  fill: currentColor;
  width: var(--fb515064);
  height: var(--fb515064);
  max-width: var(--fb515064);
  max-height: var(--fb515064);
}
.icon-vue--directional[data-v-aaedb1c3] svg:dir(rtl) {
  transform: scaleX(-1);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-330b5e3e] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
li.action[data-v-330b5e3e]:hover, li.action.active[data-v-330b5e3e] {
  border-radius: 6px;
  padding: 0;
}
li.action[data-v-330b5e3e]:hover {
  background-color: var(--color-background-hover);
}
.action--disabled[data-v-330b5e3e] {
  pointer-events: none;
  opacity: 0.5;
}
.action--disabled[data-v-330b5e3e]:hover, .action--disabled[data-v-330b5e3e]:focus {
  cursor: default;
  opacity: 0.5;
}
.action--disabled[data-v-330b5e3e] * {
  opacity: 1 !important;
}
.action-button[data-v-330b5e3e] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  color: var(--color-main-text);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: normal;
  font-size: var(--default-font-size);
  line-height: var(--default-clickable-area);
}
.action-button > span[data-v-330b5e3e] {
  cursor: pointer;
  white-space: nowrap;
}
.action-button__icon[data-v-330b5e3e] {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.action-button[data-v-330b5e3e] .material-design-icon {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
}
.action-button[data-v-330b5e3e] .material-design-icon .material-design-icon__svg {
  vertical-align: middle;
}
.action-button__longtext-wrapper[data-v-330b5e3e], .action-button__longtext[data-v-330b5e3e] {
  max-width: 220px;
  line-height: 1.6em;
  padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
  cursor: pointer;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-button__longtext[data-v-330b5e3e] {
  cursor: pointer;
  white-space: pre-wrap !important;
}
.action-button__name[data-v-330b5e3e] {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.action-button__description[data-v-330b5e3e] {
  display: block;
  white-space: pre-wrap;
  font-size: var(--font-size-small);
  line-height: var(--default-line-height);
  color: var(--color-text-maxcontrast);
  cursor: pointer;
}
.action-button__menu-icon[data-v-330b5e3e] {
  margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
}
.action-button__pressed-icon[data-v-330b5e3e] {
  margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
}
.action-button[data-v-330b5e3e] * {
  cursor: pointer;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-f57c2142] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.nc-button-group-base > div[data-v-f57c2142] {
  text-align: center;
  color: var(--color-text-maxcontrast);
}
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] {
  display: flex;
  gap: 4px;
  justify-content: space-between;
}
.nc-button-group-base ul.nc-button-group-content li[data-v-f57c2142-s] {
  flex: 1 1;
}
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button {
  padding: 0 !important;
  width: 100%;
  display: flex;
  justify-content: center;
}
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active {
  background-color: var(--color-primary-element);
  border-radius: var(--border-radius-element);
  color: var(--color-primary-element-text);
}
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:hover, .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:focus, .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:focus-within {
  background-color: var(--color-primary-element-hover);
}
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button .action-button__pressed-icon {
  display: none;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-1009e96c] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation-caption[data-v-1009e96c] {
  color: var(--color-text-maxcontrast);
  line-height: var(--default-clickable-area);
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: none !important;
  user-select: none;
  pointer-events: none;
  margin-inline-start: 12px;
  padding-inline-end: 14px;
  height: var(--default-clickable-area);
  display: flex;
  align-items: center;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-6099342c] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
li.action[data-v-6099342c]:hover, li.action.active[data-v-6099342c] {
  border-radius: 6px;
  padding: 0;
}
li.action[data-v-6099342c]:hover {
  background-color: var(--color-background-hover);
}
.action--disabled[data-v-6099342c] {
  pointer-events: none;
  opacity: 0.5;
}
.action--disabled[data-v-6099342c]:hover, .action--disabled[data-v-6099342c]:focus {
  cursor: default;
  opacity: 0.5;
}
.action--disabled[data-v-6099342c] * {
  opacity: 1 !important;
}
.action-checkbox[data-v-6099342c] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
  color: var(--color-main-text);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: normal;
  line-height: var(--default-clickable-area);
  /* checkbox/radio fixes */
}
.action-checkbox__checkbox[data-v-6099342c] {
  position: absolute;
  inset-inline-start: 0 !important;
  z-index: -1;
  opacity: 0;
}
.action-checkbox__label[data-v-6099342c] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 !important;
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2) !important;
}
.action-checkbox__label[data-v-6099342c]::before {
  margin-block: 0 !important;
  margin-inline: calc((var(--default-clickable-area) - 14px) / 2) !important;
}
.action-checkbox--disabled[data-v-6099342c],
.action-checkbox--disabled .action-checkbox__label[data-v-6099342c] {
  cursor: pointer;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-0fc02b30] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/* Default global values */
button[data-v-0fc02b30]:not(.button-vue),
input[data-v-0fc02b30]:not([type=range]),
textarea[data-v-0fc02b30] {
  margin: 0;
  padding: 7px 6px;
  cursor: text;
  color: var(--color-main-text);
  border: 1px solid var(--color-border-dark);
  border-radius: var(--border-radius-element);
  outline: none;
  background-color: var(--color-main-background);
  font-size: 13px;
}
button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-0fc02b30],
input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):hover,
input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):focus,
input:not([type=range]):not(:disabled):not(.primary).active[data-v-0fc02b30],
textarea[data-v-0fc02b30]:not(:disabled):not(.primary):hover,
textarea[data-v-0fc02b30]:not(:disabled):not(.primary):focus,
textarea:not(:disabled):not(.primary).active[data-v-0fc02b30] {
  /* active class used for multiselect */
  border-color: var(--color-primary-element);
  outline: none;
}
button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):active,
input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):active,
textarea[data-v-0fc02b30]:not(:disabled):not(.primary):active {
  color: var(--color-main-text);
  outline: none;
  background-color: var(--color-main-background);
}
button[data-v-0fc02b30]:not(.button-vue):disabled,
input[data-v-0fc02b30]:not([type=range]):disabled,
textarea[data-v-0fc02b30]:disabled {
  cursor: default;
  opacity: 0.5;
  color: var(--color-text-maxcontrast);
  background-color: var(--color-background-dark);
}
button[data-v-0fc02b30]:not(.button-vue):required,
input[data-v-0fc02b30]:not([type=range]):required,
textarea[data-v-0fc02b30]:required {
  box-shadow: none;
}
button[data-v-0fc02b30]:not(.button-vue):invalid,
input[data-v-0fc02b30]:not([type=range]):invalid,
textarea[data-v-0fc02b30]:invalid {
  border-color: var(--color-border-error, var(--color-error));
  box-shadow: none !important;
}
button[data-v-0fc02b30]:not(.button-vue),
input[data-v-0fc02b30]:not([type=range]),
textarea[data-v-0fc02b30] {
  /* Primary action button, use sparingly */
}
button:not(.button-vue).primary[data-v-0fc02b30],
input:not([type=range]).primary[data-v-0fc02b30],
textarea.primary[data-v-0fc02b30] {
  cursor: pointer;
  color: var(--color-primary-element-text);
  border-color: var(--color-primary-element);
  background-color: var(--color-primary-element);
}
button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):hover, button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):focus, button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):active,
input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):hover,
input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):focus,
input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):active,
textarea.primary[data-v-0fc02b30]:not(:disabled):hover,
textarea.primary[data-v-0fc02b30]:not(:disabled):focus,
textarea.primary[data-v-0fc02b30]:not(:disabled):active {
  border-color: var(--color-primary-element-light);
  background-color: var(--color-primary-element-light);
}
button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):active,
input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):active,
textarea.primary[data-v-0fc02b30]:not(:disabled):active {
  color: var(--color-primary-element-text-dark);
}
button:not(.button-vue).primary[data-v-0fc02b30]:disabled,
input:not([type=range]).primary[data-v-0fc02b30]:disabled,
textarea.primary[data-v-0fc02b30]:disabled {
  cursor: default;
  color: var(--color-primary-element-text-dark);
  background-color: var(--color-primary-element);
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
li.action[data-v-0fc02b30]:hover, li.action.active[data-v-0fc02b30] {
  border-radius: 6px;
  padding: 0;
}
li.action[data-v-0fc02b30]:hover {
  background-color: var(--color-background-hover);
}
.action--disabled[data-v-0fc02b30] {
  pointer-events: none;
  opacity: 0.5;
}
.action--disabled[data-v-0fc02b30]:hover, .action--disabled[data-v-0fc02b30]:focus {
  cursor: default;
  opacity: 0.5;
}
.action--disabled[data-v-0fc02b30] * {
  opacity: 1 !important;
}
.action-input[data-v-0fc02b30] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
  color: var(--color-main-text);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: normal;
}
.action-input__icon-wrapper[data-v-0fc02b30] {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
.action-input__icon-wrapper[data-v-0fc02b30] .material-design-icon {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
}
.action-input__icon-wrapper[data-v-0fc02b30] .material-design-icon .material-design-icon__svg {
  vertical-align: middle;
}
.action-input > span[data-v-0fc02b30] {
  cursor: pointer;
  white-space: nowrap;
}
.action-input__icon[data-v-0fc02b30] {
  min-width: 0; /* Overwrite icons*/
  min-height: 0;
  padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
  background-size: 16px;
}
.action-input__form[data-v-0fc02b30] {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  margin: 4px 0;
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
}
.action-input__container[data-v-0fc02b30] {
  position: relative;
  width: 100%;
}
.action-input__input-container[data-v-0fc02b30] {
  display: flex;
}
.action-input__input-container .colorpicker__trigger[data-v-0fc02b30], .action-input__input-container .colorpicker__preview[data-v-0fc02b30] {
  width: 100%;
}
.action-input__input-container .colorpicker__preview[data-v-0fc02b30] {
  width: 100%;
  height: 36px;
  border-radius: var(--border-radius-element);
  border: 2px solid var(--color-border-maxcontrast);
  box-shadow: none !important;
}
.action-input__text-label[data-v-0fc02b30] {
  padding: 4px 0;
  display: block;
}
.action-input__text-label--hidden[data-v-0fc02b30] {
  position: absolute;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
}
.action-input__datetimepicker[data-v-0fc02b30] {
  width: 100%;
}
.action-input__datetimepicker[data-v-0fc02b30] .mx-input {
  margin: 0;
}
.action-input__multi[data-v-0fc02b30] {
  width: 100%;
}
li:last-child > .action-input[data-v-0fc02b30] {
  padding-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
}
li:first-child > .action-input[data-v-0fc02b30]:not(.action-input--visible-label) {
  padding-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-b97e1f7a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.native-datetime-picker[data-v-b97e1f7a] {
  display: flex;
  flex-direction: column;
}
.native-datetime-picker .native-datetime-picker__label[data-v-b97e1f7a] {
  margin-block-end: 2px;
}
.native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a] {
  --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
  width: 100%;
  flex: 0 0 auto;
  margin: 0;
  padding-inline-start: calc(var(--border-radius-element) + var(--input-border-width-offset));
  padding-inline-end: calc(var(--default-grid-baseline) + var(--input-border-width-offset));
  border: var(--border-width-input, 2px) solid var(--color-border-maxcontrast);
}
.native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:active:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:hover:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:focus:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:focus-within:not([disabled]) {
  border-color: var(--color-main-text);
  border-width: var(--border-width-input-focused, 2px);
  box-shadow: 0 0 0 2px var(--color-main-background) !important;
  --input-border-width-offset: 0px;
}
[data-theme-light] .native-datetime-picker__input[data-v-b97e1f7a],
[data-themes*=light] .native-datetime-picker__input[data-v-b97e1f7a] {
  color-scheme: light;
}
[data-theme-dark] .native-datetime-picker__input[data-v-b97e1f7a],
[data-themes*=dark] .native-datetime-picker__input[data-v-b97e1f7a] {
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
[data-theme-default] .native-datetime-picker__input[data-v-b97e1f7a],
  [data-themes*=default] .native-datetime-picker__input[data-v-b97e1f7a] {
    color-scheme: light;
}
}
@media (prefers-color-scheme: dark) {
[data-theme-default] .native-datetime-picker__input[data-v-b97e1f7a],
  [data-themes*=default] .native-datetime-picker__input[data-v-b97e1f7a] {
    color-scheme: dark;
}
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-b2684de6] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
[data-v-b2684de6] .password-field__input--secure-text {
  -webkit-text-security: disc;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-3487c05a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.input-field[data-v-3487c05a] {
  --input-border-color: var(--color-border-maxcontrast);
  --input-border-radius: var(--border-radius-element);
  --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
  --input-padding-start: var(--border-radius-element);
  --input-padding-end: var(--border-radius-element);
  position: relative;
  width: 100%;
  margin-block-start: 6px;
}
.input-field--disabled[data-v-3487c05a] {
  opacity: 0.4;
  filter: saturate(0.4);
}
.input-field--label-outside[data-v-3487c05a] {
  margin-block-start: 0;
}
.input-field--leading-icon[data-v-3487c05a] {
  --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline));
}
.input-field--trailing-icon[data-v-3487c05a] {
  --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline));
}
.input-field--pill[data-v-3487c05a] {
  --input-border-radius: var(--border-radius-pill);
}
.input-field__main-wrapper[data-v-3487c05a] {
  height: var(--default-clickable-area);
  padding: var(--border-width-input, 2px);
  position: relative;
}
.input-field__main-wrapper[data-v-3487c05a]:not(:has([disabled])):has(input:focus), .input-field__main-wrapper[data-v-3487c05a]:not(:has([disabled])):has(input:active) {
  padding: 0;
}
.input-field__input[data-v-3487c05a] {
  background-color: var(--color-main-background);
  color: var(--color-main-text);
  border: none;
  border-radius: var(--input-border-radius);
  box-shadow: 0 -1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);
  cursor: pointer;
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  font-size: var(--default-font-size);
  text-overflow: ellipsis;
  height: 100% !important;
  min-height: unset;
  width: 100%;
  padding-block: var(--input-border-width-offset);
  padding-inline: calc(var(--input-padding-start) + var(--input-border-width-offset)) calc(var(--input-padding-end) + var(--input-border-width-offset));
}
.input-field__input[data-v-3487c05a]::placeholder {
  color: var(--color-text-maxcontrast);
}
.input-field__input[data-v-3487c05a]::-webkit-search-cancel-button {
  display: none;
}
.input-field__input[data-v-3487c05a]::-webkit-search-decoration, .input-field__input[data-v-3487c05a]::-webkit-search-results-button, .input-field__input[data-v-3487c05a]::-webkit-search-results-decoration, .input-field__input[data-v-3487c05a]::-ms-clear {
  display: none;
}
.input-field__input[data-v-3487c05a]:hover:not([disabled]) {
  box-shadow: 0 0 0 1px var(--input-border-color);
}
.input-field__input[data-v-3487c05a]:active:not([disabled]), .input-field__input[data-v-3487c05a]:focus:not([disabled]) {
  --input-border-color: var(--color-main-text);
  --input-border-width-offset: 0px;
  border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
  box-shadow: 0 0 0 2px var(--color-main-background) !important;
}
.input-field__input:focus + .input-field__label[data-v-3487c05a], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-3487c05a] {
  color: var(--color-main-text);
}
.input-field__input[data-v-3487c05a]:focus {
  cursor: text;
}
.input-field__input[data-v-3487c05a]:disabled {
  cursor: default;
}
.input-field__input[data-v-3487c05a]:focus-visible {
  box-shadow: unset !important;
}
.input-field:not(.input-field--label-outside) .input-field__input[data-v-3487c05a]:not(:focus)::placeholder {
  opacity: 0;
}
.input-field__label[data-v-3487c05a] {
  --input-label-font-size: var(--default-font-size);
  font-size: var(--input-label-font-size);
  position: absolute;
  margin-inline: var(--input-padding-start) var(--input-padding-end);
  max-width: fit-content;
  inset-block-start: calc((var(--default-clickable-area) - 1lh) / 2);
  inset-inline: var(--border-width-input-focused, 2px);
  color: var(--color-text-maxcontrast);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
}
.input-field__input:focus + .input-field__label[data-v-3487c05a], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-3487c05a] {
  --input-label-font-size: 13px;
  line-height: 1.5;
  inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2);
  font-weight: 500;
  border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
  background-color: var(--color-main-background);
  padding-inline: var(--default-grid-baseline);
  margin-inline: calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline));
  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
}
.input-field__icon[data-v-3487c05a] {
  position: absolute;
  height: var(--default-clickable-area);
  width: var(--default-clickable-area);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  inset-block-end: 0;
}
.input-field__icon--leading[data-v-3487c05a] {
  inset-inline-start: 0px;
}
.input-field__icon--trailing[data-v-3487c05a] {
  inset-inline-end: 0px;
}
.input-field__trailing-button[data-v-3487c05a] {
  --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important;
  --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px));
}
.input-field__trailing-button.button-vue[data-v-3487c05a] {
  position: absolute;
  top: var(--border-width-input-focused, 2px);
  inset-inline-end: var(--border-width-input-focused, 2px);
}
.input-field__trailing-button.button-vue[data-v-3487c05a]:focus-visible {
  box-shadow: none !important;
}
.input-field__helper-text-message[data-v-3487c05a] {
  padding-block: 4px;
  padding-inline: var(--border-radius-element);
  display: flex;
  align-items: center;
  color: var(--color-text-maxcontrast);
}
.input-field__helper-text-message__icon[data-v-3487c05a] {
  margin-inline-end: 8px;
}
.input-field--error .input-field__helper-text-message[data-v-3487c05a],
.input-field--error .input-field__icon--trailing[data-v-3487c05a] {
  color: var(--color-text-error, var(--color-error));
}
.input-field--error .input-field__input[data-v-3487c05a], .input-field__input[data-v-3487c05a]:user-invalid {
  --input-border-color: var(--color-border-error, var(--color-error)) !important;
}
.input-field--error .input-field__input[data-v-3487c05a]:focus-visible, .input-field__input[data-v-3487c05a]:user-invalid:focus-visible {
  box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.input-field--success .input-field__input[data-v-3487c05a] {
  --input-border-color: var(--color-border-success, var(--color-success)) !important;
}
.input-field--success .input-field__input[data-v-3487c05a]:focus-visible {
  box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.input-field--success .input-field__helper-text-message__icon[data-v-3487c05a] {
  color: var(--color-border-success, var(--color-success));
}
.input-field--legacy .input-field__input[data-v-3487c05a] {
  box-shadow: 0 0 0 1px var(--input-border-color) inset;
}
.input-field--legacy .input-field__main-wrapper[data-v-3487c05a]:hover:not(:has([disabled])) {
  padding: 0;
}
.input-field--legacy .input-field__main-wrapper:hover:not(:has([disabled])) .input-field__input[data-v-3487c05a] {
  --input-border-color: var(--color-main-text);
  --input-border-width-offset: 0px;
  border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
  box-shadow: 0 0 0 2px var(--color-main-background) !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-9e538838] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
li.action[data-v-9e538838]:hover, li.action.active[data-v-9e538838] {
  border-radius: 6px;
  padding: 0;
}
li.action[data-v-9e538838]:hover {
  background-color: var(--color-background-hover);
}
.action-link[data-v-9e538838] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  color: var(--color-main-text);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: normal;
  font-size: var(--default-font-size);
  line-height: var(--default-clickable-area);
}
.action-link > span[data-v-9e538838] {
  cursor: pointer;
  white-space: nowrap;
}
.action-link__icon[data-v-9e538838] {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.action-link[data-v-9e538838] .material-design-icon {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
}
.action-link[data-v-9e538838] .material-design-icon .material-design-icon__svg {
  vertical-align: middle;
}
.action-link__longtext-wrapper[data-v-9e538838], .action-link__longtext[data-v-9e538838] {
  max-width: 220px;
  line-height: 1.6em;
  padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
  cursor: pointer;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-link__longtext[data-v-9e538838] {
  cursor: pointer;
  white-space: pre-wrap !important;
}
.action-link__name[data-v-9e538838] {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.action-link__description[data-v-9e538838] {
  display: block;
  white-space: pre-wrap;
  font-size: var(--font-size-small);
  line-height: var(--default-line-height);
  color: var(--color-text-maxcontrast);
  cursor: pointer;
}
.action-link__menu-icon[data-v-9e538838] {
  margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-9e878692] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
li.action[data-v-9e878692]:hover, li.action.active[data-v-9e878692] {
  border-radius: 6px;
  padding: 0;
}
li.action[data-v-9e878692]:hover {
  background-color: var(--color-background-hover);
}
.action--disabled[data-v-9e878692] {
  pointer-events: none;
  opacity: 0.5;
}
.action--disabled[data-v-9e878692]:hover, .action--disabled[data-v-9e878692]:focus {
  cursor: default;
  opacity: 0.5;
}
.action--disabled[data-v-9e878692] * {
  opacity: 1 !important;
}
.action-radio[data-v-9e878692] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
  color: var(--color-main-text);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: normal;
  line-height: var(--default-clickable-area);
  /* checkbox/radio fixes */
}
.action-radio__radio[data-v-9e878692] {
  position: absolute;
  inset-inline-start: 0 !important;
  z-index: -1;
  opacity: 0;
}
.action-radio__label[data-v-9e878692] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 !important;
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2) !important;
}
.action-radio__label[data-v-9e878692]::before {
  margin: calc((var(--default-clickable-area) - 14px) / 2) !important;
}
.action-radio--disabled[data-v-9e878692],
.action-radio--disabled .action-radio__label[data-v-9e878692] {
  cursor: pointer;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-87267750] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
li.action[data-v-87267750]:hover, li.action.active[data-v-87267750] {
  border-radius: 6px;
  padding: 0;
}
li.action[data-v-87267750]:hover {
  background-color: var(--color-background-hover);
}
.action-router[data-v-87267750] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  color: var(--color-main-text);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: normal;
  font-size: var(--default-font-size);
  line-height: var(--default-clickable-area);
}
.action-router > span[data-v-87267750] {
  cursor: pointer;
  white-space: nowrap;
}
.action-router__icon[data-v-87267750] {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.action-router[data-v-87267750] .material-design-icon {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
}
.action-router[data-v-87267750] .material-design-icon .material-design-icon__svg {
  vertical-align: middle;
}
.action-router__longtext-wrapper[data-v-87267750], .action-router__longtext[data-v-87267750] {
  max-width: 220px;
  line-height: 1.6em;
  padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
  cursor: pointer;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-router__longtext[data-v-87267750] {
  cursor: pointer;
  white-space: pre-wrap !important;
}
.action-router__name[data-v-87267750] {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.action-router__description[data-v-87267750] {
  display: block;
  white-space: pre-wrap;
  font-size: var(--font-size-small);
  line-height: var(--default-line-height);
  color: var(--color-text-maxcontrast);
  cursor: pointer;
}
.action-router__menu-icon[data-v-87267750] {
  margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
}
.action--disabled[data-v-87267750] {
  pointer-events: none;
  opacity: 0.5;
}
.action--disabled[data-v-87267750]:hover, .action--disabled[data-v-87267750]:focus {
  cursor: default;
  opacity: 0.5;
}
.action--disabled[data-v-87267750] * {
  opacity: 1 !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-6c109b7a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.action-items[data-v-6c109b7a] {
  display: flex;
  align-items: center;
  gap: calc((var(--default-clickable-area) - 16px) / 2 / 2);
}
.action-item[data-v-6c109b7a] {
  --open-background-color: var(--color-background-hover, $action-background-hover);
  position: relative;
  display: inline-block;
}
.action-item.action-item--primary[data-v-6c109b7a] {
  --open-background-color: var(--color-primary-element-hover);
}
.action-item.action-item--secondary[data-v-6c109b7a] {
  --open-background-color: var(--color-primary-element-light-hover);
}
.action-item.action-item--error[data-v-6c109b7a] {
  --open-background-color: var(--color-error-hover);
}
.action-item.action-item--warning[data-v-6c109b7a] {
  --open-background-color: var(--color-warning-hover);
}
.action-item.action-item--success[data-v-6c109b7a] {
  --open-background-color: var(--color-success-hover);
}
.action-item.action-item--tertiary-no-background[data-v-6c109b7a] {
  --open-background-color: transparent;
}
.action-item.action-item--open .action-item__menutoggle[data-v-6c109b7a] {
  background-color: var(--open-background-color);
}
.action-item__menutoggle__icon[data-v-6c109b7a] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.v-popper--theme-nc-popover-9.v-popper__popper.action-item__popper .v-popper__wrapper {
  border-radius: var(--border-radius-element);
}
.v-popper--theme-nc-popover-9.v-popper__popper.action-item__popper .v-popper__wrapper .v-popper__inner {
  border-radius: var(--border-radius-element);
  padding: 4px;
  max-height: calc(100vh - var(--header-height));
  overflow: auto;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-3e2324b7] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.action-separator[data-v-3e2324b7] {
  height: 0;
  margin: 5px 10px 5px 15px;
  border-bottom: 1px solid var(--color-border-dark);
  cursor: default;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-fa684b48] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
li.action[data-v-fa684b48]:hover, li.action.active[data-v-fa684b48] {
  border-radius: 6px;
  padding: 0;
}
li.action[data-v-fa684b48]:hover {
  background-color: var(--color-background-hover);
}
.action-text[data-v-fa684b48] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  color: var(--color-main-text);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: normal;
  font-size: var(--default-font-size);
  line-height: var(--default-clickable-area);
}
.action-text > span[data-v-fa684b48] {
  cursor: pointer;
  white-space: nowrap;
}
.action-text__icon[data-v-fa684b48] {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.action-text[data-v-fa684b48] .material-design-icon {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
}
.action-text[data-v-fa684b48] .material-design-icon .material-design-icon__svg {
  vertical-align: middle;
}
.action-text__longtext-wrapper[data-v-fa684b48], .action-text__longtext[data-v-fa684b48] {
  max-width: 220px;
  line-height: 1.6em;
  padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
  cursor: pointer;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-text__longtext[data-v-fa684b48] {
  cursor: pointer;
  white-space: pre-wrap !important;
}
.action-text__name[data-v-fa684b48] {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.action-text__description[data-v-fa684b48] {
  display: block;
  white-space: pre-wrap;
  font-size: var(--font-size-small);
  line-height: var(--default-line-height);
  color: var(--color-text-maxcontrast);
  cursor: pointer;
}
.action-text__menu-icon[data-v-fa684b48] {
  margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
}
.action--disabled[data-v-fa684b48] {
  pointer-events: none;
  opacity: 0.5;
}
.action--disabled[data-v-fa684b48]:hover, .action--disabled[data-v-fa684b48]:focus {
  cursor: default;
  opacity: 0.5;
}
.action--disabled[data-v-fa684b48] * {
  opacity: 1 !important;
}
.action-text[data-v-fa684b48],
.action-text span[data-v-fa684b48] {
  cursor: default;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-c537247a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/* Default global values */
button[data-v-c537247a]:not(.button-vue),
input[data-v-c537247a]:not([type=range]),
textarea[data-v-c537247a] {
  margin: 0;
  padding: 7px 6px;
  cursor: text;
  color: var(--color-main-text);
  border: 1px solid var(--color-border-dark);
  border-radius: var(--border-radius-element);
  outline: none;
  background-color: var(--color-main-background);
  font-size: 13px;
}
button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-c537247a],
input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):hover,
input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):focus,
input:not([type=range]):not(:disabled):not(.primary).active[data-v-c537247a],
textarea[data-v-c537247a]:not(:disabled):not(.primary):hover,
textarea[data-v-c537247a]:not(:disabled):not(.primary):focus,
textarea:not(:disabled):not(.primary).active[data-v-c537247a] {
  /* active class used for multiselect */
  border-color: var(--color-primary-element);
  outline: none;
}
button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):active,
input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):active,
textarea[data-v-c537247a]:not(:disabled):not(.primary):active {
  color: var(--color-main-text);
  outline: none;
  background-color: var(--color-main-background);
}
button[data-v-c537247a]:not(.button-vue):disabled,
input[data-v-c537247a]:not([type=range]):disabled,
textarea[data-v-c537247a]:disabled {
  cursor: default;
  opacity: 0.5;
  color: var(--color-text-maxcontrast);
  background-color: var(--color-background-dark);
}
button[data-v-c537247a]:not(.button-vue):required,
input[data-v-c537247a]:not([type=range]):required,
textarea[data-v-c537247a]:required {
  box-shadow: none;
}
button[data-v-c537247a]:not(.button-vue):invalid,
input[data-v-c537247a]:not([type=range]):invalid,
textarea[data-v-c537247a]:invalid {
  border-color: var(--color-border-error, var(--color-error));
  box-shadow: none !important;
}
button[data-v-c537247a]:not(.button-vue),
input[data-v-c537247a]:not([type=range]),
textarea[data-v-c537247a] {
  /* Primary action button, use sparingly */
}
button:not(.button-vue).primary[data-v-c537247a],
input:not([type=range]).primary[data-v-c537247a],
textarea.primary[data-v-c537247a] {
  cursor: pointer;
  color: var(--color-primary-element-text);
  border-color: var(--color-primary-element);
  background-color: var(--color-primary-element);
}
button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):hover, button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):focus, button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):active,
input:not([type=range]).primary[data-v-c537247a]:not(:disabled):hover,
input:not([type=range]).primary[data-v-c537247a]:not(:disabled):focus,
input:not([type=range]).primary[data-v-c537247a]:not(:disabled):active,
textarea.primary[data-v-c537247a]:not(:disabled):hover,
textarea.primary[data-v-c537247a]:not(:disabled):focus,
textarea.primary[data-v-c537247a]:not(:disabled):active {
  border-color: var(--color-primary-element-light);
  background-color: var(--color-primary-element-light);
}
button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):active,
input:not([type=range]).primary[data-v-c537247a]:not(:disabled):active,
textarea.primary[data-v-c537247a]:not(:disabled):active {
  color: var(--color-primary-element-text-dark);
}
button:not(.button-vue).primary[data-v-c537247a]:disabled,
input:not([type=range]).primary[data-v-c537247a]:disabled,
textarea.primary[data-v-c537247a]:disabled {
  cursor: default;
  color: var(--color-primary-element-text-dark);
  background-color: var(--color-primary-element);
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
li.action[data-v-c537247a]:hover, li.action.active[data-v-c537247a] {
  border-radius: 6px;
  padding: 0;
}
li.action[data-v-c537247a]:hover {
  background-color: var(--color-background-hover);
}
.action--disabled[data-v-c537247a] {
  pointer-events: none;
  opacity: 0.5;
}
.action--disabled[data-v-c537247a]:hover, .action--disabled[data-v-c537247a]:focus {
  cursor: default;
  opacity: 0.5;
}
.action--disabled[data-v-c537247a] * {
  opacity: 1 !important;
}
.action-text-editable[data-v-c537247a] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
  color: var(--color-main-text);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: normal;
  line-height: var(--default-clickable-area);
}
.action-text-editable > span[data-v-c537247a] {
  cursor: pointer;
  white-space: nowrap;
}
.action-text-editable__icon[data-v-c537247a] {
  min-width: 0; /* Overwrite icons*/
  min-height: 0;
  /* Keep padding to define the width to
  	assure correct position of a possible text */
  padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
  background-size: 16px;
}
.action-text-editable[data-v-c537247a] .material-design-icon {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  opacity: 1;
}
.action-text-editable[data-v-c537247a] .material-design-icon .material-design-icon__svg {
  vertical-align: middle;
}
.action-text-editable__form[data-v-c537247a] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
  margin: 4px 0;
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
}
.action-text-editable__submit[data-v-c537247a] {
  position: absolute;
  inset-inline-start: 0;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
}
.action-text-editable__label[data-v-c537247a] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-inline-end: calc((var(--default-clickable-area) - 16px) / 2 + 1px);
  bottom: 1px;
  width: calc(var(--default-clickable-area) - 8px);
  height: calc(var(--default-clickable-area) - 8px);
  box-sizing: border-box;
  margin: 0;
  padding: 7px 6px;
  border: 0;
  border-radius: 50%;
  /* Avoid background under border */
  background-color: var(--color-main-background);
  background-clip: padding-box;
}
.action-text-editable__label[data-v-c537247a], .action-text-editable__label[data-v-c537247a] * {
  cursor: pointer;
}
.action-text-editable[data-v-c537247a] {
  /* Inputs inside popover supports text, submit & reset */
}
.action-text-editable__textarea[data-v-c537247a] {
  flex: 1 1 auto;
  color: inherit;
  border-color: var(--color-border-maxcontrast);
  min-height: calc(var(--default-clickable-area) * 2 - 8px); /* twice the element margin-y */
  max-height: calc(var(--default-clickable-area) * 3 - 8px); /* twice the element margin-y */
  min-width: calc(var(--default-clickable-area) * 4);
  width: 100% !important;
  margin: 0;
}
.action-text-editable__textarea[data-v-c537247a]:disabled {
  cursor: default;
}
.action-text-editable__textarea[data-v-c537247a] {
  /* only show confirm borders if input is not focused */
}
.action-text-editable__textarea:not(:active):not(:hover):not(:focus):invalid + .action-text-editable__label[data-v-c537247a] {
  background-color: var(--color-error);
}
.action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:active, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:hover, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:focus {
  background-color: var(--color-primary-element);
  color: var(--color-primary-element-text);
}
.action-text-editable__textarea:active:not(:disabled) + .action-text-editable__label[data-v-c537247a], .action-text-editable__textarea:hover:not(:disabled) + .action-text-editable__label[data-v-c537247a], .action-text-editable__textarea:focus:not(:disabled) + .action-text-editable__label[data-v-c537247a] {
  /* above previous input */
  z-index: 2;
  border-color: var(--color-primary-element);
  border-inline-start-color: transparent;
}
li:last-child > .action-text-editable[data-v-c537247a] {
  margin-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
}
li:first-child > .action-text-editable[data-v-c537247a] {
  margin-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-a28923a1] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-details-toggle[data-v-a28923a1] {
  position: sticky;
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  padding: calc((var(--default-clickable-area) - 16px) / 2);
  cursor: pointer;
  opacity: 0.6;
  transform: rotate(180deg);
  background-color: var(--color-main-background);
  z-index: 2000;
  top: var(--app-navigation-padding);
  inset-inline-start: calc(var(--default-clickable-area) + var(--app-navigation-padding) * 2);
}
.app-details-toggle--mobile[data-v-a28923a1] {
  inset-inline-start: var(--app-navigation-padding);
}
.app-details-toggle[data-v-a28923a1]:active, .app-details-toggle[data-v-a28923a1]:hover, .app-details-toggle[data-v-a28923a1]:focus {
  opacity: 1;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-a2641cc2] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-content[data-v-a2641cc2] {
  position: initial;
  z-index: 1000;
  flex-basis: 100vw;
  height: 100%;
  margin: 0 !important;
  background-color: var(--color-main-background);
  min-width: 0;
}
.app-content[data-v-a2641cc2]:not(.app-content--has-list) {
  overflow: auto;
}
.app-content-wrapper[data-v-a2641cc2] {
  position: relative;
  width: 100%;
  height: 100%;
}
.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-a2641cc2]  .app-content-list {
  display: flex;
}
.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-a2641cc2]  .app-content-details {
  display: none;
}
.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-a2641cc2]  .app-content-list {
  display: none;
}
.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-a2641cc2]  .app-content-details {
  display: block;
}
[data-v-a2641cc2] .splitpanes.default-theme .app-content-list {
  max-width: none;
  /* Thin scrollbar is hard to catch on resizable columns */
  scrollbar-width: auto;
}
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane {
  background-color: transparent;
  transition: none;
}
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-list {
  min-width: 300px;
  position: sticky;
}
@media only screen and (width < 1024px) {
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-list {
    display: none;
}
}
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-details {
  overflow-y: auto;
}
@media only screen and (width < 1024px) {
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-details {
    min-width: 100%;
}
}
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter {
  background-color: var(--color-main-background);
}
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter::after {
  background-color: var(--color-border);
}
[data-v-a2641cc2] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter {
  border-inline-start: 1px solid var(--color-border);
}
[data-v-a2641cc2] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter {
  border-top: 1px solid var(--color-border);
}
.app-content-wrapper--show-list[data-v-a2641cc2] .app-content-list {
  max-width: none;
}
.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane,*:has(.splitpanes--dragging){-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out;will-change:width}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out;will-change:height}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.default-theme.splitpanes .splitpanes__pane{background-color:#f2f2f2}.default-theme.splitpanes .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.default-theme.splitpanes .splitpanes__splitter:before,.default-theme.splitpanes .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.default-theme.splitpanes .splitpanes__splitter:hover:before,.default-theme.splitpanes .splitpanes__splitter:hover:after{background-color:#00000040}.default-theme.splitpanes .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-5a15295d] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation-toggle-wrapper[data-v-5a15295d] {
  position: absolute;
  top: var(--app-navigation-padding);
  inset-inline-end: calc(0px - var(--app-navigation-padding));
  margin-inline-end: calc(-1 * var(--default-clickable-area));
}
button.app-navigation-toggle[data-v-5a15295d] {
  background-color: var(--color-main-background);
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation,
.app-content {
  /** Distance of the app navigation toggle and the first navigation item to the top edge of the app content container */
  --app-navigation-padding: calc(var(--default-grid-baseline, 4px) * 2);
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-d5ce90cd] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation[data-v-d5ce90cd] {
  --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-text-maxcontrast-default));
  transition: transform var(--animation-quick), margin var(--animation-quick);
  width: 300px;
  --app-navigation-max-width: calc(100vw - (var(--app-navigation-padding) + var(--default-clickable-area) + var(--default-grid-baseline)));
  max-width: var(--app-navigation-max-width);
  position: relative;
  top: 0;
  inset-inline-start: 0;
  padding: 0px;
  z-index: 1800;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: var(--color-main-background-blur, var(--color-main-background));
  -webkit-backdrop-filter: var(--filter-background-blur, none);
  backdrop-filter: var(--filter-background-blur, none);
}
.app-navigation--closed[data-v-d5ce90cd] {
  margin-inline-start: calc(-1 * min(300px, var(--app-navigation-max-width)));
}
.app-navigation__search[data-v-d5ce90cd] {
  width: 100%;
}
.app-navigation__body[data-v-d5ce90cd] {
  overflow-y: scroll;
}
.app-navigation__content > ul[data-v-d5ce90cd] {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--default-grid-baseline, 4px);
  padding: var(--app-navigation-padding);
}
.app-navigation .app-navigation__list[data-v-d5ce90cd] {
  height: 100%;
}
.app-navigation__body--no-list[data-v-d5ce90cd] {
  flex: 1 1 auto;
  overflow: auto;
  height: 100%;
}
.app-navigation__content[data-v-d5ce90cd] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
[data-themes*=highcontrast] .app-navigation[data-v-d5ce90cd] {
  border-inline-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 1024px) {
.app-navigation[data-v-d5ce90cd] {
    position: absolute;
    border-inline-end: 1px solid var(--color-border);
}
}
@media only screen and (max-width: 512px) {
.app-navigation[data-v-d5ce90cd] {
    z-index: 1400;
}
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-d72957ed] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation-list[data-v-d72957ed] {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--default-grid-baseline, 4px);
  padding: var(--app-navigation-padding);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-21e6b451] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation-caption[data-v-21e6b451] {
  display: flex;
  justify-content: space-between;
}
.app-navigation-caption--heading[data-v-21e6b451] {
  padding: var(--app-navigation-padding);
}
.app-navigation-caption--heading[data-v-21e6b451]:not(:first-child):not(:last-child) {
  padding: 0 var(--app-navigation-padding);
}
.app-navigation-caption__name[data-v-21e6b451] {
  font-weight: bold;
  color: var(--color-main-text);
  font-size: var(--default-font-size);
  line-height: var(--default-clickable-area);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none !important;
  flex-shrink: 0;
  padding-block: 0;
  padding-inline: calc(var(--default-grid-baseline, 4px) * 2) 0;
  margin-top: 0px;
  margin-bottom: var(--default-grid-baseline);
}
.app-navigation-caption__actions[data-v-21e6b451] {
  flex: 0 0 var(--default-clickable-area);
}
.app-navigation-caption[data-v-21e6b451]:not(:first-child) {
  margin-top: calc(var(--default-clickable-area) / 2);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-04a313f4] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation-entry__icon-bullet[data-v-04a313f4] {
  display: block;
  padding: calc((var(--default-clickable-area) - 16px) / 2 + 1px);
}
.app-navigation-entry__icon-bullet div[data-v-04a313f4] {
  width: 14px;
  height: 14px;
  cursor: pointer;
  transition: background 100ms ease-in-out;
  border: none;
  border-radius: 50%;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-e6236e50] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.icon-collapse[data-v-e6236e50] {
  position: relative;
  inset-inline-end: 0;
}
.icon-collapse[data-v-e6236e50]:hover {
  background-color: var(--color-background-dark) !important;
}
.icon-collapse--active[data-v-e6236e50]:hover {
  background-color: var(--color-primary-element) !important;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-d600f829] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2023 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
.app-navigation-entry[data-v-d600f829] {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  width: 100%;
  min-height: var(--default-clickable-area);
  transition: background-color var(--animation-quick) ease-in-out;
  transition: background-color 200ms ease-in-out;
  border-radius: var(--border-radius-element);
}
.app-navigation-entry-wrapper[data-v-d600f829] {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  width: 100%;
}
.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-d600f829] {
  display: none;
}
.app-navigation-entry.active[data-v-d600f829] {
  background-color: var(--color-primary-element) !important;
}
.app-navigation-entry.active[data-v-d600f829]:hover {
  background-color: var(--color-primary-element-hover) !important;
}
.app-navigation-entry.active .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry.active .app-navigation-entry-button[data-v-d600f829] {
  color: var(--color-primary-element-text) !important;
}
.app-navigation-entry[data-v-d600f829]:focus-within, .app-navigation-entry[data-v-d600f829]:hover {
  background-color: var(--color-background-hover);
}
.app-navigation-entry.active .app-navigation-entry__children[data-v-d600f829], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-d600f829], .app-navigation-entry:hover .app-navigation-entry__children[data-v-d600f829] {
  background-color: var(--color-main-background);
}
.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829] {
  display: inline-block;
}
.app-navigation-entry .app-navigation-entry__actions[data-v-d600f829]:hover .button-vue {
  background-color: var(--color-background-dark) !important;
}
.app-navigation-entry.active .app-navigation-entry__actions[data-v-d600f829]:hover .button-vue {
  background-color: var(--color-primary-element) !important;
}
.app-navigation-entry[data-v-d600f829] {
  /* hide deletion/collapse of subitems */
}
.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-d600f829] {
  display: none;
}
.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-d600f829] {
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
}
.app-navigation-entry .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button[data-v-d600f829] {
  z-index: 100; /* above the bullet to allow click*/
  display: flex;
  overflow: hidden;
  flex: 1 1 0;
  min-height: var(--default-clickable-area);
  padding: 0;
  white-space: nowrap;
  color: var(--color-main-text);
  background-repeat: no-repeat;
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
  background-size: 16px 16px;
  line-height: var(--default-clickable-area);
}
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-d600f829] {
  display: flex;
  align-items: center;
  flex: 0 0 var(--default-clickable-area);
  justify-content: center;
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
}
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-d600f829] {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-d600f829] {
  width: calc(100% - var(--default-clickable-area));
  margin: auto;
}
.app-navigation-entry .app-navigation-entry-link[data-v-d600f829]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-d600f829]:focus-visible {
  box-shadow: 0 0 0 4px var(--color-main-background);
  outline: 2px solid var(--color-main-text);
  border-radius: var(--border-radius-element);
}

/* Second level nesting for lists */
.app-navigation-entry__children[data-v-d600f829] {
  --app-navigation-item-child-offset: 10px;
  position: relative;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  width: 100%;
  gap: var(--default-grid-baseline, 4px);
  padding-inline-start: var(--app-navigation-item-child-offset);
}
.app-navigation-entry__children .app-navigation-entry[data-v-d600f829] {
  display: inline-flex;
  flex-wrap: wrap;
}
.app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-d600f829] {
  --app-navigation-item-child-offset: 0;
}

/* Deleted entries */
.app-navigation-entry__deleted[data-v-d600f829] {
  display: inline-flex;
  flex: 1 1 0;
  padding-inline-start: calc(var(--default-clickable-area) - (var(--default-clickable-area) - 16px) / 2) !important;
}
.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-d600f829] {
  position: relative;
  overflow: hidden;
  flex: 1 1 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: var(--default-clickable-area);
}

/* counter and actions */
.app-navigation-entry__utils[data-v-d600f829] {
  display: flex;
  min-width: var(--default-clickable-area);
  align-items: center;
  flex: 0 1 auto;
  justify-content: flex-end;
}
.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-d600f829] {
  display: inline-block;
}
.app-navigation-entry__utils[data-v-d600f829] {
  /* counter */
}
.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-d600f829] {
  margin-inline-end: calc(var(--default-grid-baseline) * 2);
  display: flex;
  align-items: center;
  flex: 0 1 auto;
}
.app-navigation-entry__utils[data-v-d600f829] {
  /* actions */
}
.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-d600f829] {
  display: none;
}

/* editing state */
.app-navigation-entry--editing .app-navigation-entry-edit[data-v-d600f829] {
  z-index: 250;
  opacity: 1;
}

/* deleted state */
.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-d600f829] {
  z-index: 250;
  transform: translateX(0);
}

/* pinned state */
.app-navigation-entry--pinned[data-v-d600f829] {
  order: 2;
  margin-top: auto;
}
.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-d600f829] {
  margin-top: 0;
}
[data-themes*=highcontrast] .app-navigation-entry[data-v-d600f829]:active {
  background-color: var(--color-primary-element-light-hover) !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-dd457d48] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation-input-confirm[data-v-dd457d48] {
  flex: 1 0 100%;
  width: 100%;
}
.app-navigation-input-confirm form[data-v-dd457d48] {
  display: flex;
}
.app-navigation-input-confirm__input[data-v-dd457d48] {
  height: 34px;
  flex: 1 1 100%;
  font-size: 100% !important;
  margin: 5px !important;
  margin-inline-start: -8px !important;
  padding: 7px !important;
}
.app-navigation-input-confirm__input[data-v-dd457d48]:active, .app-navigation-input-confirm__input[data-v-dd457d48]:focus, .app-navigation-input-confirm__input[data-v-dd457d48]:hover {
  outline: none;
  background-color: var(--color-main-background);
  color: var(--color-main-text);
  border-color: var(--color-primary-element);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-0ba6c9df] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/* 'New' button */
.app-navigation-new[data-v-0ba6c9df] {
  display: block;
  padding: calc(var(--default-grid-baseline, 4px) * 2);
}
.app-navigation-new button[data-v-0ba6c9df] {
  width: 100%;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-ee07f8f8] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2023 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
.app-navigation-entry[data-v-ee07f8f8] {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  width: 100%;
  min-height: var(--default-clickable-area);
  transition: background-color var(--animation-quick) ease-in-out;
  transition: background-color 200ms ease-in-out;
  border-radius: var(--border-radius-element);
}
.app-navigation-entry-wrapper[data-v-ee07f8f8] {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  width: 100%;
}
.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-ee07f8f8] {
  display: none;
}
.app-navigation-entry.active[data-v-ee07f8f8] {
  background-color: var(--color-primary-element) !important;
}
.app-navigation-entry.active[data-v-ee07f8f8]:hover {
  background-color: var(--color-primary-element-hover) !important;
}
.app-navigation-entry.active .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry.active .app-navigation-entry-button[data-v-ee07f8f8] {
  color: var(--color-primary-element-text) !important;
}
.app-navigation-entry[data-v-ee07f8f8]:focus-within, .app-navigation-entry[data-v-ee07f8f8]:hover {
  background-color: var(--color-background-hover);
}
.app-navigation-entry.active .app-navigation-entry__children[data-v-ee07f8f8], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-ee07f8f8], .app-navigation-entry:hover .app-navigation-entry__children[data-v-ee07f8f8] {
  background-color: var(--color-main-background);
}
.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8] {
  display: inline-block;
}
.app-navigation-entry .app-navigation-entry__actions[data-v-ee07f8f8]:hover .button-vue {
  background-color: var(--color-background-dark) !important;
}
.app-navigation-entry.active .app-navigation-entry__actions[data-v-ee07f8f8]:hover .button-vue {
  background-color: var(--color-primary-element) !important;
}
.app-navigation-entry[data-v-ee07f8f8] {
  /* hide deletion/collapse of subitems */
}
.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-ee07f8f8] {
  display: none;
}
.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-ee07f8f8] {
  padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
}
.app-navigation-entry .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button[data-v-ee07f8f8] {
  z-index: 100; /* above the bullet to allow click*/
  display: flex;
  overflow: hidden;
  flex: 1 1 0;
  min-height: var(--default-clickable-area);
  padding: 0;
  white-space: nowrap;
  color: var(--color-main-text);
  background-repeat: no-repeat;
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
  background-size: 16px 16px;
  line-height: var(--default-clickable-area);
}
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-ee07f8f8] {
  display: flex;
  align-items: center;
  flex: 0 0 var(--default-clickable-area);
  justify-content: center;
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
}
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-ee07f8f8] {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-ee07f8f8] {
  width: calc(100% - var(--default-clickable-area));
  margin: auto;
}
.app-navigation-entry .app-navigation-entry-link[data-v-ee07f8f8]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-ee07f8f8]:focus-visible {
  box-shadow: 0 0 0 4px var(--color-main-background);
  outline: 2px solid var(--color-main-text);
  border-radius: var(--border-radius-element);
}

/* Second level nesting for lists */
.app-navigation-entry__children[data-v-ee07f8f8] {
  --app-navigation-item-child-offset: 10px;
  position: relative;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  width: 100%;
  gap: var(--default-grid-baseline, 4px);
  padding-inline-start: var(--app-navigation-item-child-offset);
}
.app-navigation-entry__children .app-navigation-entry[data-v-ee07f8f8] {
  display: inline-flex;
  flex-wrap: wrap;
}
.app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-ee07f8f8] {
  --app-navigation-item-child-offset: 0;
}

/* Deleted entries */
.app-navigation-entry__deleted[data-v-ee07f8f8] {
  display: inline-flex;
  flex: 1 1 0;
  padding-inline-start: calc(var(--default-clickable-area) - (var(--default-clickable-area) - 16px) / 2) !important;
}
.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-ee07f8f8] {
  position: relative;
  overflow: hidden;
  flex: 1 1 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: var(--default-clickable-area);
}

/* counter and actions */
.app-navigation-entry__utils[data-v-ee07f8f8] {
  display: flex;
  min-width: var(--default-clickable-area);
  align-items: center;
  flex: 0 1 auto;
  justify-content: flex-end;
}
.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-ee07f8f8] {
  display: inline-block;
}
.app-navigation-entry__utils[data-v-ee07f8f8] {
  /* counter */
}
.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-ee07f8f8] {
  margin-inline-end: calc(var(--default-grid-baseline) * 2);
  display: flex;
  align-items: center;
  flex: 0 1 auto;
}
.app-navigation-entry__utils[data-v-ee07f8f8] {
  /* actions */
}
.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-ee07f8f8] {
  display: none;
}

/* editing state */
.app-navigation-entry--editing .app-navigation-entry-edit[data-v-ee07f8f8] {
  z-index: 250;
  opacity: 1;
}

/* deleted state */
.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-ee07f8f8] {
  z-index: 250;
  transform: translateX(0);
}

/* pinned state */
.app-navigation-entry--pinned[data-v-ee07f8f8] {
  order: 2;
  margin-top: auto;
}
.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-ee07f8f8] {
  margin-top: 0;
}
[data-themes*=highcontrast] .app-navigation-entry[data-v-ee07f8f8]:active {
  background-color: var(--color-primary-element-light-hover) !important;
}
.app-navigation-new-item__name[data-v-ee07f8f8] {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-inline-start: 7px;
  font-size: 14px;
}
.newItemContainer[data-v-ee07f8f8] {
  width: calc(100% - var(--default-clickable-area));
  margin: auto;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-f37737bd] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-navigation-search[data-v-f37737bd] {
  display: flex;
  gap: var(--app-navigation-padding);
  padding: var(--app-navigation-padding);
}
.app-navigation-search--has-actions .app-navigation-search__input[data-v-f37737bd] {
  flex-grow: 1;
  z-index: 3;
}
.app-navigation-search__actions[data-v-f37737bd] {
  display: flex;
  gap: var(--default-grid-baseline);
  margin-inline-start: 0;
  max-width: calc(2 * var(--default-clickable-area) + var(--default-grid-baseline));
  max-height: var(--default-clickable-area);
  transition: margin-inline-start var(--animation-quick);
}
.app-navigation-search__actions--hidden[data-v-f37737bd] {
  margin-inline-start: calc(-1 * var(--default-clickable-area));
}

._container_fpy51_2 {
	margin-top: auto;
	padding: var(--default-grid-baseline);
}
._header_fpy51_7 {
	margin-block: 0 var(--default-grid-baseline);
	margin-inline: var(--default-grid-baseline);
}

/* Overwrite the padding to match NcAppNavigationItem */
._button_fpy51_13 {
	padding-inline: 0 calc((var(--default-clickable-area) - 16px) / 2) !important;
.button-vue__text {
		font-weight: normal;
}
}
._content_fpy51_21 {
	display: block;
	padding: 10px;

	/* prevent scrolled contents from stopping too early */
	margin-bottom: calc(-1 * var(--default-grid-baseline));

	/* restrict height of settings and make scrollable */
	max-height: 300px;
	overflow-y: auto;
}
._animationActive_fpy51_33 {
	transition-duration: var(--animation-slow);
	transition-property: max-height, padding;
	overflow-y: hidden !important;
}
._animationStop_fpy51_39 {
	max-height: 0 !important;
	padding: 0 10px !important;
}


.app-navigation-spacer[data-v-277fa710] {
		flex-shrink: 0;
		height: 22px;
}


/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_pq4io_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._appSettingsDialogVersion_pq4io_20 {
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
  color: var(--color-text-maxcontrast);
  margin-block-end: calc(8 * var(--default-grid-baseline));
  margin-inline: var(--form-element-label-offset);
}
._appSettingsDialogVersion__legacy_pq4io_27 {
  margin-inline: 0;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-aed04601] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-settings[data-v-aed04601] .app-settings__navigation {
  min-width: 200px;
  margin-inline-end: calc(4 * var(--default-grid-baseline));
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.app-settings[data-v-aed04601] .app-settings__content {
  padding-inline: calc(4 * var(--default-grid-baseline));
}
.navigation-list[data-v-aed04601] {
  height: 100%;
  overflow-y: auto;
  padding: calc(3 * var(--default-grid-baseline));
}
.navigation-list__link[data-v-aed04601] {
  display: flex;
  align-content: center;
  font-size: 16px;
  height: var(--default-clickable-area);
  margin: 4px 0;
  line-height: var(--default-clickable-area);
  border-radius: var(--border-radius-element);
  font-weight: bold;
  padding: 0 calc(4 * var(--default-grid-baseline));
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: transparent;
  border: none;
}
.navigation-list__link[data-v-aed04601]:hover, .navigation-list__link[data-v-aed04601]:focus {
  background-color: var(--color-background-hover);
}
.navigation-list__link--active[data-v-aed04601] {
  background-color: var(--color-primary-element-light) !important;
}
.navigation-list__link--icon[data-v-aed04601] {
  padding-inline-start: calc(2 * var(--default-grid-baseline));
  gap: var(--default-grid-baseline);
}
.navigation-list__link-icon[data-v-aed04601] {
  display: flex;
  justify-content: center;
  align-content: center;
  width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
  max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
}
@media only screen and (max-width: 512px) {
.app-settings[data-v-aed04601] .dialog__name {
    padding-inline-start: 16px;
}
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/** When having the small dialog style we override the modal styling so dialogs look more dialog like */
@media only screen and (max-width: 512px) {
.dialog__modal .modal-wrapper--small .modal-container {
    width: fit-content;
    height: unset;
    max-height: 90%;
    position: relative;
    top: unset;
    border-radius: var(--border-radius-element);
}
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-ca0b8eba] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.dialog[data-v-ca0b8eba] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.dialog__modal[data-v-ca0b8eba] .modal-wrapper .modal-container {
  display: flex !important;
  padding-block: 4px 0;
  padding-inline: 12px 0;
}
.dialog__modal[data-v-ca0b8eba] .modal-wrapper .modal-container__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dialog__wrapper[data-v-ca0b8eba] {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.dialog__wrapper--collapsed[data-v-ca0b8eba] {
  flex-direction: column;
}
.dialog__navigation[data-v-ca0b8eba] {
  display: flex;
  flex-shrink: 0;
}
.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-ca0b8eba] {
  flex-direction: column;
  overflow: hidden auto;
  height: 100%;
  min-width: 200px;
  margin-inline-end: 20px;
}
.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-ca0b8eba] {
  flex-direction: row;
  justify-content: space-between;
  overflow: auto hidden;
  width: 100%;
  min-width: 100%;
}
.dialog__name[data-v-ca0b8eba] {
  font-size: 21px;
  text-align: center;
  height: fit-content;
  min-height: var(--default-clickable-area);
  line-height: var(--default-clickable-area);
  overflow-wrap: break-word;
  margin-block: 0 12px;
}
.dialog__content[data-v-ca0b8eba] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding-inline-end: 12px;
}
.dialog__text[data-v-ca0b8eba] {
  padding-block-end: 6px;
}
.dialog__actions[data-v-ca0b8eba] {
  display: flex;
  gap: 6px;
  align-content: center;
  justify-content: end;
  width: 100%;
  max-width: 100%;
  padding-inline: 0 12px;
  margin-inline: 0;
  margin-block: 0;
}
.dialog__actions[data-v-ca0b8eba]:not(:empty) {
  margin-block: 6px 12px;
}
@media only screen and (max-width: 512px) {
.dialog__name[data-v-ca0b8eba] {
    text-align: start;
    margin-inline-end: var(--default-clickable-area);
}
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-70dc2566] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.modal-mask[data-v-70dc2566] {
  position: fixed;
  z-index: 9998;
  top: 0;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  height: 100%;
  --backdrop-color: 0, 0, 0;
  background-color: rgba(var(--backdrop-color), 0.5);
}
.modal-mask[data-v-70dc2566], .modal-mask[data-v-70dc2566] * {
  box-sizing: border-box;
}
.modal-mask--opaque[data-v-70dc2566] {
  background-color: rgba(var(--backdrop-color), 0.92);
}
.modal-mask--light[data-v-70dc2566] {
  --backdrop-color: 255, 255, 255;
}
.modal-header[data-v-70dc2566] {
  position: absolute;
  z-index: 10001;
  top: 0;
  inset-inline: 0 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--header-height);
  overflow: hidden;
  transition: opacity 250ms, visibility 250ms;
}
.modal-header__name[data-v-70dc2566] {
  overflow-x: hidden;
  width: 100%;
  padding: 0 calc(var(--default-clickable-area) * 3) 0 12px;
  transition: padding ease 100ms;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  margin-block: 0;
}
@media only screen and (min-width: 1024px) {
.modal-header__name[data-v-70dc2566] {
    padding-inline-start: calc(var(--default-clickable-area) * 3);
    text-align: center;
}
}
.modal-header .icons-menu[data-v-70dc2566] {
  position: absolute;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modal-header .icons-menu .header-close[data-v-70dc2566] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
  padding: 0;
}
.modal-header .icons-menu .play-pause-icons[data-v-70dc2566] {
  position: relative;
  width: var(--header-height);
  height: var(--header-height);
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-70dc2566],
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-70dc2566], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-70dc2566],
.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-70dc2566] {
  opacity: 1;
  border-radius: calc(var(--default-clickable-area) / 2);
  background-color: rgba(127, 127, 127, 0.25);
}
.modal-header .icons-menu .play-pause-icons__play[data-v-70dc2566], .modal-header .icons-menu .play-pause-icons__pause[data-v-70dc2566] {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
  cursor: pointer;
  opacity: 0.7;
}
.modal-header .icons-menu[data-v-70dc2566]  .action-item {
  margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
}
.modal-header .icons-menu[data-v-70dc2566]  .action-item--single {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  cursor: pointer;
  background-position: center;
  background-size: 22px;
}
.modal-header .icons-menu .header-actions[data-v-70dc2566] button:focus-visible {
  box-shadow: none !important;
  outline: 2px solid #fff !important;
}
.modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle {
  padding: 0;
}
.modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle span, .modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle svg {
  width: var(--icon-size);
  height: var(--icon-size);
}
.modal-wrapper[data-v-70dc2566] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  /* Navigation buttons */
}
.modal-wrapper .prev[data-v-70dc2566],
.modal-wrapper .next[data-v-70dc2566] {
  z-index: 10000;
  height: 35vh;
  min-height: 300px;
  position: absolute;
  transition: opacity 250ms;
  color: white;
}
.modal-wrapper .prev[data-v-70dc2566]:focus-visible,
.modal-wrapper .next[data-v-70dc2566]:focus-visible {
  box-shadow: 0 0 0 2px var(--color-primary-element-text);
  background-color: var(--color-box-shadow);
}
.modal-wrapper .prev[data-v-70dc2566] {
  inset-inline-start: 2px;
}
.modal-wrapper .next[data-v-70dc2566] {
  inset-inline-end: 2px;
}
.modal-wrapper[data-v-70dc2566] {
  /* Content */
}
.modal-wrapper .modal-container[data-v-70dc2566] {
  position: relative;
  display: flex;
  padding: 0;
  transition: transform 300ms ease;
  border-radius: var(--border-radius-container);
  background-color: var(--color-main-background);
  color: var(--color-main-text);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}
.modal-wrapper .modal-container__close[data-v-70dc2566] {
  z-index: 1;
  position: absolute;
  top: 4px;
  inset-inline-end: var(--default-grid-baseline);
}
.modal-wrapper .modal-container__content[data-v-70dc2566] {
  width: 100%;
  min-height: 52px;
  overflow: auto;
}
.modal-wrapper--small > .modal-container[data-v-70dc2566] {
  width: 400px;
  max-width: 90%;
  max-height: min(90%, 100% - 2 * var(--header-height));
}
.modal-wrapper--normal > .modal-container[data-v-70dc2566] {
  max-width: 90%;
  width: 600px;
  max-height: min(90%, 100% - 2 * var(--header-height));
}
.modal-wrapper--large > .modal-container[data-v-70dc2566] {
  max-width: 90%;
  width: 900px;
  max-height: min(90%, 100% - 2 * var(--header-height));
}
.modal-wrapper--full > .modal-container[data-v-70dc2566] {
  width: 100%;
  height: calc(100% - var(--header-height));
  position: absolute;
  top: var(--header-height);
  border-radius: 0;
}
@media only screen and ((max-width: 512px) or (max-height: 400px)) {
.modal-wrapper .modal-container[data-v-70dc2566] {
    max-width: initial;
    width: 100%;
    max-height: initial;
    height: calc(100% - var(--header-height));
    position: absolute;
    top: var(--header-height);
    border-radius: 0;
}
}

/* TRANSITIONS */
.fade-enter-active[data-v-70dc2566],
.fade-leave-active[data-v-70dc2566] {
  transition: opacity 250ms;
}
.fade-enter-from[data-v-70dc2566],
.fade-leave-to[data-v-70dc2566] {
  opacity: 0;
}
.fade-visibility-enter-from[data-v-70dc2566],
.fade-visibility-leave-to[data-v-70dc2566] {
  visibility: hidden;
  opacity: 0;
}
.modal-in-enter-active[data-v-70dc2566],
.modal-in-leave-active[data-v-70dc2566],
.modal-out-enter-active[data-v-70dc2566],
.modal-out-leave-active[data-v-70dc2566] {
  transition: opacity 250ms;
}
.modal-in-enter-from[data-v-70dc2566],
.modal-in-leave-to[data-v-70dc2566],
.modal-out-enter-from[data-v-70dc2566],
.modal-out-leave-to[data-v-70dc2566] {
  opacity: 0;
}
.modal-in-enter .modal-container[data-v-70dc2566],
.modal-in-leave-to .modal-container[data-v-70dc2566] {
  transform: scale(0.9);
}
.modal-out-enter .modal-container[data-v-70dc2566],
.modal-out-leave-to .modal-container[data-v-70dc2566] {
  transform: scale(1.1);
}
.modal-mask .play-pause-icons .progress-ring[data-v-70dc2566] {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  transform: rotate(-90deg);
}
.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-70dc2566] {
  transition: 100ms stroke-dashoffset;
  transform-origin: 50% 50%;
  animation: progressring-70dc2566 linear var(--slideshow-duration) infinite;
  stroke-linecap: round;
  stroke-dashoffset: 94.2477796077;
  stroke-dasharray: 94.2477796077;
}
.modal-mask .play-pause-icons--paused .icon-pause[data-v-70dc2566] {
  animation: breath-70dc2566 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-70dc2566] {
  animation-play-state: paused !important;
}
@keyframes progressring-70dc2566 {
from {
    stroke-dashoffset: 94.2477796077;
}
to {
    stroke-dashoffset: 0;
}
}
@keyframes breath-70dc2566 {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-4095bb7f] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-settings-section[data-v-4095bb7f] {
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
  --app-settings-section-text-offset: var(--form-element-label-offset);
  --app-settings-section-content-gap: calc(6 * var(--default-grid-baseline));
  margin-block-end: calc(8 * var(--default-grid-baseline));
}
.app-settings-section__name[data-v-4095bb7f] {
  margin: 0;
  padding-inline: var(--app-settings-section-text-offset);
  padding-block: 0;
  font-size: 20px;
  font-weight: bold;
}
.app-settings-section__description[data-v-4095bb7f] {
  padding-inline: var(--app-settings-section-text-offset);
  color: var(--color-text-maxcontrast);
}
.app-settings-section__content[data-v-4095bb7f] {
  margin-block-start: calc(2 * var(--default-grid-baseline));
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: var(--app-settings-section-content-gap);
}
.app-settings-section__legacy[data-v-4095bb7f] {
  --app-settings-section-text-offset: 0;
  --app-settings-section-content-gap: 0;
}

._appSettingsSectionShortcuts_1trvh_2 {
	display: flex;
	flex-direction: column;
	gap: calc(4 * var(--default-grid-baseline));
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_1y2dv_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._sidebarTabsButton_1y2dv_20 {
  border: none;
  border-bottom: var(--default-grid-baseline) solid transparent !important;
  border-radius: var(--border-radius-small);
  background-color: var(--color-main-background);
  color: var(--color-main-text);
  font-size: var(--default-font-size);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--default-grid-baseline);
  padding: var(--border-radius-small);
  transition: background-color var(--animation-quick), border-bottom-color var(--animation-quick);
  min-width: var(--default-clickable-area);
}
._sidebarTabsButton_1y2dv_20:hover {
  background-color: var(--color-background-hover) !important;
}
._sidebarTabsButton_1y2dv_20:active, ._sidebarTabsButton_1y2dv_20:focus {
  background-color: var(--color-main-background) !important;
}
._sidebarTabsButton_1y2dv_20 * {
  cursor: pointer;
}
._sidebarTabsButton_selected_1y2dv_45 {
  border-bottom-color: var(--color-primary-element) !important;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: default;
}
._sidebarTabsButton_selected_1y2dv_45:hover {
  background-color: var(--color-primary-element-light-hover) !important;
  color: var(--color-primary-element-light-text) !important;
}
._sidebarTabsButton_selected_1y2dv_45 * {
  cursor: default;
}
._sidebarTabsButton__name_1y2dv_59 {
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
._sidebarTabsButton_selected_1y2dv_45 ._sidebarTabsButton__name_1y2dv_59 {
  font-weight: bold;
}
._sidebarTabsButton__icon_1y2dv_70 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._sidebarTabsButton__legacyIcon_1y2dv_76 {
  background-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-1e2d5bfb] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-sidebar-tabs[data-v-1e2d5bfb] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 100%;
}
.app-sidebar-tabs__nav[data-v-1e2d5bfb] {
  display: flex;
  justify-content: stretch;
  margin: 10px 8px 0 8px;
  border-bottom: 1px solid var(--color-border);
}
.app-sidebar-tabs__tab[data-v-1e2d5bfb] {
  flex: 1 1 1px;
}
.app-sidebar-tabs__content[data-v-1e2d5bfb] {
  position: relative;
  min-height: 256px;
  height: 100%;
}
.app-sidebar-tabs__content--multiple[data-v-1e2d5bfb] > :not(section) {
  display: none;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
@property --app-sidebar-offset {
  syntax: "<length>";
  initial-value: 0;
  inherits: true;
}
body {
  /**
   * The padding between the toggle button and the page border
   */
  --app-sidebar-padding: calc(var(--default-grid-baseline, 4px) * 2);
  /**
   * The minimal offset width required to be reserved for the toggle button.
   * Automatically changes to 0 when there is no toggle button.
   */
  --app-sidebar-offset: 0;
  transition: --app-sidebar-offset 0ms !important;
}
body:has(.app-sidebar.slide-right-enter-active),
body:has(.app-sidebar.slide-right-leave-active) {
  transition: --app-sidebar-offset var(--animation-quick);
}
body:has(.app-sidebar__toggle) {
  --app-sidebar-offset: calc(var(--app-sidebar-padding) + var(--default-clickable-area));
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-104e67d6] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/*
	Sidebar: to be used within #content
	app-content will be shrunk properly
*/
.app-sidebar[data-v-104e67d6] {
  --app-sidebar-width: clamp(300px, 27vw, 500px);
  --app-sidebar-padding: calc(var(--default-grid-baseline, 4px) * 2);
  width: var(--app-sidebar-width);
  z-index: 1500;
  top: 0;
  inset-inline-end: 0;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  border-inline-start: 1px solid var(--color-border);
  background: var(--color-main-background);
  position: relative;
}
.app-sidebar__toggle[data-v-104e67d6] {
  position: absolute !important;
  inset-block-start: var(--app-sidebar-padding);
  inset-inline-end: var(--app-sidebar-padding);
  z-index: 1001;
}
.app-sidebar .app-sidebar-header[data-v-104e67d6] {
  --app-sidebar-close-button-offset: calc(var(--default-clickable-area) + var(--app-sidebar-padding));
}
.app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-104e67d6] {
  position: absolute;
  z-index: 100;
  top: var(--app-sidebar-padding);
  inset-inline-end: var(--app-sidebar-padding);
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
}
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info[data-v-104e67d6] {
  flex-direction: row;
}
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__figure[data-v-104e67d6] {
  --figure-size: calc($desc-height + var(--app-sidebar-padding));
  z-index: 2;
  width: var(--figure-size);
  height: var(--figure-size);
  margin: calc(var(--app-sidebar-padding) / 2);
  border-radius: 3px;
  flex: 0 0 auto;
}
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc[data-v-104e67d6] {
  padding-inline-start: 0;
  flex: 1 1 auto;
  min-width: 0;
  padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset));
  padding-top: var(--app-sidebar-padding);
}
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-104e67d6] {
  padding-inline-end: var(--app-sidebar-close-button-offset);
}
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-104e67d6] {
  z-index: 3;
  position: absolute;
  top: calc(var(--app-sidebar-padding) / 2);
  inset-inline-start: calc(-1 * var(--default-clickable-area));
  gap: 0;
}
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__menu[data-v-104e67d6] {
  top: var(--app-sidebar-padding);
  inset-inline-end: var(--app-sidebar-close-button-offset);
  position: absolute;
}
.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__menu[data-v-104e67d6] {
  position: absolute;
  top: var(--app-sidebar-padding);
  inset-inline-end: var(--app-sidebar-close-button-offset);
}
.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc[data-v-104e67d6] {
  padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset));
}
.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-104e67d6] {
  padding-inline-end: var(--app-sidebar-close-button-offset);
}
.app-sidebar .app-sidebar-header .app-sidebar-header__info[data-v-104e67d6] {
  display: flex;
  flex-direction: column;
}
.app-sidebar .app-sidebar-header__figure[data-v-104e67d6] {
  width: 100%;
  height: 250px;
  max-height: 250px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.app-sidebar .app-sidebar-header__figure--with-action[data-v-104e67d6] {
  cursor: pointer;
}
.app-sidebar .app-sidebar-header__desc[data-v-104e67d6] {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-inline: var(--app-sidebar-padding);
  padding-block: var(--app-sidebar-padding) calc(var(--app-sidebar-padding) / 2);
  gap: 0 4px;
}
.app-sidebar .app-sidebar-header__desc--with-tertiary-action[data-v-104e67d6] {
  padding-inline-start: 6px;
}
.app-sidebar .app-sidebar-header__desc--editable .app-sidebar-header__mainname-form[data-v-104e67d6], .app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__mainname-form[data-v-104e67d6] {
  margin-top: -2px;
  margin-bottom: -2px;
}
.app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__subname[data-v-104e67d6] {
  margin-top: -2px;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-104e67d6] {
  display: flex;
  height: var(--default-clickable-area);
  width: var(--default-clickable-area);
  justify-content: center;
  flex: 0 0 auto;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-104e67d6] {
  box-shadow: none;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-104e67d6]:not([aria-pressed=true]):hover {
  box-shadow: none;
  background-color: var(--color-background-hover);
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container[data-v-104e67d6] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container[data-v-104e67d6] {
  display: flex;
  align-items: center;
  min-height: var(--default-clickable-area);
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-104e67d6] {
  padding: 0;
  min-height: 30px;
  font-size: 20px;
  line-height: 30px;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-104e67d6] .linkified {
  cursor: pointer;
  text-decoration: underline;
  margin: 0;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form[data-v-104e67d6] {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form input.app-sidebar-header__mainname-input[data-v-104e67d6] {
  flex: 1 1 auto;
  margin: 0;
  padding: 7px;
  font-size: 20px;
  font-weight: bold;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__menu[data-v-104e67d6] {
  margin-inline-start: 5px;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname[data-v-104e67d6],
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] {
  overflow: hidden;
  width: 100%;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] {
  color: var(--color-text-maxcontrast);
  font-size: var(--default-font-size);
  padding: 0;
}
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] * {
  vertical-align: text-bottom;
}
.app-sidebar .app-sidebar-header .app-sidebar-header__mainname--hidden[data-v-104e67d6] {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  margin: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.app-sidebar .app-sidebar-header__description[data-v-104e67d6] {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
@media only screen and (max-width: 512px) {
.app-sidebar[data-v-104e67d6] {
    position: absolute;
    --app-sidebar-width: 100vw;
}
}
.slide-right-leave-active[data-v-104e67d6],
.slide-right-enter-active[data-v-104e67d6] {
  transition-duration: var(--animation-quick);
  transition-property: margin-inline-end;
}
.slide-right-enter-to[data-v-104e67d6],
.slide-right-leave[data-v-104e67d6] {
  margin-inline-end: 0;
}
.slide-right-enter-from[data-v-104e67d6],
.slide-right-leave-to[data-v-104e67d6] {
  margin-inline-end: calc(-1 * var(--app-sidebar-width));
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-b101d636] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.empty-content[data-v-b101d636] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  /* In case of using in a flex container - flex in advance */
  flex-grow: 1;
  padding: var(--default-grid-baseline);
}
.modal-wrapper .empty-content[data-v-b101d636] {
  margin-top: 5vh;
  margin-bottom: 5vh;
}
.empty-content__icon[data-v-b101d636] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 15px;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 64px;
}
.empty-content__icon[data-v-b101d636] svg {
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
}
.empty-content__name[data-v-b101d636] {
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
}
.empty-content__description[data-v-b101d636] {
  color: var(--color-text-maxcontrast);
  text-align: center;
  text-wrap-style: balance;
}
.empty-content__action[data-v-b101d636] {
  margin-top: 8px;
}
.modal-wrapper .empty-content__action[data-v-b101d636] {
  margin-top: 20px;
  display: flex;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-dba10798] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.app-sidebar__tab[data-v-dba10798] {
  display: none;
  padding: 10px;
  min-height: 100%;
  max-height: 100%;
  height: 100%;
  overflow: auto;
}
.app-sidebar__tab[data-v-dba10798]:focus {
  border-color: var(--color-primary-element);
  box-shadow: 0 0 0.2em var(--color-primary-element);
  outline: 0;
}
.app-sidebar__tab--active[data-v-dba10798] {
  display: block;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_1xe1x_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._assistantButton_1xe1x_20 {
  --assistant-button-color: var(--color-element-assistant, linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));
  --assistant-button-background-color: var(--color-background-assistant, #F6F5FF);
  background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));
  border-radius: var(--border-radius-element);
  height: var(--default-clickable-area);
  width: fit-content;
  padding-inline: 1px;
  padding-block: 1px 2px;
}
._assistantButton_disabled_1xe1x_30 {
  filter: saturate(0.5);
  opacity: 0.5;
}
._assistantButton_primary_1xe1x_34 {
  --assistant-button-color: white;
  --assistant-button-background-color: var(--color-element-assistant,linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));
}
._assistantButton_primary_1xe1x_34 ._assistantButton__icon_1xe1x_38,
._assistantButton_primary_1xe1x_34 ._assistantButton__text_1xe1x_39 {
  color: white !important;
}
._assistantButton__button_1xe1x_42 {
  --button-size: calc(var(--default-clickable-area) - 3px) !important;
  background-color: var(--assistant-button-background-color) !important;
  background-image: var(--assistant-button-background-color) !important;
  border: none !important;
}
._assistantButton__button_1xe1x_42:hover {
  filter: brightness(120%);
}
._assistantButton__text_1xe1x_39 {
  background-image: var(--assistant-button-color);
  color: transparent !important;
  background-clip: text;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_1ndue_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._assistantIcon_1ndue_20 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._assistantIcon_1ndue_20:not(._assistantIcon_inline_1ndue_25) {
  display: flex;
  min-height: var(--default-clickable-area);
  min-width: var(--default-clickable-area);
}
._assistantIcon__svg_1ndue_30 {
  display: inline-block;
  width: var(--6629513e);
  height: var(--6629513e);
  max-width: var(--6629513e);
  max-height: var(--6629513e);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_ri18g_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._assistantContent_ri18g_20 {
  background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));
  border-radius: var(--border-radius-container);
  padding: 2px;
}
._assistantContent__inner_ri18g_25 {
  background-color: var(--color-background-assistant, #F6F5FF);
  border-radius: calc(var(--border-radius-container) - 1px);
  color: var(--color-main-text);
  padding: calc(var(--border-radius-container) - 1px);
  height: 100%;
  width: 100%;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-d7dc2a1f] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.avatardiv[data-v-d7dc2a1f] {
  position: relative;
  display: inline-block;
  width: var(--avatar-size);
  height: var(--avatar-size);
}
.avatardiv--unknown[data-v-d7dc2a1f] {
  position: relative;
  background-color: var(--color-main-background);
  white-space: normal;
}
.avatardiv[data-v-d7dc2a1f]:not(.avatardiv--unknown) {
  background-color: var(--color-main-background) !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
}
.avatardiv--with-menu[data-v-d7dc2a1f] {
  cursor: pointer;
}
.avatardiv--with-menu .action-item[data-v-d7dc2a1f] {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
}
.avatardiv--with-menu[data-v-d7dc2a1f] .action-item__menutoggle {
  cursor: pointer;
  opacity: 0;
}
.avatardiv--with-menu[data-v-d7dc2a1f]:focus-within .action-item__menutoggle, .avatardiv--with-menu[data-v-d7dc2a1f]:hover .action-item__menutoggle, .avatardiv--with-menu.avatardiv--with-menu-loading[data-v-d7dc2a1f] .action-item__menutoggle {
  opacity: 1;
}
.avatardiv--with-menu:focus-within img[data-v-d7dc2a1f], .avatardiv--with-menu:hover img[data-v-d7dc2a1f], .avatardiv--with-menu.avatardiv--with-menu-loading img[data-v-d7dc2a1f] {
  opacity: 0.3;
}
.avatardiv--with-menu[data-v-d7dc2a1f] .action-item__menutoggle,
.avatardiv--with-menu img[data-v-d7dc2a1f] {
  transition: opacity var(--animation-quick);
}
.avatardiv--with-menu[data-v-d7dc2a1f]  .button-vue,
.avatardiv--with-menu[data-v-d7dc2a1f]  .button-vue__icon {
  height: var(--avatar-size);
  min-height: var(--avatar-size);
  width: var(--avatar-size) !important;
  min-width: var(--avatar-size);
}
.avatardiv--with-menu[data-v-d7dc2a1f] >  .button-vue, .avatardiv--with-menu[data-v-d7dc2a1f] >  .action-item .button-vue {
  --button-radius: calc(var(--avatar-size) / 2);
}
.avatardiv .avatardiv__initials-wrapper[data-v-d7dc2a1f] {
  display: block;
  height: var(--avatar-size);
  width: var(--avatar-size);
  background-color: var(--color-main-background);
  border-radius: calc(var(--avatar-size) / 2);
}
.avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-d7dc2a1f] {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: normal;
}
.avatardiv img[data-v-d7dc2a1f] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatardiv .material-design-icon[data-v-d7dc2a1f] {
  width: var(--avatar-size);
  height: var(--avatar-size);
}
.avatardiv .avatardiv__user-status[data-v-d7dc2a1f] {
  --avatar-status-size-orbital: calc(var(--avatar-size) * (1 - 1 / sqrt(2)));
  --avatar-status-size-min: var(--font-size-small);
  --avatar-status-size: max(var(--avatar-status-size-orbital), var(--avatar-status-size-min));
  box-sizing: border-box;
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
  height: var(--avatar-status-size);
  width: var(--avatar-status-size);
  line-height: 1;
  font-size: calc(var(--avatar-status-size) / 1.2);
  background-color: var(--color-main-background);
  background-repeat: no-repeat;
  background-size: var(--avatar-status-size);
  background-position: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.acli:hover .avatardiv .avatardiv__user-status[data-v-d7dc2a1f] {
  border-color: var(--color-background-hover);
  background-color: var(--color-background-hover);
}
.acli.active .avatardiv .avatardiv__user-status[data-v-d7dc2a1f] {
  border-color: var(--color-primary-element-light);
  background-color: var(--color-primary-element-light);
}
.avatardiv .avatardiv__user-status--icon[data-v-d7dc2a1f] {
  border: none;
  background-color: transparent;
}
.avatardiv .popovermenu-wrapper[data-v-d7dc2a1f] {
  position: relative;
  display: inline-block;
}
.avatar-class-icon[data-v-d7dc2a1f] {
  display: block;
  border-radius: calc(var(--avatar-size) / 2);
  background-color: var(--color-background-darker);
  height: 100%;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-45238efd] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.mention-bubble--primary .mention-bubble__content[data-v-45238efd] {
  color: var(--color-primary-element-text);
  background-color: var(--color-primary-element);
}
.mention-bubble__wrapper[data-v-45238efd] {
  position: relative;
  max-width: 150px;
  height: 18px;
  vertical-align: text-bottom;
  display: inline-flex;
  align-items: center;
}
.mention-bubble__content[data-v-45238efd] {
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  max-width: 100%;
  height: 20px;
  -webkit-user-select: none;
  user-select: none;
  padding-inline: 2px 6px;
  border-radius: 10px;
  background-color: var(--color-background-dark);
}
.mention-bubble__icon[data-v-45238efd] {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--color-background-darker);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}
.mention-bubble__icon--with-avatar[data-v-45238efd] {
  color: inherit;
  background-size: cover;
}
.mention-bubble__title[data-v-45238efd] {
  overflow: hidden;
  margin-inline-start: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mention-bubble__title[data-v-45238efd]::before {
  content: attr(title);
}
.mention-bubble__select[data-v-45238efd] {
  position: absolute;
  z-index: -1;
  inset-inline-start: -100vw;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-881a79fb] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.user-status-icon[data-v-881a79fb] {
  --user-status-color-online: #2D7B41;
  --user-status-color-busy: #DB0606;
  --user-status-color-away: #C88800;
  --user-status-color-offline: #6B6B6B;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-status-icon--invisible[data-v-881a79fb] {
  filter: var(--background-invert-if-dark);
}
.user-status-icon[data-v-881a79fb] svg {
  width: 100%;
  height: 100%;
}

._fadeTransition_13rtj_2 {
	transition: all var(--animation-quick) ease;
}
._fadeTransitionActive_13rtj_6 {
	opacity: 0;
	position: absolute;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-28ef52a4] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.vue-crumb[data-v-28ef52a4] {
  background-image: none;
  display: inline-flex;
  height: var(--default-clickable-area);
  padding: 0;
}
.vue-crumb[data-v-28ef52a4]:last-child {
  min-width: 0;
}
.vue-crumb:last-child .vue-crumb__separator[data-v-28ef52a4] {
  display: none;
}
.vue-crumb--hidden[data-v-28ef52a4] {
  display: none;
}
.vue-crumb__separator[data-v-28ef52a4] {
  padding: 0;
  color: var(--color-text-maxcontrast);
}
.vue-crumb.vue-crumb--hovered[data-v-28ef52a4] .button-vue {
  background-color: var(--color-background-dark);
  color: var(--color-main-text);
}
.vue-crumb[data-v-28ef52a4]:not(:last-child)  .button-vue {
  color: var(--color-text-maxcontrast);
}
.vue-crumb[data-v-28ef52a4]:not(:last-child)  .button-vue:hover, .vue-crumb[data-v-28ef52a4]:not(:last-child)  .button-vue:focus {
  background-color: var(--color-background-dark);
  color: var(--color-main-text);
}
.vue-crumb[data-v-28ef52a4]:not(:last-child)  .button-vue__text {
  font-weight: normal;
}
.vue-crumb[data-v-28ef52a4] .button-vue__text {
  margin: 0;
}
.vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item {
  max-width: 100%;
}
.vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item .button-vue {
  padding: 0 4px 0 16px;
  max-width: 100%;
}
.vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item .button-vue__wrapper {
  flex-direction: row-reverse;
}
.vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item.action-item--open .action-item__menutoggle {
  background-color: var(--color-background-dark);
  color: var(--color-main-text);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-af2b1226] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.breadcrumb[data-v-af2b1226] {
  width: 100%;
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
}
.breadcrumb--collapsed[data-v-af2b1226] .vue-crumb:last-child {
  min-width: 100px;
}
.breadcrumb nav[data-v-af2b1226] {
  flex-shrink: 1;
  min-width: 0;
}
.breadcrumb .breadcrumb__crumbs[data-v-af2b1226] {
  max-width: 100%;
}
.breadcrumb .breadcrumb__crumbs[data-v-af2b1226], .breadcrumb .breadcrumb__actions[data-v-af2b1226] {
  display: inline-flex;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-2aa1d7ea] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.nc-chip[data-v-2aa1d7ea] {
  --chip-size: 24px;
  --chip-radius: calc(var(--chip-size) / 2);
  height: var(--chip-size);
  max-width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: var(--chip-radius);
  background-color: var(--color-background-hover);
}
.nc-chip--primary[data-v-2aa1d7ea] {
  background-color: var(--color-primary-element);
  color: var(--color-primary-element-text);
}
.nc-chip--secondary[data-v-2aa1d7ea] {
  background-color: var(--color-primary-element-light);
  color: var(--color-primary-element-light-text);
}
.nc-chip--error[data-v-2aa1d7ea] {
  background-color: var(--color-error);
  color: var(--color-error-text);
}
.nc-chip--warning[data-v-2aa1d7ea] {
  background-color: var(--color-warning);
  color: var(--color-warning-text);
}
.nc-chip--success[data-v-2aa1d7ea] {
  background-color: var(--color-success);
  color: var(--color-success-text);
}
.nc-chip--no-actions .nc-chip__text[data-v-2aa1d7ea] {
  padding-inline-end: calc(2 * var(--default-grid-baseline));
}
.nc-chip--no-icon .nc-chip__text[data-v-2aa1d7ea] {
  padding-inline-start: calc(2 * var(--default-grid-baseline));
}
.nc-chip__text[data-v-2aa1d7ea] {
  flex: 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.nc-chip__icon[data-v-2aa1d7ea] {
  flex: 0 0 var(--chip-size);
  margin-inline-end: var(--default-grid-baseline);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: var(--chip-size);
  width: var(--chip-size);
}
.nc-chip__actions[data-v-2aa1d7ea] {
  flex: 0 0 var(--chip-size);
  --default-clickable-area: var(--chip-size);
  --border-radius-element: var(--chip-radius);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-52d18b4a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.fade-enter-active[data-v-52d18b4a], .fade-leave-active[data-v-52d18b4a] {
  transition: opacity 0.3s ease;
}
.fade-enter[data-v-52d18b4a], .fade-leave-to[data-v-52d18b4a] {
  opacity: 0;
}
.linked-icons[data-v-52d18b4a] {
  display: flex;
}
.linked-icons img[data-v-52d18b4a] {
  padding: 12px;
  height: var(--default-clickable-area);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.7;
}
.linked-icons img[data-v-52d18b4a]:hover {
  opacity: 1;
}
.popovermenu[data-v-52d18b4a] {
  display: none;
}
.popovermenu.open[data-v-52d18b4a] {
  display: block;
}
li.collection-list-item[data-v-52d18b4a] {
  flex-wrap: wrap;
  height: auto;
  cursor: pointer;
  margin-bottom: 0 !important;
}
li.collection-list-item .collection-avatar[data-v-52d18b4a] {
  margin-top: 0;
}
li.collection-list-item form[data-v-52d18b4a], li.collection-list-item .collection-item-name[data-v-52d18b4a] {
  flex-basis: 10%;
  flex-grow: 1;
  display: flex;
}
li.collection-list-item .collection-item-name[data-v-52d18b4a] {
  padding: 12px 9px;
}
li.collection-list-item input[data-v-52d18b4a] {
  margin-top: 4px;
  border-color: var(--color-border-maxcontrast);
}
li.collection-list-item input[type=text][data-v-52d18b4a] {
  flex-grow: 1;
}
li.collection-list-item .error[data-v-52d18b4a] {
  flex-basis: 100%;
  width: 100%;
}
li.collection-list-item .resource-list-details[data-v-52d18b4a] {
  flex-basis: 100%;
  width: 100%;
}
li.collection-list-item .resource-list-details li[data-v-52d18b4a] {
  display: flex;
  margin-inline-start: var(--default-clickable-area);
  border-radius: 3px;
  cursor: pointer;
}
li.collection-list-item .resource-list-details li[data-v-52d18b4a]:hover {
  background-color: var(--color-background-dark);
}
li.collection-list-item .resource-list-details li a[data-v-52d18b4a] {
  flex-grow: 1;
  padding: 3px;
  max-width: calc(100% - 30px);
  display: flex;
}
li.collection-list-item .resource-list-details span[data-v-52d18b4a] {
  display: inline-block;
  vertical-align: top;
  margin-inline-end: 10px;
}
li.collection-list-item .resource-list-details span.resource-name[data-v-52d18b4a] {
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
  flex-grow: 1;
  padding: 4px;
}
li.collection-list-item .resource-list-details img[data-v-52d18b4a] {
  width: 24px;
  height: 24px;
}
li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a] {
  opacity: 0.7;
}
li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a]:hover, li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a]:focus {
  opacity: 1;
}
.should-shake[data-v-52d18b4a] {
  animation: shake-52d18b4a 0.6s 1 linear;
}
@keyframes shake-52d18b4a {
0% {
    transform: translate(15px);
}
20% {
    transform: translate(-15px);
}
40% {
    transform: translate(7px);
}
60% {
    transform: translate(-7px);
}
80% {
    transform: translate(3px);
}
100% {
    transform: translate(0px);
}
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-d175e795] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.collection-list[data-v-d175e795] * {
  box-sizing: border-box;
}
.collection-list > li[data-v-d175e795] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.collection-list > li > .avatar[data-v-d175e795] {
  margin-top: 0;
}
#collection-select-container[data-v-d175e795] {
  display: flex;
  flex-direction: column;
}
.v-select span.avatar[data-v-d175e795] {
  display: block;
  padding: 16px;
  opacity: 0.7;
  background-repeat: no-repeat;
  background-position: center;
}
.v-select span.avatar[data-v-d175e795]:hover {
  opacity: 1;
}
p.hint[data-v-d175e795] {
  z-index: 1;
  margin-top: -16px;
  padding: 8px 8px;
  color: var(--color-text-maxcontrast);
  line-height: normal;
}
div.avatar[data-v-d175e795] {
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 8px;
  background-color: var(--color-background-dark);
  margin-top: 30px;
}

/** TODO provide white icon in core */
.icon-projects[data-v-d175e795] {
  display: block;
  padding: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.option__wrapper[data-v-d175e795] {
  display: flex;
}
.option__wrapper .avatar[data-v-d175e795] {
  display: block;
  width: 32px;
  height: 32px;
  background-color: var(--color-background-darker) !important;
}
.option__wrapper .option__title[data-v-d175e795] {
  padding: 4px;
}
.fade-enter-active[data-v-d175e795], .fade-leave-active[data-v-d175e795] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-d175e795], .fade-leave-to[data-v-d175e795] {
  opacity: 0;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-3d24879b] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.color-picker[data-v-3d24879b] {
  display: flex;
  overflow: hidden;
  align-content: flex-end;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--border-radius-element);
  min-width: calc(4 * var(--default-clickable-area) + 2 * var(--border-radius-element));
}
.color-picker--clearable[data-v-3d24879b] {
  min-width: calc(5 * var(--default-clickable-area) + 2 * var(--border-radius-element));
}
.color-picker--advanced-fields[data-v-3d24879b] {
  min-width: 264px;
}
.color-picker__clear[data-v-3d24879b] {
  color: var(--color-main-text);
}
.color-picker__clear[data-v-3d24879b]:hover:not(:has(:checked)) {
  color: var(--color-text-maxcontrast);
}
.color-picker__simple[data-v-3d24879b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--default-clickable-area));
  grid-auto-rows: var(--default-clickable-area);
}
.color-picker__simple-color-circle[data-v-3d24879b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--default-clickable-area) - 10px);
  height: calc(var(--default-clickable-area) - 10px);
  min-height: calc(var(--default-clickable-area) - 10px);
  margin: auto;
  padding: 0;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  font-size: 16px;
}
.color-picker__simple-color-circle[data-v-3d24879b]:focus-within {
  outline: 2px solid var(--color-main-text);
}
.color-picker__simple-color-circle[data-v-3d24879b]:hover {
  opacity: 0.6;
}
.color-picker__simple-color-circle--active[data-v-3d24879b] {
  width: calc(var(--default-clickable-area) - 6px);
  height: calc(var(--default-clickable-area) - 6px);
  min-height: calc(var(--default-clickable-area) - 6px);
  transition: all 100ms ease-in-out;
  opacity: 1 !important;
}
.color-picker__advanced[data-v-3d24879b] {
  box-shadow: none !important;
}
.color-picker__navigation[data-v-3d24879b] {
  display: flex;
  flex-direction: row;
  gap: var(--default-grid-baseline);
  justify-content: space-between;
  margin-top: calc(2 * var(--default-grid-baseline));
}
[data-v-3d24879b]  .vc-chrome {
  width: unset;
  background-color: var(--color-main-background);
}
[data-v-3d24879b]  .vc-chrome-color-wrap {
  width: 30px;
  height: 30px;
}
[data-v-3d24879b]  .vc-chrome-active-color {
  border-radius: 17px;
}
[data-v-3d24879b]  .vc-chrome-body {
  padding: 14px 0 0 0;
  background-color: var(--color-main-background);
}
[data-v-3d24879b]  .vc-chrome-body .vc-input__input {
  --input-border-radius: var(--border-radius-element);
  --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
  width: 100%;
  height: var(--default-clickable-area);
  margin: 0;
  padding-inline: calc(var(--border-radius-element) + var(--input-border-width-offset));
  padding-block: var(--input-border-width-offset);
  border: var(--border-width-input, 2px) solid var(--color-border-maxcontrast);
  border-radius: var(--input-border-radius);
  font-size: var(--default-font-size);
  color: var(--color-main-text);
  box-shadow: none;
}
[data-v-3d24879b]  .vc-chrome-body .vc-input__input:active:not([disabled]),[data-v-3d24879b]  .vc-chrome-body .vc-input__input:hover:not([disabled]),[data-v-3d24879b]  .vc-chrome-body .vc-input__input:focus:not([disabled]) {
  --input-border-width-offset: 0px;
  border-color: var(--color-main-text);
  border-width: var(--border-width-input-focused, 2px);
  box-shadow: 0 0 0 2px var(--color-main-background) !important;
}
[data-v-3d24879b]  .vc-chrome-body .vc-input__input:active:not([disabled]) + .vc-input__label,[data-v-3d24879b]  .vc-chrome-body .vc-input__input:hover:not([disabled]) + .vc-input__label,[data-v-3d24879b]  .vc-chrome-body .vc-input__input:focus:not([disabled]) + .vc-input__label {
  color: var(--color-main-text);
}
[data-v-3d24879b]  .vc-chrome-body .vc-input__label {
  position: absolute;
  inset-inline: var(--border-width-input-focused, 2px);
  inset-block-start: calc(-1.5 * var(--font-size-small, 13px) / 2);
  max-width: fit-content;
  margin-inline: calc(var(--border-radius-element) - var(--default-grid-baseline));
  margin-block: 0;
  padding-inline: var(--default-grid-baseline);
  font-family: var(--font-face);
  font-size: var(--font-size-small, 13px);
  line-height: 1.5;
  font-weight: 500;
  color: var(--color-text-maxcontrast);
  background-color: var(--color-main-background);
  pointer-events: none;
}
[data-v-3d24879b]  .vc-chrome-toggle-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  margin-inline-start: 6px;
  filter: var(--background-invert-if-dark);
}
[data-v-3d24879b]  .vc-chrome-toggle-icon {
  width: 24px;
  height: 24px;
  margin: 0;
}
[data-v-3d24879b]  .vc-chrome-toggle-icon-highlight {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  inset: 0;
}
[data-v-3d24879b]  .vc-chrome-saturation-wrap {
  border-radius: 3px;
}
[data-v-3d24879b]  .vc-chrome-saturation-circle {
  width: 20px;
  height: 20px;
}
.slide-enter-from[data-v-3d24879b] {
  transform: translateX(-50%);
  opacity: 0;
}
.slide-enter-to[data-v-3d24879b] {
  transform: translateX(0);
  opacity: 1;
}
.slide-leave-from[data-v-3d24879b] {
  transform: translateX(0);
  opacity: 1;
}
.slide-leave-to[data-v-3d24879b] {
  transform: translateX(-50%);
  opacity: 0;
}
.slide-enter-active[data-v-3d24879b], .slide-leave-active[data-v-3d24879b] {
  transition: all 50ms ease-in-out;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
#skip-actions.vue-skip-actions:focus-within {
  top: 0 !important;
  inset-inline-start: 0 !important;
  width: 100vw;
  height: 100vh;
  padding: var(--body-container-margin) !important;
  backdrop-filter: brightness(50%);
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-d9b0d7e8] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.vue-skip-actions__container[data-v-d9b0d7e8] {
  background-color: var(--color-main-background);
  border-radius: var(--border-radius-element);
  padding: 22px;
}
.vue-skip-actions__headline[data-v-d9b0d7e8] {
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 12px;
}
.vue-skip-actions__buttons[data-v-d9b0d7e8] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.vue-skip-actions__buttons[data-v-d9b0d7e8] > * {
  flex: 1 0 fit-content;
}
.vue-skip-actions__image[data-v-d9b0d7e8] {
  margin-top: 12px;
}
.vue-skip-actions__image[data-v-d9b0d7e8]:dir(rtl) {
  transform: rotateY(180deg);
}
.content[data-v-d9b0d7e8] {
  display: flex;
  width: calc(100% - var(--body-container-margin) * 2);
  border-radius: var(--body-container-radius);
  height: var(--body-height);
  overflow: hidden;
  padding: 0;
}
.content[data-v-d9b0d7e8]:not(.with-sidebar--full) {
  position: fixed;
}
.content[data-v-d9b0d7e8], .content[data-v-d9b0d7e8] * {
  box-sizing: border-box;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-36ffc13f] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.counter-bubble__counter[data-v-36ffc13f] {
  --counter-bubble-height: 22px;
  font-size: var(--font-size-small, 13px);
  overflow: hidden;
  width: fit-content;
  min-width: var(--counter-bubble-height);
  text-align: center;
  line-height: var(--counter-bubble-height);
  padding: 0 calc(1.5 * var(--default-grid-baseline));
  border-radius: 0.5lh;
  background-color: var(--color-primary-element-light);
  font-weight: bold;
  color: var(--color-primary-element-light-text);
}
.counter-bubble__counter .active[data-v-36ffc13f] {
  color: var(--color-main-background);
  background-color: var(--color-primary-element-light);
}
.counter-bubble__counter--highlighted[data-v-36ffc13f] {
  color: var(--color-primary-element-text);
  background-color: var(--color-primary-element);
}
.counter-bubble__counter--highlighted.active[data-v-36ffc13f] {
  color: var(--color-primary-element);
  background-color: var(--color-main-background);
}
.counter-bubble__counter--outlined[data-v-36ffc13f] {
  color: var(--color-primary-element);
  background: transparent;
  box-shadow: inset 0 0 0 2px;
}
.counter-bubble__counter--outlined.active[data-v-36ffc13f] {
  color: var(--color-main-background);
  box-shadow: inset 0 0 0 2px;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-6b5fc397] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.dashboard-widget[data-v-6b5fc397] .empty-content {
  text-align: center;
  padding-top: 5vh;
}
.dashboard-widget[data-v-6b5fc397] .empty-content.half-screen {
  padding-top: 0;
  margin-bottom: 1vh;
}
.more[data-v-6b5fc397] {
  display: block;
  text-align: center;
  color: var(--color-text-maxcontrast);
  line-height: 60px;
  cursor: pointer;
}
.more[data-v-6b5fc397]:hover, .more[data-v-6b5fc397]:focus {
  background-color: var(--color-background-hover);
  border-radius: var(--border-radius-element);
  color: var(--color-main-text);
}

/* skeleton */
.item-list__entry[data-v-6b5fc397] {
  display: flex;
  align-items: flex-start;
  padding: 8px;
}
.item-list__entry .item-avatar[data-v-6b5fc397] {
  position: relative;
  margin-block: auto;
  background-color: var(--color-background-dark) !important;
}
.item-list__entry .item__details[data-v-6b5fc397] {
  padding-inline-start: 8px;
  max-height: var(--default-clickable-area);
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.item-list__entry .item__details h3[data-v-6b5fc397],
.item-list__entry .item__details .message[data-v-6b5fc397] {
  white-space: nowrap;
  background-color: var(--color-background-dark);
}
.item-list__entry .item__details h3[data-v-6b5fc397] {
  font-size: 100%;
  margin: 0;
}
.item-list__entry .item__details .message[data-v-6b5fc397] {
  width: 80%;
  height: 15px;
  margin-top: 5px;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-c033ba26] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.item-list__entry[data-v-c033ba26] {
  display: flex;
  align-items: center;
  position: relative;
  padding: 8px;
}
.item-list__entry[data-v-c033ba26]:hover, .item-list__entry[data-v-c033ba26]:focus {
  background-color: var(--color-background-hover);
  border-radius: var(--border-radius-element);
}
.item-list__entry .item-avatar[data-v-c033ba26] {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
}
.item-list__entry .item__details[data-v-c033ba26] {
  padding-inline-start: 8px;
  max-height: fit-content;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--default-clickable-area);
}
.item-list__entry .item__details h3[data-v-c033ba26],
.item-list__entry .item__details .message[data-v-c033ba26] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-list__entry .item__details .message span[data-v-c033ba26] {
  width: 10px;
  display: inline-block;
  margin-bottom: -3px;
}
.item-list__entry .item__details h3[data-v-c033ba26] {
  font-size: 100%;
  margin: 0;
}
.item-list__entry .item__details .message[data-v-c033ba26] {
  width: 100%;
  color: var(--color-text-maxcontrast);
}
.item-list__entry .item-icon[data-v-c033ba26] {
  position: relative;
  width: 14px;
  height: 14px;
  margin-top: 25px;
  margin-inline: -10px -2px;
}
.item-list__entry button.primary[data-v-c033ba26] {
  padding: 21px;
  margin: 0;
}

/*
.content-popover {
	height: 0px;
	width: 0px;
	margin-inline: auto;
}
.popover-container {
	width: 100%;
	height: 0px;
}
*/
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-02e90461] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461] {
  --dp-common-transition: all var(--animation-quick) ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: var(--animation-quick);
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transtion: all 0.2s ease-in;
  --dp-font-family: var(--font-face);
  --dp-border-radius: var(--border-radius-element);
  --dp-cell-border-radius: var(--border-radius-small);
  --dp-transition-length: 22px;
  --dp-transition-timing-general: var(--animation-quick);
  --dp-button-height: var(--default-clickable-area);
  --dp-month-year-row-height: var(--default-clickable-area);
  --dp-month-year-row-button-size: var(--clickable-area-small);
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: var(--default-clickable-area);
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: var(--default-clickable-area);
  --dp-input-padding: 6px 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: 0.5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: var(--default-clickable-area);
  --dp-font-size: 1rem;
  --dp-preview-font-size: var(--font-size-small);
  --dp-time-font-size: 2rem;
  --dp-action-button-height: var(--clickable-area-small);
  --dp-action-row-padding: 8px;
  --dp-direction: ltr;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_wrap {
  position: relative;
  width: 100%;
  box-sizing: unset;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_wrap:focus {
  border-color: var(--dp-border-color-hover);
  outline: none;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_valid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
  border-color: var(--dp-success-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_valid:hover {
  border-color: var(--dp-success-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_invalid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
  border-color: var(--dp-danger-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_invalid:hover {
  border-color: var(--dp-danger-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input {
  background-color: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  font-family: var(--dp-font-family);
  border: 1px solid var(--dp-border-color);
  outline: none;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: var(--dp-input-padding);
  color: var(--dp-text-color);
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input::placeholder {
  opacity: 0.7;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input:hover:not(.dp__input_focus) {
  border-color: var(--dp-border-color-hover);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_not_clearable {
  padding-inline-end: var(--dp-input-not-clearable-padding) !important;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_reg {
  caret-color: rgba(0, 0, 0, 0);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_focus {
  border-color: var(--dp-border-color-focus);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__disabled {
  background: var(--dp-disabled-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__disabled::placeholder {
  color: var(--dp-disabled-color-text);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_icons {
  display: inline-block;
  width: var(--dp-font-size);
  height: var(--dp-font-size);
  stroke-width: 0;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: 6px 12px;
  color: var(--dp-icon-color);
  box-sizing: content-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_icon {
  cursor: pointer;
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  color: var(--dp-icon-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--clear-btn {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--dp-icon-color);
  background: rgba(0, 0, 0, 0);
  border: none;
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_icon_pad {
  padding-inline-start: var(--dp-input-icon-padding);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu {
  background: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  min-width: var(--dp-menu-min-width);
  font-family: var(--dp-font-family);
  font-size: var(--dp-font-size);
  user-select: none;
  border: 1px solid var(--dp-menu-border-color);
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu::after {
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu::before {
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu:focus {
  border: 1px solid var(--dp-menu-border-color);
  outline: none;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--menu-wrapper {
  position: absolute;
  z-index: 99999;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu_inner {
  padding: var(--dp-menu-padding);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--menu--inner-stretched {
  padding: 6px 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu_index {
  z-index: 99999;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-loading, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu_readonly, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu_disabled {
  position: absolute;
  inset: 0;
  z-index: 999999;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu_disabled {
  background: hsla(0, 0%, 100%, 0.5);
  cursor: not-allowed;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu_readonly {
  background: rgba(0, 0, 0, 0);
  cursor: default;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-loading {
  background: hsla(0, 0%, 100%, 0.5);
  cursor: default;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--menu-load-container {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--menu-loader {
  width: 48px;
  height: 48px;
  border: var(--dp-loader);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: dp-load-rotation-02e90461 1s linear infinite;
  position: absolute;
}
@keyframes dp-load-rotation-02e90461 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__arrow_top {
  left: var(--dp-arrow-left);
  top: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-top: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__arrow_bottom {
  left: var(--dp-arrow-left);
  bottom: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-bottom: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_extra {
  text-align: center;
  padding: 2px 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-dates {
  padding: 5px;
  border-inline-end: 1px solid var(--dp-border-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-dates[data-dp-mobile] {
  display: flex;
  align-self: center;
  border: none;
  overflow-x: auto;
  max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-dates-collapsed {
  display: flex;
  align-self: center;
  border: none;
  overflow-x: auto;
  max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__sidebar_left {
  padding: 5px;
  border-inline-end: 1px solid var(--dp-border-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__sidebar_right {
  padding: 5px;
  margin-inline-end: 1px solid var(--dp-border-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-range {
  display: block;
  width: 100%;
  padding: 5px;
  text-align: left;
  white-space: nowrap;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  transition: var(--dp-common-transition);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-range:hover {
  background-color: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  cursor: pointer;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-range[data-dp-mobile] {
  border: 1px solid var(--dp-border-color);
  margin: 0 3px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-range[data-dp-mobile]:first-child {
  margin-left: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-range[data-dp-mobile]:last-child {
  margin-right: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-range-collapsed {
  border: 1px solid var(--dp-border-color);
  margin: 0 3px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-range-collapsed:first-child {
  margin-left: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--preset-range-collapsed:last-child {
  margin-right: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu_content_wrapper {
  display: flex;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__menu_content_wrapper[data-dp-mobile] {
  flex-direction: column-reverse;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--menu-content-wrapper-collapsed {
  flex-direction: column-reverse;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__calendar_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dp-text-color);
  white-space: nowrap;
  font-weight: bold;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__calendar_header_item {
  text-align: center;
  flex-grow: 1;
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__calendar_row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--dp-row-margin);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__calendar_item {
  text-align: center;
  flex-grow: 1;
  box-sizing: border-box;
  color: var(--dp-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__calendar {
  position: relative;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__calendar_header_cell {
  border-bottom: thin solid var(--dp-border-color);
  padding: var(--dp-calendar-header-cell-padding);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_inner {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: var(--dp-cell-border-radius);
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  border: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  position: relative;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_inner:hover {
  transition: all 0.2s;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_auto_range_start, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__range_start {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_auto_range_end, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__range_end {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__range_end, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__range_start, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__active_date {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__date_hover:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_offset {
  color: var(--dp-secondary-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_disabled {
  color: var(--dp-secondary-color);
  cursor: not-allowed;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__range_between {
  background: var(--dp-range-between-dates-background-color);
  color: var(--dp-range-between-dates-text-color);
  border-radius: 0;
  border: 1px solid var(--dp-range-between-border-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__range_between_week {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border-radius: 0;
  border-top: 1px solid var(--dp-primary-color);
  border-bottom: 1px solid var(--dp-primary-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__today {
  border: 1px solid var(--dp-primary-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__week_num {
  color: var(--dp-secondary-color);
  text-align: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_auto_range {
  border-radius: 0;
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_auto_range_start {
  border-start-start-radius: var(--dp-cell-border-radius);
  border-end-start-radius: var(--dp-cell-border-radius);
  border-inline-start: 1px dashed var(--dp-primary-color);
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_auto_range_end {
  border-start-end-radius: var(--dp-cell-border-radius);
  border-end-end-radius: var(--dp-cell-border-radius);
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
  border-inline-end: 1px dashed var(--dp-primary-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__calendar_header_separator {
  width: 100%;
  height: 1px;
  background: var(--dp-border-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__calendar_next {
  margin-inline-start: var(--dp-multi-calendars-spacing);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__marker_line, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__marker_dot {
  height: 5px;
  background-color: var(--dp-marker-color);
  position: absolute;
  bottom: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__marker_dot {
  width: 5px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__marker_line {
  width: 100%;
  left: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__marker_tooltip {
  position: absolute;
  border-radius: var(--dp-border-radius);
  background-color: var(--dp-tooltip-color);
  padding: 5px;
  border: 1px solid var(--dp-border-color);
  z-index: 99999;
  box-sizing: border-box;
  cursor: default;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__tooltip_content {
  white-space: nowrap;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__tooltip_text {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  color: var(--dp-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__tooltip_mark {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--dp-text-color);
  color: var(--dp-text-color);
  margin-inline-end: 5px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__arrow_bottom_tp {
  bottom: 0;
  height: 8px;
  width: 8px;
  background-color: var(--dp-tooltip-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-border-color);
  border-bottom: 1px solid var(--dp-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__instance_calendar {
  position: relative;
  width: 100%;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__flex_display[data-dp-mobile] {
  flex-direction: column;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--flex-display-collapsed {
  flex-direction: column;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_highlight {
  background-color: var(--dp-highlight-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__month_year_row {
  display: flex;
  align-items: center;
  height: var(--dp-month-year-row-height);
  color: var(--dp-text-color);
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inner_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: var(--dp-month-year-row-button-size);
  width: var(--dp-month-year-row-button-size);
  color: var(--dp-icon-color);
  text-align: center;
  border-radius: 50%;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inner_nav svg {
  height: var(--dp-button-icon-height);
  width: var(--dp-button-icon-height);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inner_nav:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  [dir=rtl] .dp__inner_nav {
  transform: rotate(180deg);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inner_nav_disabled:hover, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inner_nav_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--year-select, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__month_year_select {
  text-align: center;
  cursor: pointer;
  height: var(--dp-month-year-row-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--dp-border-radius);
  box-sizing: border-box;
  color: var(--dp-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--year-select:hover, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__month_year_select:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__month_year_select {
  width: 50%;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--year-select {
  width: 100%;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__month_year_wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__year_disable_select {
  justify-content: space-around;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--header-wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay {
  width: 100%;
  background: var(--dp-background-color);
  transition: opacity 1s ease-out;
  z-index: 99999;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--overlay-absolute {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--overlay-relative {
  position: relative;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_container::-webkit-scrollbar-track {
  box-shadow: var(--dp-scroll-bar-background);
  background-color: var(--dp-scroll-bar-background);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_container::-webkit-scrollbar {
  width: 5px;
  background-color: var(--dp-scroll-bar-background);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_container::-webkit-scrollbar-thumb {
  background-color: var(--dp-scroll-bar-color);
  border-radius: 10px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay:focus {
  border: none;
  outline: none;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__container_flex {
  display: flex;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__container_block {
  display: block;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_container {
  flex-direction: column;
  overflow-y: auto;
  height: var(--dp-overlay-height);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_picker_overlay_container {
  height: 100%;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_row {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  margin-inline: auto;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  align-items: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__flex_row {
  flex: 1;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_col {
  box-sizing: border-box;
  width: 33%;
  padding: var(--dp-overlay-col-padding);
  white-space: nowrap;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_cell_pad {
  padding: var(--dp-common-padding) 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_cell_active {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_cell {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_cell:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__cell_in_between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__over_action_scroll {
  right: 5px;
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_cell_disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_cell_disabled:hover {
  background: var(--dp-disabled-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_cell_active_disabled {
  cursor: not-allowed;
  background: var(--dp-primary-disabled-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__overlay_cell_active_disabled:hover {
  background: var(--dp-primary-disabled-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__btn, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp--qr-btn, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp--time-overlay-btn, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp--time-invalid {
  border: none;
  font: inherit;
  transition: var(--dp-common-transition);
  line-height: normal;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--year-mode-picker {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: var(--dp-cell-size);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--tp-wrap {
  max-width: var(--dp-menu-min-width);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--tp-wrap[data-dp-mobile] {
  max-width: 100%;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_input {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col_reg_block {
  padding: 0 20px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col_reg_inline {
  padding: 0 10px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col_reg_with_button {
  padding: 0 15px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col_reg_with_button[data-compact~=true] {
  padding: 0 5px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col_sec {
  padding: 0 10px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col_sec_with_button {
  padding: 0 5px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col_sec_with_button[data-collapsed~=true] {
  padding: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_col_block {
  font-size: var(--dp-time-font-size);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_display_block {
  padding: 0 3px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_display_inline {
  padding: 5px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_picker_inline_container {
  display: flex;
  width: 100%;
  justify-content: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inc_dec_button {
  padding: 5px;
  margin: 0;
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  color: var(--dp-icon-color);
  box-sizing: border-box;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inc_dec_button svg {
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inc_dec_button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_display {
  cursor: pointer;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_display:hover:enabled {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inc_dec_button_inline {
  width: 100%;
  padding: 0;
  height: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inc_dec_button_disabled, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inc_dec_button_disabled:hover {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__pm_am_button {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border: none;
  padding: var(--dp-common-padding);
  border-radius: var(--dp-border-radius);
  cursor: pointer;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__pm_am_button[data-compact~=true] {
  padding: 7px;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__tp_inline_btn_bar {
  width: 100%;
  height: 4px;
  background-color: var(--dp-secondary-color);
  transition: var(--dp-common-transition);
  border-collapse: collapse;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg) scale(1.15) translateY(-2px);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg) scale(1.15) translateY(-2px);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg) scale(1.15) translateY(-2px);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg) scale(1.15) translateY(-2px);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--time-overlay-btn {
  background: none;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--time-invalid {
  background-color: var(--dp-disabled-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_row {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--dp-action-row-padding);
  box-sizing: border-box;
  color: var(--dp-text-color);
  flex-flow: row nowrap;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_row svg {
  height: var(--dp-button-icon-height);
  width: auto;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__selection_preview {
  display: block;
  color: var(--dp-text-color);
  font-size: var(--dp-preview-font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons {
  display: flex;
  flex: 0;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-end;
  margin-inline-start: auto;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_button {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: var(--dp-action-buttons-padding);
  line-height: var(--dp-action-button-height);
  margin-inline-start: 3px;
  height: var(--dp-action-button-height);
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  font-size: var(--dp-preview-font-size);
  font-family: var(--dp-font-family);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_cancel {
  color: var(--dp-text-color);
  border: 1px solid var(--dp-border-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_cancel:hover {
  border-color: var(--dp-primary-color);
  transition: var(--dp-action-row-transition);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select:hover {
  background: var(--dp-primary-color);
  transition: var(--dp-action-row-transition);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select:disabled {
  background: var(--dp-primary-disabled-color);
  cursor: not-allowed;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp-quarter-picker-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: var(--dp-menu-min-width);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--qr-btn-disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--qr-btn-disabled:hover {
  background: var(--dp-disabled-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--qr-btn {
  width: 100%;
  padding: var(--dp-common-padding);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
  background: none;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--quarter-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  justify-content: space-evenly;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--qr-btn-active {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--qr-btn-between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  :root {
  --dp-common-transition: all 0.1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: 0.1s;
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transition: all 0.2s ease-in;
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: 0.1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 35px;
  --dp-input-padding: 6px 30px 6px 12px;
  --dp-input-not-clearable-padding: 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: 0.5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: 0.8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px;
  --dp-direction: ltr;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__theme_dark {
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-border-color-focus: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: rgb(0 92 178 / 20%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
  --dp-range-between-border-color: var(--dp-hover-color, #fff);
  --dp-loader: 5px solid #005cb2;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-border-color-focus: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
  --dp-loader: 5px solid #1976d2;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__flex {
  display: flex;
  align-items: center;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__btn {
  background: none;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__main {
  font-family: var(--dp-font-family);
  user-select: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__main * {
  direction: var(--dp-direction, ltr);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__pointer {
  cursor: pointer;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__icon {
  stroke: currentcolor;
  fill: currentcolor;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__button {
  width: 100%;
  text-align: center;
  color: var(--dp-icon-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  place-content: center center;
  padding: var(--dp-common-padding);
  box-sizing: border-box;
  height: var(--dp-button-height);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__button.dp__overlay_action {
  position: absolute;
  bottom: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__button svg {
  height: var(--dp-button-icon-height);
  width: auto;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__button_bottom {
  border-bottom-left-radius: var(--dp-border-radius);
  border-bottom-right-radius: var(--dp-border-radius);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__flex_display {
  display: flex;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__flex_display_with_input {
  flex-direction: column;
  align-items: flex-start;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__relative {
  position: relative;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .calendar-next-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .calendar-next-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .calendar-prev-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .calendar-prev-leave-active {
  transition: all var(--dp-transition-timing-general) ease-out;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .calendar-next-enter-from {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .calendar-next-leave-to {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .calendar-prev-enter-from {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .calendar-prev-leave-to {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-appear-bottom-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-appear-bottom-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-appear-top-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-appear-top-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-slide-up-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-slide-up-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-slide-down-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-slide-down-leave-active {
  transition: all var(--dp-animation-duration) var(--dp-transition-timing);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-appear-top-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-appear-top-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-slide-down-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-slide-up-enter-from {
  opacity: 0;
  transform: translateY(var(--dp-transition-length));
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-appear-bottom-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-menu-appear-bottom-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-slide-down-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461]  .dp-slide-up-leave-to {
  opacity: 0;
  transform: translateY(calc(var(--dp-transition-length) * -1));
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--arrow-btn-nav {
  transition: var(--dp-common-transition);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--highlighted {
  background-color: var(--dp-highlight-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461]  .dp--hidden-el {
  visibility: hidden;
}
.vue-date-time-picker__wrapper[data-v-02e90461]  {
}
.vue-date-time-picker__wrapper .vue-date-time-picker--clearable[data-v-02e90461] .dp__input {
  padding-inline-end: var(--default-clickable-area);
}
.vue-date-time-picker__wrapper .vue-date-time-picker__timezone[data-v-02e90461] {
  min-width: unset;
  width: 100%;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .icon-vue {
  opacity: 1 !important;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap,
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_extra {
  padding: var(--dp-menu-padding);
  padding-top: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay.dp--overlay-absolute {
  padding: var(--dp-menu-padding);
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay.dp--overlay-absolute .dp__btn.dp__button.dp__button_bottom {
  inset-block-end: 6px;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__button_bottom,
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap .dp__button {
  width: 100%;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__overlay_action {
  width: calc(100% - 16px);
}
.vue-date-time-picker__wrapper[data-v-02e90461] input {
  padding-inline-start: var(--dp-input-icon-padding) !important;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn {
  margin: 0;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav {
  height: fit-content;
  width: fit-content;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__button_bottom {
  color: var(--color-primary-element-light);
  background-color: var(--color-primary-element-light);
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--header-wrap .dp__btn:not(.dp__button_bottom),
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col .dp__btn {
  background-color: var(--color-main-background);
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--header-wrap .dp__btn:not(.dp__button_bottom):hover,
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col .dp__btn:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select {
  flex: 1;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-overlay-btn {
  font-size: calc(2 * var(--default-font-size)) !important;
}
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_input .dp__time_col_reg_block {
  padding: 0 calc(4 * var(--default-grid-baseline));
}
.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_dark[data-v-02e90461],
.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_light[data-v-02e90461],
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_dark,
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_light {
  --dp-background-color: var(--color-main-background);
  --dp-text-color: var(--color-main-text);
  --dp-hover-color: var(--color-primary-element-light-hover);
  --dp-hover-text-color: var(--color-primary-element-light-text);
  --dp-hover-icon-color: var(--color-primary-element-light-text);
  --dp-primary-color: var(--color-primary-element);
  --dp-primary-disabled-color: var(--color-primary-element-hover);
  --dp-primary-text-color: var(--color-primary-element-text);
  --dp-secondary-color: var(--color-text-maxcontrast);
  --dp-border-color: var(--color-border);
  --dp-menu-border-color: var(--color-border-dark);
  --dp-border-color-hover: var(--color-border-maxcontrast);
  --dp-border-color-focus: var(--color-border-maxcontrast);
  --dp-disabled-color: var(--color-background-dark);
  --dp-disabled-color-text: var(--color-text-maxcontrast);
  --dp-scroll-bar-background: var(--color-scrollbar);
  --dp-scroll-bar-color: var(--color-scrollbar);
  --dp-success-color: var(--color-success);
  --dp-success-color-disabled: var(--color-success-hover);
  --dp-icon-color: var(--color-main-text);
  --dp-danger-color: var(--color-error);
  --dp-marker-color: var(--color-text-error, var(--color-error));
  --dp-tooltip-color: var(--color-main-text);
  --dp-highlight-color: var(--color-main-text);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-f2f99131] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart,
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  /* display: inline-block; */
  display: flex;
  flex-direction: column;
  height: 420px;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-emoji {
  padding: 6px;
  position: relative;
  display: inline-block;
  font-size: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-emoji span {
  display: inline-block;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-emoji .emoji-mart-emoji span {
  width: 38px;
  height: 38px;
  font-size: 32px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-type-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
  word-break: keep-all;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-type-image {
  /* Emoji sheet has 56 columns, see also utils/emoji-data.js, SHEET_COLUMNS variable */
  /* Here we use (56+1) * 100% to avoid visible edges of nearby icons when scaling for different
   * screen sizes */
  background-size: 6100%;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-type-image.emoji-set-apple {
  background-image: url("https://unpkg.com/emoji-datasource-apple@15.0.1/img/apple/sheets-256/64.png");
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-type-image.emoji-set-facebook {
  background-image: url("https://unpkg.com/emoji-datasource-facebook@15.0.1/img/facebook/sheets-256/64.png");
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-type-image.emoji-set-google {
  background-image: url("https://unpkg.com/emoji-datasource-google@15.0.1/img/google/sheets-256/64.png");
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-type-image.emoji-set-twitter {
  background-image: url("https://unpkg.com/emoji-datasource-twitter@15.0.1/img/twitter/sheets-256/64.png");
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-scroll {
  position: relative;
  overflow-y: scroll;
  flex: 1;
  padding: 0 6px 6px 6px;
  z-index: 0; /* Fix for rendering sticky positioned category labels on Chrome */
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
  -webkit-overflow-scrolling: touch;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  color: #858585;
  line-height: 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  border: none;
  background: none;
  box-shadow: none;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-anchor:hover,
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-anchor-selected {
  color: #464646;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-anchors svg {
  fill: currentColor;
  max-height: 18px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .scroller {
  height: 250px;
  position: relative;
  flex: 1;
  padding: 0 6px 6px 6px;
  z-index: 0; /* Fix for rendering sticky positioned category labels on Chrome */
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
  -webkit-overflow-scrolling: touch;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 0.2em 0.6em;
  border-radius: 25px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-search-results {
  height: 250px;
  overflow-y: scroll;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-category {
  position: relative;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-category .emoji-mart-emoji:hover:before,
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-emoji-selected:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
  opacity: 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-category .emoji-mart-emoji:hover:before,
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-emoji-selected:before {
  opacity: 1;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-category-label {
  position: sticky;
  top: 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-static .emoji-mart-category-label {
  z-index: 2;
  position: relative;
  /* position: sticky; */
  /* position: -webkit-sticky; */
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-category-label h3 {
  display: block;
  font-size: 16px;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview {
  position: relative;
  height: 70px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-emoji,
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-data,
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-emoji {
  left: 12px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-name {
  font-size: 14px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-title-label {
  color: #999a9c;
  font-size: 21px;
  font-weight: 300;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch-selected:after {
  opacity: 0.75;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch-selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-swatch-selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.nc-emoji-picker-container[data-v-f2f99131]  {
  /* vue-virtual-scroller/dist/vue-virtual-scroller.css */
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller {
  position: relative;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller.direction-horizontal {
  display: flex;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller__slot {
  flex: auto 0 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller__item-wrapper {
  flex: 1;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
  width: 100%;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
  height: 100%;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .resize-observer[data-v-b329ee4c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  pointer-events: none;
  display: block;
  overflow: hidden;
  opacity: 0;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart .resize-observer[data-v-b329ee4c] object {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.nc-emoji-picker-container[data-v-f2f99131]  .emoji-mart-search .hidden {
  display: none;
  visibility: hidden;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart {
  background-color: var(--color-main-background) !important;
  border: 0;
  color: var(--color-main-text) !important;
  display: flex !important;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart button {
  border: none;
  background: transparent;
  font-size: inherit;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-bar,
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchors,
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-search,
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-search input,
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category,
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category-label,
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category-label span,
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-skin-swatches {
  background-color: transparent !important;
  border-color: var(--color-border) !important;
  color: inherit !important;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchors {
  padding-block: 0;
  padding-inline: calc(2 * var(--default-grid-baseline));
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor {
  border-radius: 0;
  margin: 0 !important;
  padding: 0 !important;
  height: var(--clickable-area-small);
  min-width: var(--clickable-area-small);
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor:hover {
  background-color: var(--color-background-hover);
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor:focus-visible {
  outline: 2px solid var(--color-primary-element) !important;
  outline-offset: -2px;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor div {
  display: grid;
  place-content: center;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-scroll {
  padding-inline: calc(2 * var(--default-grid-baseline));
  padding-block: 0 calc(2 * var(--default-grid-baseline));
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  justify-items: stretch;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category.emoji-mart-no-results {
  grid-template-columns: 1fr;
  font-size: inherit;
  color: var(--color-text-maxcontrast) !important;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart {
  /* Label element in the section grid */
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart div.emoji-mart-category-label {
  grid-column: span 8;
  justify-self: stretch;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart {
  /* An actual heading inside the element */
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart h3.emoji-mart-category-label {
  display: flex;
  align-items: center;
  height: var(--default-clickable-area);
  margin: 0;
  padding-inline: calc(2 * var(--default-grid-baseline));
  padding-block: 0;
  user-select: none;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji {
  aspect-ratio: 1/1;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji:hover, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji:focus-visible, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji.emoji-mart-emoji-selected {
  background-color: var(--color-background-hover) !important;
  border: none;
  border-radius: var(--border-radius-element);
  box-shadow: none !important;
  outline: 2px solid var(--color-primary-element) !important;
  outline-offset: -2px;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji::before {
  display: none;
}
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji span {
  cursor: pointer;
}
.search__wrapper[data-v-f2f99131] {
  display: flex;
  flex-direction: row;
  gap: var(--default-grid-baseline);
  align-items: end;
  padding-block: var(--default-grid-baseline);
  padding-inline: calc(2 * var(--default-grid-baseline));
}
.row-selected button[data-v-f2f99131], .row-selected span[data-v-f2f99131] {
  vertical-align: middle;
}
.emoji-delete[data-v-f2f99131] {
  vertical-align: top;
  margin-inline-start: -21px;
  margin-top: -3px;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_1u9di_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._ncFormBox_1u9di_20 {
  display: flex;
  flex-direction: column;
  gap: calc(1 * var(--default-grid-baseline));
}
._ncFormBox_1u9di_20._ncFormBox_row_1u9di_25 {
  flex-direction: row;
}
._ncFormBox__item_1u9di_29 {
  border-radius: var(--border-radius-small) !important;
}
._ncFormBox_col_1u9di_33 {
  flex-direction: column;
}
._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:first-child {
  border-start-start-radius: var(--border-radius-element) !important;
  border-start-end-radius: var(--border-radius-element) !important;
}
._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:last-child {
  border-end-start-radius: var(--border-radius-element) !important;
  border-end-end-radius: var(--border-radius-element) !important;
}
._ncFormBox_row_1u9di_25 {
  flex-direction: row;
}
._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29 {
  flex: 1 1;
}
._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:first-child {
  border-start-start-radius: var(--border-radius-element) !important;
  border-end-start-radius: var(--border-radius-element) !important;
}
._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:last-child {
  border-end-end-radius: var(--border-radius-element) !important;
  border-start-end-radius: var(--border-radius-element) !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_15jyc_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._formBoxButton_15jyc_20 {
  /* Reset default HTML button styles */
  background: unset;
  border: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  text-align: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  outline: none;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_v5un7_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._formBoxItem_v5un7_20 {
  --nc-form-box-item-border-width: 1px;
  --nc-form-box-item-min-height: 40px;
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
  --form-element-label-padding: calc(var(--form-element-label-offset) - var(--nc-form-box-item-border-width));
  --color-primary-element-extra-light: hsl(from var(--color-primary-element-light) h s calc(l * 1.045));
  --color-primary-element-extra-light-hover: hsl(from var(--color-primary-element-light-hover) h s calc(l * 1.045));
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(2 * var(--default-grid-baseline));
  min-height: var(--nc-form-box-item-min-height);
  padding-inline: var(--form-element-label-padding);
  border: 1px solid var(--color-primary-element-extra-light-hover);
  border-bottom-width: 2px;
  border-radius: var(--border-radius-element);
  background-color: var(--color-primary-element-extra-light);
  color: var(--color-main-text);
  transition-property: color, border-color, background-color;
  transition-duration: var(--animation-quick);
  transition-timing-function: linear;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
._formBoxItem_v5un7_20 * {
  cursor: inherit;
}
._formBoxItem_v5un7_20:has(:disabled) {
  cursor: default;
  opacity: 0.5;
}
._formBoxItem_v5un7_20:hover:not(:has(:disabled)) {
  color: var(--color-primary-element-light-text);
  background-color: var(--color-primary-element-extra-light-hover);
}
._formBoxItem_v5un7_20:has(:focus-visible) {
  outline: 2px solid var(--color-main-text);
  box-shadow: 0 0 0 4px var(--color-main-background);
}
._formBoxItem_v5un7_20._formBoxItem_legacy_v5un7_60 {
  --nc-form-box-item-border-width: 0px;
  border: none;
}
._formBoxItem_v5un7_20._formBoxItem_inverted_v5un7_64 ._formBoxItem__element_v5un7_64 {
  color: var(--color-text-maxcontrast);
}
._formBoxItem_v5un7_20._formBoxItem_inverted_v5un7_64 ._formBoxItem__description_v5un7_67 {
  color: inherit;
}
._formBoxItem__content_v5un7_71 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-block: calc(2 * var(--default-grid-baseline));
  overflow-wrap: anywhere;
}
._formBoxItem__element_v5un7_64::after {
  content: "";
  position: absolute;
  inset: 0;
}
._formBoxItem__description_v5un7_67 {
  color: var(--color-text-maxcontrast);
}
._formBoxItem__icon_v5un7_89 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_hjv1a_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
input._formBoxSwitch__input_hjv1a_20 {
  margin: 0;
  width: var(--default-clickable-area);
  /* Keep it visually hidden but on the position of visual switch icon */
  position: absolute;
  inset-block: 0;
  inset-inline-end: var(--form-element-label-offset);
  z-index: -1;
  opacity: 0 !important;
  /* Override server styles */
  height: auto;
  cursor: inherit;
}
._formBoxSwitch__icon_hjv1a_34 {
  color: var(--color-text-maxcontrast);
}
input:checked + ._formBoxSwitch__icon_hjv1a_34 {
  color: var(--color-primary-element);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_9p8a1_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._formGroup_9p8a1_20 {
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
  --form-group-content-gap: calc(2 * var(--default-grid-baseline));
}
._formGroup_9p8a1_20._formGroup_noGap_9p8a1_24 {
  --form-group-content-gap: 0;
}
._formGroup__label_9p8a1_28 {
  padding-inline: var(--form-element-label-offset);
  font-size: var(--font-size);
  font-weight: bold;
}
._formGroup__description_9p8a1_34 {
  padding-inline: var(--form-element-label-offset);
  color: var(--color-text-maxcontrast);
}
._formGroup__content_9p8a1_39 {
  display: flex;
  flex-direction: column;
  gap: var(--form-group-content-gap);
  margin-block-start: calc(2.5 * var(--default-grid-baseline));
}
._formGroup__content_9p8a1_39._formGroup__content_only_9p8a1_45 {
  margin-block-start: 0;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-26ad2498] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
#guest-content-vue[data-v-26ad2498] {
  color: var(--color-main-text);
  background-color: var(--color-main-background);
  min-width: 0;
  border-radius: var(--border-radius-element);
  box-shadow: 0 0 10px var(--color-box-shadow);
  height: fit-content;
  padding: 15px;
  margin: 20px auto;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
#content.nc-guest-content {
  overflow: auto;
  margin-bottom: 0;
  height: calc(var(--body-height) + var(--body-container-margin));
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-92fb182d] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/*!
 * SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
.header-menu[data-v-92fb182d] {
  position: relative;
  width: var(--header-height);
  height: var(--header-height);
}
.header-menu .header-menu__trigger[data-v-92fb182d] {
  --button-size: var(--header-height) !important;
  height: var(--header-height);
  opacity: 0.85;
  filter: none !important;
  color: var(--color-background-plain-text, var(--color-primary-text)) !important;
}
.header-menu .header-menu__trigger[data-v-92fb182d]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.header-menu .header-menu__trigger[data-v-92fb182d] .button-vue__icon svg,
.header-menu .header-menu__trigger[data-v-92fb182d] .button-vue__icon:not(:has(svg)) {
  mask: var(--header-menu-icon-mask, none);
}
.header-menu--opened .header-menu__trigger[data-v-92fb182d], .header-menu__trigger[data-v-92fb182d]:hover, .header-menu__trigger[data-v-92fb182d]:focus, .header-menu__trigger[data-v-92fb182d]:active {
  opacity: 1;
}
@media only screen and (max-width: 512px) {
.header-menu[data-v-92fb182d] {
    width: var(--default-clickable-area);
}
.header-menu .header-menu__trigger[data-v-92fb182d] {
    --button-size: var(--default-clickable-area) !important;
}
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-d45c5788] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/*!
 * SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
.header-menu[data-v-d45c5788] {
  position: relative;
  width: var(--header-height);
  height: var(--header-height);
}
.header-menu .header-menu__trigger[data-v-d45c5788] {
  --button-size: var(--header-height) !important;
  height: var(--header-height);
  opacity: 0.85;
  filter: none !important;
  color: var(--color-background-plain-text, var(--color-primary-text)) !important;
}
.header-menu .header-menu__trigger[data-v-d45c5788]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.header-menu .header-menu__trigger[data-v-d45c5788] .button-vue__icon svg,
.header-menu .header-menu__trigger[data-v-d45c5788] .button-vue__icon:not(:has(svg)) {
  mask: var(--header-menu-icon-mask, none);
}
.header-menu--opened .header-menu__trigger[data-v-d45c5788], .header-menu__trigger[data-v-d45c5788]:hover, .header-menu__trigger[data-v-d45c5788]:focus, .header-menu__trigger[data-v-d45c5788]:active {
  opacity: 1;
}
@media only screen and (max-width: 512px) {
.header-menu[data-v-d45c5788] {
    width: var(--default-clickable-area);
}
.header-menu .header-menu__trigger[data-v-d45c5788] {
    --button-size: var(--default-clickable-area) !important;
}
}
.header-menu__wrapper[data-v-d45c5788] {
  position: fixed;
  z-index: 2000;
  top: var(--header-height);
  inset-inline-end: 0;
  box-sizing: border-box;
  margin: 0 8px;
  border-radius: var(--border-radius-element);
  background-color: var(--color-main-background);
  filter: drop-shadow(0 1px 5px var(--color-box-shadow));
}
.header-menu__caret[data-v-d45c5788] {
  position: absolute;
  z-index: 2001;
  bottom: 0;
  inset-inline-start: calc(50% - 10px);
  width: 0;
  height: 0;
  content: " ";
  pointer-events: none;
  border: 10px solid transparent;
  border-bottom-color: var(--color-main-background);
}
.header-menu__content[data-v-d45c5788] {
  overflow: auto;
  width: 350px;
  max-width: calc(100vw - 16px);
  min-height: calc(var(--default-clickable-area) * 1.5);
  max-height: calc(100vh - var(--header-height) * 2);
}
.header-menu__content[data-v-d45c5788] .empty-content {
  margin: 12vh 10px;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_1s86g_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._hotkey_1s86g_20 {
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  padding-inline: var(--form-element-label-offset);
}
._hotkey_1s86g_20:first-child ._hotkey__label_1s86g_27,
._hotkey_1s86g_20:first-child ._hotkey__keys_1s86g_28 {
  border-block-start: none;
}
._hotkey__label_1s86g_27,
._hotkey__keys_1s86g_28 {
  display: flex;
  align-items: center;
  padding-block: calc(2 * var(--default-grid-baseline));
  border-block-start: 1px solid var(--color-border);
}
._hotkey__label_1s86g_27 {
  flex: 1 1 200px;
}
._hotkey__keys_1s86g_28 {
  flex: 1 1 auto;
  flex-wrap: wrap;
  justify-content: end;
  row-gap: calc(1 * var(--default-grid-baseline));
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_lf0a1_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._kbd_lf0a1_20 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  padding-inline: calc(2 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline));
  border: 2px solid var(--color-primary-element-light);
  border-block-end-width: 4px;
  border-radius: var(--border-radius-element);
  box-shadow: none; /* Override server <kbd> styles */
  font-family: var(--font-family); /* Design decision: looks better with the default font instead of mono */
  line-height: 1;
  white-space: nowrap;
}
._kbd_lf0a1_20 + ._kbd_lf0a1_20 {
  margin-inline-start: calc(1 * var(--default-grid-baseline));
}

._hotkeyList_pf97p_2 {
	--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
}
._hotkeyList__heading_pf97p_6 {
	font-weight: bold;
	margin-inline: var(--form-element-label-offset);
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-532f3807] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.list-item__wrapper[data-v-532f3807] {
  display: flex;
  position: relative;
  width: 100%;
  padding: 2px 4px;
}
.list-item__wrapper[data-v-532f3807]:first-of-type {
  padding-block-start: 4px;
}
.list-item__wrapper[data-v-532f3807]:last-of-type {
  padding-block-end: 4px;
}
.list-item__wrapper--active .list-item[data-v-532f3807], .list-item__wrapper.active .list-item[data-v-532f3807] {
  background-color: var(--color-primary-element);
  color: var(--color-primary-element-text) !important;
}
.list-item__wrapper--active .list-item[data-v-532f3807]:hover, .list-item__wrapper--active .list-item[data-v-532f3807]:focus-within, .list-item__wrapper--active .list-item[data-v-532f3807]:has(:focus-visible), .list-item__wrapper--active .list-item[data-v-532f3807]:has(:active), .list-item__wrapper.active .list-item[data-v-532f3807]:hover, .list-item__wrapper.active .list-item[data-v-532f3807]:focus-within, .list-item__wrapper.active .list-item[data-v-532f3807]:has(:focus-visible), .list-item__wrapper.active .list-item[data-v-532f3807]:has(:active) {
  background-color: var(--color-primary-element-hover);
}
.list-item__wrapper--active .list-item-content__name[data-v-532f3807],
.list-item__wrapper--active .list-item-content__subname[data-v-532f3807],
.list-item__wrapper--active .list-item-content__details[data-v-532f3807],
.list-item__wrapper--active .list-item-details__details[data-v-532f3807], .list-item__wrapper.active .list-item-content__name[data-v-532f3807],
.list-item__wrapper.active .list-item-content__subname[data-v-532f3807],
.list-item__wrapper.active .list-item-content__details[data-v-532f3807],
.list-item__wrapper.active .list-item-details__details[data-v-532f3807] {
  color: var(--color-primary-element-text) !important;
}
.list-item__wrapper .list-item-content__name[data-v-532f3807],
.list-item__wrapper .list-item-content__subname[data-v-532f3807],
.list-item__wrapper .list-item-content__details[data-v-532f3807],
.list-item__wrapper .list-item-details__details[data-v-532f3807] {
  white-space: nowrap;
  margin-block: 0;
  margin-inline: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-item-content__name[data-v-532f3807] {
  min-width: 100px;
  flex: 1 1 10%;
  font-weight: 500;
}
.list-item-content__subname[data-v-532f3807] {
  flex: 1 0;
  min-width: 0;
  color: var(--color-text-maxcontrast);
}
.list-item-content__subname--bold[data-v-532f3807] {
  font-weight: 500;
}
.list-item[data-v-532f3807] {
  --list-item-padding: var(--default-grid-baseline);
  --list-item-height: 2lh;
  --list-item-border-radius: var(--border-radius-element, 32px);
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex: 0 0 auto;
  justify-content: flex-start;
  padding: var(--list-item-padding);
  width: 100%;
  border-radius: var(--border-radius-element, 32px);
  cursor: pointer;
  transition: background-color var(--animation-quick) ease-in-out;
  list-style: none;
}
.list-item[data-v-532f3807]:hover, .list-item[data-v-532f3807]:focus-within, .list-item[data-v-532f3807]:has(:active), .list-item[data-v-532f3807]:has(:focus-visible) {
  background-color: var(--color-background-hover);
}
.list-item[data-v-532f3807]:has(.list-item__anchor:focus-visible) {
  outline: 2px solid var(--color-main-text);
  box-shadow: 0 0 0 4px var(--color-main-background);
}
.list-item--compact[data-v-532f3807] {
  --list-item-padding: calc(0.5 * var(--default-grid-baseline)) var(--default-grid-baseline);
}
.list-item--compact[data-v-532f3807]:not(:has(.list-item-content__subname)) {
  --list-item-height: var(--default-clickable-area);
}
.list-item--one-line[data-v-532f3807] {
  --list-item-height: var(--default-clickable-area);
  --list-item-border-radius: var(--border-radius-element, calc(var(--default-clickable-area) / 2));
  --list-item-padding: var(--default-grid-baseline);
}
.list-item--one-line .list-item-content__main[data-v-532f3807] {
  display: flex;
  justify-content: start;
  gap: 12px;
  min-width: 0;
}
.list-item--one-line .list-item-content__details[data-v-532f3807] {
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
.list-item--one-line .list-item-content__name[data-v-532f3807] {
  align-self: center;
  max-width: 300px;
}
.list-item__anchor[data-v-532f3807] {
  color: inherit;
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  height: var(--list-item-height);
  min-width: 0;
}
.list-item__anchor[data-v-532f3807]:focus-visible {
  outline: none;
}
.list-item-content[data-v-532f3807] {
  display: flex;
  flex: 1 0;
  justify-content: space-between;
  padding-inline-start: calc(2 * var(--default-grid-baseline));
  min-width: 0;
}
.list-item-content__main[data-v-532f3807] {
  flex: 1 0;
  width: 0;
  margin: auto 0;
}
.list-item-content__main--oneline[data-v-532f3807] {
  display: flex;
}
.list-item-content__details[data-v-532f3807] {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}
.list-item-content__actions[data-v-532f3807], .list-item-content__extra-actions[data-v-532f3807] {
  flex: 0 0 auto;
  align-self: center;
  justify-content: center;
  margin-inline-start: var(--default-grid-baseline);
}
.list-item-content__extra-actions[data-v-532f3807] {
  display: flex;
  align-items: center;
  gap: var(--default-grid-baseline);
}
.list-item-details__details[data-v-532f3807] {
  color: var(--color-text-maxcontrast);
  margin: 0 9px !important;
  font-weight: normal;
}
.list-item-details__extra[data-v-532f3807] {
  margin: 2px 4px 0 4px;
  display: flex;
  align-items: center;
}
.list-item-details__indicator[data-v-532f3807] {
  margin: 0 5px;
}
.list-item__extra[data-v-532f3807] {
  margin-top: var(--default-grid-baseline);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-60a83836] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.option[data-v-60a83836] {
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--height);
  cursor: inherit;
}
.option__avatar[data-v-60a83836] {
  margin-inline-end: var(--margin);
}
.option__details[data-v-60a83836] {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.option__lineone[data-v-60a83836] {
  color: var(--color-main-text);
}
.option__linetwo[data-v-60a83836] {
  color: var(--color-text-maxcontrast);
}
.option__lineone[data-v-60a83836], .option__linetwo[data-v-60a83836] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.option__lineone strong[data-v-60a83836], .option__linetwo strong[data-v-60a83836] {
  font-weight: bold;
}
.option--compact .option__lineone[data-v-60a83836] {
  font-size: 14px;
}
.option--compact .option__linetwo[data-v-60a83836] {
  font-size: 11px;
  line-height: 1.5;
  margin-top: -4px;
}
.option__icon[data-v-60a83836] {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  color: var(--color-text-maxcontrast);
}
.option__icon.icon[data-v-60a83836] {
  flex: 0 0 var(--default-clickable-area);
  opacity: 0.7;
  background-position: center;
  background-size: 16px;
}
.option__details[data-v-60a83836], .option__lineone[data-v-60a83836], .option__linetwo[data-v-60a83836], .option__icon[data-v-60a83836] {
  cursor: inherit;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-38ba4aa1] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.progress-bar[data-v-38ba4aa1] {
  display: block;
  height: var(--progress-bar-height);
  --progress-bar-color: var(--0a7905e8);
  --progress-bar-height: var(--d7eb5974);
}
.progress-bar--linear[data-v-38ba4aa1] {
  width: 100%;
  overflow: hidden;
  border: 0;
  padding: 0;
  background: var(--color-background-dark);
  border-radius: calc(var(--progress-bar-height) / 2);
}
.progress-bar--linear[data-v-38ba4aa1]::-webkit-progress-bar {
  height: var(--progress-bar-height);
  background-color: transparent;
}
.progress-bar--linear[data-v-38ba4aa1]::-webkit-progress-value {
  background: var(--progress-bar-color, var(--gradient-primary-background));
  border-radius: calc(var(--progress-bar-height) / 2);
}
.progress-bar--linear[data-v-38ba4aa1]::-moz-progress-bar {
  background: var(--progress-bar-color, var(--gradient-primary-background));
  border-radius: calc(var(--progress-bar-height) / 2);
}
.progress-bar--circular[data-v-38ba4aa1] {
  width: var(--progress-bar-height);
  color: var(--progress-bar-color);
}
.progress-bar--error[data-v-38ba4aa1] {
  color: var(--color-text-error, var(--color-error)) !important;
}
.progress-bar--error[data-v-38ba4aa1]::-moz-progress-bar {
  background: var(--color-text-error, var(--color-error)) !important;
}
.progress-bar--error[data-v-38ba4aa1]::-webkit-progress-value {
  background: var(--color-text-error, var(--color-error)) !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_14z4o_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._radioGroup_checkboxRadioContainer_14z4o_20 .checkbox-content {
  max-width: unset !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_1euqq_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._radioGroupButton_1euqq_20 {
  --radio-group-button--border-radius: var(--border-radius-small);
  --radio-group-button--border-width: 1px;
  --radio-group-button--color: var(--color-primary-element-light-text);
  --radio-group-button--background-color: var(--color-primary-element-light);
  --radio-group-button--background-color-hover: var(--color-primary-element-light-hover);
  --radio-group-button--padding: 1px;
  cursor: pointer;
  color: var(--radio-group-button--color);
  background-color: var(--radio-group-button--background-color);
  transition: var(--animation-quick) background-color;
  border: var(--radio-group-button--border-width) solid var(--radio-group-button--background-color-hover);
  border-bottom-width: 2px;
  border-radius: var(--radio-group-button--border-radius);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: var(--default-clickable-area);
  padding-block: var(--radio-group-button--padding) 0;
  padding-inline: var(--radio-group-button--padding);
}
._radioGroupButton_1euqq_20 * {
  cursor: pointer;
}
._radioGroupButton_1euqq_20:has(._radioGroupButton__label_1euqq_46) {
  padding-inline: calc(var(--radio-group-button--padding) + var(--border-radius-element));
}
._radioGroupButton_1euqq_20:has(._radioGroupButton__icon_1euqq_49) {
  padding-inline-start: var(--radio-group-button--padding);
}
._radioGroupButton_1euqq_20:hover {
  background-color: var(--radio-group-button--background-color-hover);
}
._radioGroupButton_1euqq_20:focus-within {
  --radio-group-button--border-width: 2px;
  --radio-group-button--padding: 0px;
  border: var(--radio-group-button--border-width) solid var(--color-main-text) !important;
  outline: calc(var(--default-grid-baseline) / 2) var(--color-main-background);
}
._radioGroupButton_active_1euqq_62 {
  --radio-group-button--color: var(--color-primary-element-text);
  --radio-group-button--background-color: var(--color-primary-element);
  --radio-group-button--background-color-hover: var(--color-primary-element-hover);
}
._radioGroupButton__label_1euqq_46 {
  font-weight: bold;
}
._radioGroupButton__icon_1euqq_49 {
  --radio-group-button--icon-size: calc(var(--default-clickable-area) - 4px);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: var(--radio-group-button--icon-size);
}
._radioGroupButton__icon_1euqq_49 * {
  --default-clickable-area: var(--radio-group-button--icon-size);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-8db55138] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.resource[data-v-8db55138] {
  display: flex;
  align-items: center;
  height: var(--default-clickable-area);
}
.resource__button[data-v-8db55138] {
  width: 100% !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}
.resource__button[data-v-8db55138] .button-vue__wrapper {
  justify-content: flex-start !important;
}
.resource__button[data-v-8db55138] .button-vue__wrapper .button-vue__text {
  font-weight: normal !important;
  margin-inline-start: 2px !important;
}
.resource__icon[data-v-8db55138] {
  width: 32px;
  height: 32px;
  background-color: var(--color-text-maxcontrast);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resource__icon img[data-v-8db55138] {
  width: 16px;
  height: 16px;
  filter: var(--background-invert-if-dark);
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-a0203ee5] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.team-resources__header[data-v-a0203ee5] {
  font-weight: bold;
  margin-bottom: 6px;
}
.related-team[data-v-a0203ee5] {
  border-radius: var(--border-radius-container);
  border: 2px solid var(--color-border-dark);
  margin-bottom: 6px;
}
.related-team__open[data-v-a0203ee5] {
  border-color: var(--color-primary-element);
}
.related-team__header[data-v-a0203ee5] {
  padding: 6px;
  padding-inline-end: 24px;
  display: flex;
  gap: 12px;
}
.related-team__name[data-v-a0203ee5] {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 12px;
  padding: 6px 12px;
  font-weight: bold;
  margin: 0;
}
.related-team .related-team-provider[data-v-a0203ee5] {
  padding: 6px 12px;
}
.related-team .related-team-provider__name[data-v-a0203ee5] {
  font-weight: bold;
  margin-bottom: 3px;
}
.related-team .related-team-provider__link[data-v-a0203ee5] {
  display: flex;
  gap: 12px;
  padding: 6px 12px;
  font-weight: bold;
}
.related-team .related-team-resource__link[data-v-a0203ee5] {
  display: flex;
  gap: 12px;
  height: var(--default-clickable-area);
  align-items: center;
  border-radius: var(--border-radius-element);
}
.related-team .related-team-resource__link[data-v-a0203ee5]:hover {
  background-color: var(--color-background-hover);
}
.related-team .related-team-resource__link[data-v-a0203ee5]:focus {
  background-color: var(--color-background-hover);
  outline: 2px solid var(--color-primary-element);
}
.related-team .related-team-resource .resource__icon[data-v-a0203ee5] {
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.related-team .related-team-resource .resource__icon > img[data-v-a0203ee5] {
  border-radius: var(--border-radius-pill);
  overflow: hidden;
  width: 32px;
  height: 32px;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-7a009a6b] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.related-resources__header h5[data-v-7a009a6b] {
  font-weight: bold;
  margin-bottom: 6px;
}
.related-resources__header p[data-v-7a009a6b] {
  color: var(--color-text-maxcontrast);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-ca83b679] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.autocomplete-result[data-v-ca83b679] {
  display: flex;
  align-items: center;
  gap: var(--default-grid-baseline);
  line-height: 1.2;
  --auto-complete-result-avatar-size: var(--default-clickable-area);
}
.autocomplete-result__icon[data-v-ca83b679] {
  position: relative;
  flex: 0 0 var(--default-clickable-area);
  width: var(--default-clickable-area);
  min-width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  border-radius: var(--default-clickable-area);
  background-color: var(--color-background-darker);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.autocomplete-result__icon--with-avatar[data-v-ca83b679] {
  color: inherit;
  background-size: cover;
}
.autocomplete-result__status[data-v-ca83b679] {
  --auto-complete-result-status-icon-size: clamp(14px, var(--auto-complete-result-avatar-size) * 0.4, 18px);
  --auto-complete-result-status-icon-position: calc(var(--auto-complete-result-avatar-size) / 2 * (1 - 1 / sqrt(2)) - var(--auto-complete-result-status-icon-size) / 2);
  box-sizing: border-box;
  position: absolute;
  inset-inline-end: var(--auto-complete-result-status-icon-position);
  bottom: var(--auto-complete-result-status-icon-position);
  height: var(--auto-complete-result-status-icon-size);
  width: var(--auto-complete-result-status-icon-size);
  border: 2px solid var(--color-main-background);
  border-radius: 50%;
  background-color: var(--color-main-background);
  font-size: calc(var(--auto-complete-result-status-icon-size) / 1.2);
  line-height: 1.2;
  background-repeat: no-repeat;
  background-size: var(--auto-complete-result-status-icon-size);
  background-position: center;
}
.autocomplete-result__status--icon[data-v-ca83b679] {
  border: none;
  background-color: transparent;
}
.autocomplete-result__content[data-v-ca83b679] {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.autocomplete-result__title[data-v-ca83b679], .autocomplete-result__subline[data-v-ca83b679] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.autocomplete-result__subline[data-v-ca83b679] {
  color: var(--color-text-maxcontrast);
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-faef642b] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.rich-contenteditable[data-v-faef642b] {
  --contenteditable-block-offset: calc(2 * var(--default-grid-baseline));
  --contenteditable-inline-start-offset: calc(2 * var(--default-grid-baseline));
  --contenteditable-inline-end-offset: calc(2 * var(--default-grid-baseline));
  position: relative;
  width: auto;
}
.rich-contenteditable__label[data-v-faef642b] {
  position: absolute;
  margin-inline: 14px;
  max-width: fit-content;
  inset-block-start: 11px;
  inset-inline: 0;
  color: var(--color-text-maxcontrast);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
}
.rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-faef642b], .rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-faef642b] {
  inset-block-start: -10px;
  line-height: 1.5;
  font-size: 13px;
  font-weight: 500;
  border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
  background-color: var(--color-main-background);
  padding-inline: 5px;
  margin-inline: 9px;
  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
}
.rich-contenteditable__input[data-v-faef642b] {
  overflow-y: auto;
  width: auto;
  margin: 0;
  padding-block: var(--contenteditable-block-offset);
  padding-inline: var(--contenteditable-inline-start-offset) var(--contenteditable-inline-end-offset);
  cursor: text;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  color: var(--color-main-text);
  border: 2px solid var(--color-border-maxcontrast);
  border-radius: var(--border-radius-element);
  outline: none;
  background-color: var(--color-main-background);
  font-family: var(--font-face);
  font-size: inherit;
  tab-size: 4;
  min-height: var(--default-clickable-area);
  max-height: calc(var(--default-clickable-area) * 5.5);
}
.rich-contenteditable__input--has-label[data-v-faef642b] {
  margin-top: 10px;
}
.rich-contenteditable__input--empty[data-v-faef642b]:focus:before, .rich-contenteditable__input--empty[data-v-faef642b]:not(.rich-contenteditable__input--has-label):before {
  content: attr(aria-placeholder);
  color: var(--color-text-maxcontrast);
  position: absolute;
  width: calc(100% - var(--contenteditable-inline-start-offset) - var(--contenteditable-inline-end-offset));
  height: calc(100% - 2 * var(--contenteditable-block-offset));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rich-contenteditable__input[contenteditable=false][data-v-faef642b]:not(.rich-contenteditable__input--disabled) {
  cursor: default;
  background-color: transparent;
  color: var(--color-main-text);
  border-color: transparent;
  opacity: 1;
  border-radius: 0;
}
.rich-contenteditable__input--multiline[data-v-faef642b] {
  min-height: calc(var(--default-clickable-area) * 3);
  max-height: none;
}
.rich-contenteditable__input--disabled[data-v-faef642b] {
  opacity: 0.5;
  color: var(--color-text-maxcontrast);
  border: 2px solid var(--color-background-darker);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-dark);
}
.rich-contenteditable__input--overflow[data-v-faef642b], .rich-contenteditable__input--overflow[data-v-faef642b]:hover {
  border-color: var(--color-border-error, var(--color-error)) !important;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_1xkrb_12 {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
._tribute-container_1xkrb_20 {
  z-index: 9000;
  overflow: auto;
  position: absolute;
  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
  left: -100vw;
  margin: var(--default-grid-baseline) 0;
  padding: var(--default-grid-baseline);
  color: var(--color-text-maxcontrast);
  border-radius: var(--border-radius-element);
  background: var(--color-main-background);
  box-shadow: 0 1px 5px var(--color-box-shadow);
}
._tribute-container_1xkrb_20, ._tribute-container_1xkrb_20 * {
  box-sizing: border-box;
}
._tribute-container_1xkrb_20 ul {
  display: flex;
  flex-direction: column;
  gap: var(--default-grid-baseline);
}
._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41 {
  color: var(--color-text-maxcontrast);
  border-radius: var(--border-radius-small);
  padding: var(--default-grid-baseline);
  cursor: pointer;
  min-height: var(--clickable-area-small, auto);
}
._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight {
  color: var(--color-main-text);
  background: var(--color-background-hover);
}
._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight, ._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight * {
  cursor: pointer;
}
._tribute-container_1xkrb_20._tribute-container--focus-visible_1xkrb_55 .highlight._tribute-container__item_1xkrb_41 {
  outline: 2px solid var(--color-main-text) !important;
}
._tribute-container-autocomplete_1xkrb_59 {
  min-width: 250px;
  max-width: 300px;
  max-height: calc((var(--default-clickable-area) + 3 * var(--default-grid-baseline)) * 4.5 - 1.5 * var(--default-grid-baseline));
}
._tribute-container-emoji_1xkrb_65,
._tribute-container-link_1xkrb_66 {
  min-width: 200px;
  max-width: 200px;
  max-height: calc((24px + 3 * var(--default-grid-baseline)) * 5.5 - 1.5 * var(--default-grid-baseline));
}
._tribute-container-emoji_1xkrb_65 ._tribute-item_1xkrb_71,
._tribute-container-link_1xkrb_66 ._tribute-item_1xkrb_71 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._tribute-container-link_1xkrb_66 {
  min-width: 200px;
  max-width: 300px;
}
._tribute-container-link_1xkrb_66 ._tribute-item_1xkrb_71 {
  display: flex;
  align-items: center;
}
._tribute-container-link_1xkrb_66 ._tribute-item__title_1xkrb_86 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._tribute-container-link_1xkrb_66 ._tribute-item__icon_1xkrb_91 {
  margin: auto 0;
  width: 20px;
  height: 20px;
  object-fit: contain;
  padding-inline-end: var(--default-grid-baseline);
  filter: var(--background-invert-if-dark);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-e408867a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-90c6aa3b] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.provider-list[data-v-90c6aa3b] {
  width: 100%;
  min-height: 400px;
  padding: 0 16px 16px 16px;
  display: flex;
  flex-direction: column;
}
.provider-list--select[data-v-90c6aa3b] {
  width: 100%;
}
.provider-list--select .provider[data-v-90c6aa3b] {
  display: flex;
  align-items: center;
  height: 28px;
  overflow: hidden;
}
.provider-list--select .provider .link-icon[data-v-90c6aa3b] {
  margin-inline-end: 8px;
}
.provider-list--select .provider .provider-icon[data-v-90c6aa3b] {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-inline-end: 8px;
  filter: var(--background-invert-if-dark);
}
.provider-list--select .provider .option-text[data-v-90c6aa3b] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-8ce33442] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.widget-custom[data-v-8ce33442] {
  width: 100%;
  margin: auto;
  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
  overflow: hidden;
  border: 2px solid var(--color-border);
  border-radius: var(--border-radius-container);
  background-color: transparent;
  display: flex;
}
.widget-custom.full-width[data-v-8ce33442] {
  width: var(--widget-full-width, 100%) !important;
  inset-inline-start: calc((var(--widget-full-width, 100%) - 100%) / 2 * -1);
  position: relative;
}
.widget-access[data-v-8ce33442] {
  width: 100%;
  margin: auto;
  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
  overflow: hidden;
  border: 2px solid var(--color-border);
  border-radius: var(--border-radius-container);
  background-color: transparent;
  display: flex;
  padding: calc(var(--default-grid-baseline, 4px) * 3);
}
.widget-default[data-v-8ce33442] {
  width: 100%;
  margin: auto;
  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
  overflow: hidden;
  border: 2px solid var(--color-border);
  border-radius: var(--border-radius-container);
  background-color: transparent;
  display: flex;
}
.widget-default--compact[data-v-8ce33442] {
  flex-direction: column;
}
.widget-default--compact .widget-default--image[data-v-8ce33442] {
  width: 100%;
  height: 150px;
}
.widget-default--compact .widget-default--details[data-v-8ce33442] {
  width: 100%;
  padding-top: calc(var(--default-grid-baseline, 4px) * 2);
  padding-bottom: calc(var(--default-grid-baseline, 4px) * 2);
}
.widget-default--compact .widget-default--description[data-v-8ce33442] {
  display: none;
}
.widget-default--image[data-v-8ce33442] {
  width: 40%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.widget-default--name[data-v-8ce33442] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.widget-default--details[data-v-8ce33442] {
  padding: calc(var(--default-grid-baseline, 4px) * 3);
  width: 60%;
}
.widget-default--details p[data-v-8ce33442] {
  margin: 0;
  padding: 0;
}
.widget-default--description[data-v-8ce33442] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3; /* stylelint-disable-line property-no-unknown */
  -webkit-box-orient: vertical;
}
.widget-default--link[data-v-8ce33442] {
  color: var(--color-text-maxcontrast);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toggle-interactive[data-v-8ce33442] {
  position: relative;
}
.toggle-interactive .toggle-interactive--button[data-v-8ce33442] {
  position: absolute;
  bottom: var(--default-grid-baseline);
  inset-inline-end: var(--default-grid-baseline);
  z-index: 10000;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-a0658f2a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.raw-link[data-v-a0658f2a] {
  width: 100%;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 0 16px 16px 16px;
}
.raw-link .input-wrapper[data-v-a0658f2a] {
  width: 100%;
}
.raw-link .reference-widget[data-v-a0658f2a] {
  display: flex;
}
.raw-link--empty-content .provider-icon[data-v-a0658f2a] {
  width: 150px;
  height: 150px;
  object-fit: contain;
  filter: var(--background-invert-if-dark);
}
.raw-link--input[data-v-a0658f2a] {
  width: 99%;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-059edcfb] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.result[data-v-059edcfb] {
  display: flex;
  align-items: center;
  height: var(--default-clickable-area);
  overflow: hidden;
}
.result--icon-class[data-v-059edcfb], .result--image[data-v-059edcfb] {
  width: 40px;
  min-width: 40px;
  height: 40px;
  object-fit: contain;
}
.result--icon-class.rounded[data-v-059edcfb], .result--image.rounded[data-v-059edcfb] {
  border-radius: 50%;
}
.result--content[data-v-059edcfb] {
  display: flex;
  flex-direction: column;
  padding-inline-start: 10px;
  overflow: hidden;
}
.result--content--name[data-v-059edcfb], .result--content--subline[data-v-059edcfb] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-e8abf1d4] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.smart-picker-search[data-v-e8abf1d4] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px 16px;
}
.smart-picker-search.with-empty-content[data-v-e8abf1d4] {
  min-height: 400px;
}
.smart-picker-search .provider-icon[data-v-e8abf1d4] {
  width: 150px;
  height: 150px;
  object-fit: contain;
  filter: var(--background-invert-if-dark);
}
.smart-picker-search--select[data-v-e8abf1d4] {
  width: 100%;
}
.smart-picker-search--select .search-result[data-v-e8abf1d4] {
  width: 100%;
}
.smart-picker-search--select .group-name-icon[data-v-e8abf1d4],
.smart-picker-search--select .option-simple-icon[data-v-e8abf1d4] {
  width: 20px;
  height: 20px;
  margin: 0 20px 0 10px;
}
.smart-picker-search--select .custom-option[data-v-e8abf1d4] {
  height: var(--default-clickable-area);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.smart-picker-search--select .option-text[data-v-e8abf1d4] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-b193005a] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.reference-picker[data-v-b193005a] {
  display: flex;
  overflow-y: auto;
  width: 100%;
}
.reference-picker .custom-element-wrapper[data-v-b193005a] {
  display: flex;
  overflow-y: auto;
  width: 100%;
}
.reference-picker .custom-element-wrapper .custom-element[data-v-b193005a] {
  display: flex;
  overflow-y: auto;
  width: 100%;
}/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-15018516] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.reference-picker-modal[data-v-15018516] .modal-container {
  display: flex !important;
}
.reference-picker-modal--content[data-v-15018516] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}
.reference-picker-modal--content .close-button[data-v-15018516],
.reference-picker-modal--content .back-button[data-v-15018516] {
  position: absolute;
  top: 4px;
}
.reference-picker-modal--content .back-button[data-v-15018516] {
  inset-inline-start: 4px;
}
.reference-picker-modal--content .close-button[data-v-15018516] {
  inset-inline-end: 4px;
}
.reference-picker-modal--content > h2[data-v-15018516] {
  display: flex;
  margin: 12px 0 20px 0;
}
.reference-picker-modal--content > h2 .icon[data-v-15018516] {
  margin-inline-end: 8px;
}
@charset "UTF-8";/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-ddd65c9e] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.widgets--list[data-v-ddd65c9e] {
  width: 100%;
  min-height: var(--default-clickable-area);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-a47e4ba7] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}

/**
 * SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
* Colors and class selectors are extracted from source code of:
* - library: highlight.js (v11.10.0)
* - light theme: highlight.js/styles/github.css
* - dark theme: highlight.js/styles/github-dark.css
* and reworked to use with F7cloud dark and light theme
*/
.rich-text--wrapper[data-v-a47e4ba7] {
  overflow-wrap: break-word;
  line-height: 1.5;
}
.rich-text--wrapper .rich-text--fallback[data-v-a47e4ba7], .rich-text--wrapper .rich-text-component[data-v-a47e4ba7] {
  display: inline;
}
.rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7] {
  text-decoration: underline;
}
.rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7]:after {
  content: " ↗";
}

/* Markdown styles */
.rich-text--wrapper-markdown[data-v-a47e4ba7] {
  tab-size: 4;
}
.rich-text--wrapper-markdown[data-v-a47e4ba7] > :first-child,
.rich-text--wrapper-markdown div[data-v-a47e4ba7] > :first-child,
.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :first-child {
  margin-top: 0 !important;
}
.rich-text--wrapper-markdown[data-v-a47e4ba7] > :last-child, .rich-text--wrapper-markdown[data-v-a47e4ba7] > *:has(+ .rich-text--reference-widget),
.rich-text--wrapper-markdown div[data-v-a47e4ba7] > :last-child,
.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :last-child {
  margin-block-end: 0 !important;
}
.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] {
  padding-inline-start: 13px;
  border-inline-start: 2px solid var(--color-border-dark);
  color: var(--color-text-maxcontrast);
}
.rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7], .rich-text--wrapper-markdown p[data-v-a47e4ba7], .rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7], .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7], .rich-text--wrapper-markdown pre[data-v-a47e4ba7] {
  margin-top: 0;
  margin-block-end: 1em;
}
.rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7] {
  font-weight: bold;
}
.rich-text--wrapper-markdown h4[data-v-a47e4ba7] {
  font-size: 20px;
}
.rich-text--wrapper-markdown h5[data-v-a47e4ba7] {
  font-size: 18px;
}
.rich-text--wrapper-markdown h6[data-v-a47e4ba7] {
  font-size: 15px;
}
.rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7] {
  padding-inline-start: 4ch;
}
.rich-text--wrapper-markdown ul[data-v-a47e4ba7] {
  list-style-type: disc;
}
.rich-text--wrapper-markdown[data-v-a47e4ba7] {
  /* Flavored Markdown styles */
}
.rich-text--wrapper-markdown ul.contains-task-list[data-v-a47e4ba7] {
  list-style-type: none;
  padding: 0;
}
.rich-text--wrapper-markdown li.task-list-item > ul[data-v-a47e4ba7],
.rich-text--wrapper-markdown li.task-list-item > ol[data-v-a47e4ba7],
.rich-text--wrapper-markdown li.task-list-item > li[data-v-a47e4ba7],
.rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-a47e4ba7],
.rich-text--wrapper-markdown li.task-list-item > pre[data-v-a47e4ba7] {
  margin-inline-start: 15px;
  margin-block-end: 0;
}
.rich-text--wrapper-markdown pre[data-v-a47e4ba7] {
  direction: ltr;
}
.rich-text--wrapper-markdown table[data-v-a47e4ba7] {
  border-collapse: collapse;
  border: 2px solid var(--color-border-maxcontrast);
}
.rich-text--wrapper-markdown table th[data-v-a47e4ba7],
.rich-text--wrapper-markdown table td[data-v-a47e4ba7] {
  padding: var(--default-grid-baseline);
  border: 1px solid var(--color-border-maxcontrast);
}
.rich-text--wrapper-markdown table th[data-v-a47e4ba7]:first-child,
.rich-text--wrapper-markdown table td[data-v-a47e4ba7]:first-child {
  border-inline-start: 0;
}
.rich-text--wrapper-markdown table th[data-v-a47e4ba7]:last-child,
.rich-text--wrapper-markdown table td[data-v-a47e4ba7]:last-child {
  border-inline-end: 0;
}
.rich-text--wrapper-markdown table tr:first-child th[data-v-a47e4ba7] {
  border-top: 0;
}
.rich-text--wrapper-markdown table tr:last-child td[data-v-a47e4ba7] {
  border-block-end: 0;
}

/* Highlight code syntax in code blocks */
/* stylelint-disable-next-line no-duplicate-selectors */
.rich-text--wrapper-markdown .rich-text__code-block[data-v-a47e4ba7]:has(.hljs) {
  color: var(--hljs-color);
  background: var(--hljs-background-color);
}
.rich-text--wrapper-markdown .hljs-doctag[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-keyword[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-template-tag[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-template-variable[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-type[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-variable.language_[data-v-a47e4ba7] {
  /* prettylights-syntax-keyword */
  color: var(--hljs-syntax-keyword-color);
}
.rich-text--wrapper-markdown .hljs-title[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-title.class_[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-title.function_[data-v-a47e4ba7] {
  /* prettylights-syntax-entity */
  color: var(--hljs-syntax-entity-color);
}
.rich-text--wrapper-markdown .hljs-attr[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-attribute[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-literal[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-meta[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-number[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-operator[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-variable[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-selector-attr[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-selector-class[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-selector-id[data-v-a47e4ba7] {
  /* prettylights-syntax-constant */
  color: var(--hljs-syntax-constant-color);
}
.rich-text--wrapper-markdown .hljs-regexp[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-string[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-a47e4ba7] {
  /* prettylights-syntax-string */
  color: var(--hljs-syntax-string-color);
}
.rich-text--wrapper-markdown .hljs-built_in[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-symbol[data-v-a47e4ba7] {
  /* prettylights-syntax-variable */
  color: var(--hljs-syntax-variable-color);
}
.rich-text--wrapper-markdown .hljs-comment[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-code[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-formula[data-v-a47e4ba7] {
  /* prettylights-syntax-comment */
  color: var(--hljs-syntax-comment-color);
}
.rich-text--wrapper-markdown .hljs-name[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-quote[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-selector-tag[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-a47e4ba7] {
  /* prettylights-syntax-entity-tag */
  color: var(--hljs-syntax-entity-tag-color);
}
.rich-text--wrapper-markdown .hljs-subst[data-v-a47e4ba7] {
  /* prettylights-syntax-storage-modifier-import */
  color: var(--hljs-syntax-storage-modifier-import-color);
}
.rich-text--wrapper-markdown .hljs-section[data-v-a47e4ba7] {
  /* prettylights-syntax-markup-heading */
  color: var(--hljs-syntax-markup-heading-color);
  font-weight: bold;
}
.rich-text--wrapper-markdown .hljs-bullet[data-v-a47e4ba7] {
  /* prettylights-syntax-markup-list */
  color: var(--hljs-syntax-markup-list-color);
}
.rich-text--wrapper-markdown .hljs-emphasis[data-v-a47e4ba7] {
  /* prettylights-syntax-markup-italic */
  color: var(--hljs-syntax-markup-italic-color);
  font-style: italic;
}
.rich-text--wrapper-markdown .hljs-strong[data-v-a47e4ba7] {
  /* prettylights-syntax-markup-bold */
  color: var(--hljs-syntax-markup-bold-color);
  font-weight: bold;
}
.rich-text--wrapper-markdown .hljs-addition[data-v-a47e4ba7] {
  /* prettylights-syntax-markup-inserted */
  color: var(--hljs-syntax-markup-inserted-color);
  background-color: var(--hljs-syntax-markup-inserted-background-color);
}
.rich-text--wrapper-markdown .hljs-deletion[data-v-a47e4ba7] {
  /* prettylights-syntax-markup-deleted */
  color: var(--hljs-syntax-markup-deleted-color);
  background-color: var(--hljs-syntax-markup-deleted-background-color);
}
.rich-text--wrapper-markdown .hljs-char.escape_[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-link[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-params[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-property[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-punctuation[data-v-a47e4ba7],
.rich-text--wrapper-markdown .hljs-tag[data-v-a47e4ba7] {
  /* purposely ignored */
}
a[data-v-a47e4ba7]:not(.rich-text--component) {
  text-decoration: underline;
}
@media (prefers-color-scheme: light) {
.rich-text--wrapper-markdown[data-v-a47e4ba7] {
    --hljs-color: var(--color-main-text, #24292e);
    --hljs-background-color: var(--color-background-dark, #ffffff);
    --hljs-syntax-keyword-color: #d73a49;
    --hljs-syntax-entity-color: #6f42c1;
    --hljs-syntax-constant-color: #005cc5;
    --hljs-syntax-string-color: #032f62;
    --hljs-syntax-variable-color: #e36209;
    --hljs-syntax-comment-color: #6a737d;
    --hljs-syntax-entity-tag-color: #22863a;
    --hljs-syntax-storage-modifier-import-color: #24292e;
    --hljs-syntax-markup-heading-color: #005cc5;
    --hljs-syntax-markup-list-color: #735c0f;
    --hljs-syntax-markup-italic-color: #24292e;
    --hljs-syntax-markup-bold-color: #24292e;
    --hljs-syntax-markup-inserted-color: #22863a;
    --hljs-syntax-markup-inserted-background-color: #f0fff4;
    --hljs-syntax-markup-deleted-color: #b31d28;
    --hljs-syntax-markup-deleted-background-color: #ffeef0;
}
[data-theme-dark] .rich-text--wrapper-markdown[data-v-a47e4ba7] {
    --hljs-color: var(--color-main-text, #c9d1d9);
    --hljs-background-color: var(--color-background-dark, #0d1117);
    --hljs-syntax-keyword-color: #ff7b72;
    --hljs-syntax-entity-color: #d2a8ff;
    --hljs-syntax-constant-color: #79c0ff;
    --hljs-syntax-string-color: #a5d6ff;
    --hljs-syntax-variable-color: #ffa657;
    --hljs-syntax-comment-color: #8b949e;
    --hljs-syntax-entity-tag-color: #7ee787;
    --hljs-syntax-storage-modifier-import-color: #c9d1d9;
    --hljs-syntax-markup-heading-color: #1f6feb;
    --hljs-syntax-markup-list-color: #f2cc60;
    --hljs-syntax-markup-italic-color: #c9d1d9;
    --hljs-syntax-markup-bold-color: #c9d1d9;
    --hljs-syntax-markup-inserted-color: #aff5b4;
    --hljs-syntax-markup-inserted-background-color: #033a16;
    --hljs-syntax-markup-deleted-color: #ffdcd7;
    --hljs-syntax-markup-deleted-background-color: #67060c;
}
}
@media (prefers-color-scheme: dark) {
.rich-text--wrapper-markdown[data-v-a47e4ba7] {
    --hljs-color: var(--color-main-text, #c9d1d9);
    --hljs-background-color: var(--color-background-dark, #0d1117);
    --hljs-syntax-keyword-color: #ff7b72;
    --hljs-syntax-entity-color: #d2a8ff;
    --hljs-syntax-constant-color: #79c0ff;
    --hljs-syntax-string-color: #a5d6ff;
    --hljs-syntax-variable-color: #ffa657;
    --hljs-syntax-comment-color: #8b949e;
    --hljs-syntax-entity-tag-color: #7ee787;
    --hljs-syntax-storage-modifier-import-color: #c9d1d9;
    --hljs-syntax-markup-heading-color: #1f6feb;
    --hljs-syntax-markup-list-color: #f2cc60;
    --hljs-syntax-markup-italic-color: #c9d1d9;
    --hljs-syntax-markup-bold-color: #c9d1d9;
    --hljs-syntax-markup-inserted-color: #aff5b4;
    --hljs-syntax-markup-inserted-background-color: #033a16;
    --hljs-syntax-markup-deleted-color: #ffdcd7;
    --hljs-syntax-markup-deleted-background-color: #67060c;
}
[data-theme-light] .rich-text--wrapper-markdown[data-v-a47e4ba7] {
    --hljs-color: var(--color-main-text, #24292e);
    --hljs-background-color: var(--color-background-dark, #ffffff);
    --hljs-syntax-keyword-color: #d73a49;
    --hljs-syntax-entity-color: #6f42c1;
    --hljs-syntax-constant-color: #005cc5;
    --hljs-syntax-string-color: #032f62;
    --hljs-syntax-variable-color: #e36209;
    --hljs-syntax-comment-color: #6a737d;
    --hljs-syntax-entity-tag-color: #22863a;
    --hljs-syntax-storage-modifier-import-color: #24292e;
    --hljs-syntax-markup-heading-color: #005cc5;
    --hljs-syntax-markup-list-color: #735c0f;
    --hljs-syntax-markup-italic-color: #24292e;
    --hljs-syntax-markup-bold-color: #24292e;
    --hljs-syntax-markup-inserted-color: #22863a;
    --hljs-syntax-markup-inserted-background-color: #f0fff4;
    --hljs-syntax-markup-deleted-color: #b31d28;
    --hljs-syntax-markup-deleted-background-color: #ffeef0;
}
}
.rich-text__code-block[data-v-a47e4ba7] {
  position: relative;
  padding-inline-end: calc(var(--clickable-area-small) + var(--default-grid-baseline));
}
.rich-text__code-block pre[data-v-a47e4ba7] {
  width: 100%;
  overflow-x: auto;
}
.rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7] {
  position: absolute;
  top: var(--default-grid-baseline);
  inset-inline-end: var(--default-grid-baseline);
  opacity: 0;
}
.rich-text__code-block:hover .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block:focus-within .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7]:focus {
  opacity: 1;
}

.nc-select-users[data-v-4fbb6472] .vs__selected {
	padding-inline: 0 5px !important;
}

/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-9cedb949] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.settings-section[data-v-9cedb949] {
  display: block;
  padding: 0 0 calc(var(--default-grid-baseline) * 5) 0;
  margin: calc(var(--default-grid-baseline) * 7);
  width: min(900px, 100% - var(--default-grid-baseline) * 7 * 2);
}
.settings-section[data-v-9cedb949]:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}
.settings-section__name[data-v-9cedb949] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 900px;
  margin-top: 0;
}
.settings-section__info[data-v-9cedb949] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--default-clickable-area);
  height: var(--default-clickable-area);
  margin: calc((var(--default-clickable-area) - 16px) / 2 * -1);
  margin-inline-start: 0;
  color: var(--color-text-maxcontrast);
}
.settings-section__info[data-v-9cedb949]:hover, .settings-section__info[data-v-9cedb949]:focus, .settings-section__info[data-v-9cedb949]:active {
  color: var(--color-main-text);
}
.settings-section__desc[data-v-9cedb949] {
  margin-top: -0.2em;
  margin-bottom: 1em;
  color: var(--color-text-maxcontrast);
  max-width: 900px;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-21e2bf0c] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.select-group-error[data-v-21e2bf0c] {
  color: var(--color-text-error, var(--color-error));
  font-size: 13px;
  padding-inline-start: var(--border-radius-element);
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-87d290b5] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.textarea[data-v-87d290b5] {
  --input-border-color: var(--color-border-maxcontrast);
  --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-element);
  margin-block-start: 6px;
  resize: vertical;
}
.textarea--disabled[data-v-87d290b5] {
  opacity: 0.7;
  filter: saturate(0.7);
}
.textarea__main-wrapper[data-v-87d290b5] {
  height: calc(var(--default-clickable-area) * 2);
  padding: var(--border-width-input, 2px);
  position: relative;
}
.textarea__main-wrapper[data-v-87d290b5]:not(:has([disabled])):has(textarea:focus), .textarea__main-wrapper[data-v-87d290b5]:not(:has([disabled])):has(textarea:active) {
  padding: 0;
}
.textarea__input[data-v-87d290b5] {
  margin: 0;
  padding-block: calc(10px + var(--input-border-width-offset));
  padding-inline: calc(12px - var(--border-width-input, 2px) + var(--input-border-width-offset));
  width: 100%;
  font-size: var(--default-font-size);
  text-overflow: ellipsis;
  cursor: pointer;
  background-color: var(--color-main-background);
  color: var(--color-main-text);
  border: none;
  border-radius: var(--border-radius-element);
  box-shadow: 0 -1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);
}
.textarea__input[data-v-87d290b5]:hover:not([disabled]) {
  box-shadow: 0 0 0 1px var(--input-border-color);
}
.textarea__input[data-v-87d290b5]:active:not([disabled]), .textarea__input[data-v-87d290b5]:focus:not([disabled]) {
  --input-border-width-offset: 0px;
  --input-border-color: var(--color-main-text);
  border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
  box-shadow: 0 0 0 2px var(--color-main-background) !important;
}
.textarea__input[data-v-87d290b5]:not(:focus, .textarea__input--label-outside)::placeholder {
  opacity: 0;
}
.textarea__input[data-v-87d290b5]:focus {
  cursor: text;
}
.textarea__input[data-v-87d290b5]:disabled {
  cursor: default;
}
.textarea__input[data-v-87d290b5]:focus-visible {
  box-shadow: unset !important;
}
.textarea__input--success[data-v-87d290b5] {
  --input-border-color: var(--color-border-success, var(--color-success)) !important;
}
.textarea__input--success[data-v-87d290b5]:focus-visible {
  box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.textarea__input--error[data-v-87d290b5] {
  --input-border-color: var(--color-border-error, var(--color-error)) !important;
}
.textarea__input--error[data-v-87d290b5]:focus-visible {
  box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.textarea__label[data-v-87d290b5] {
  position: absolute;
  margin-inline: 12px 0;
  max-width: fit-content;
  inset-block-start: 11px;
  inset-inline: 0;
  color: var(--color-text-maxcontrast);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
}
.textarea__input:focus + .textarea__label[data-v-87d290b5], .textarea__input:not(:placeholder-shown) + .textarea__label[data-v-87d290b5] {
  inset-block-start: -10px;
  line-height: 1.5;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-main-text);
  background-color: var(--color-main-background);
  padding-inline: 4px;
  margin-inline-start: 8px;
  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
}
.textarea__helper-text-message[data-v-87d290b5] {
  padding-block: 4px;
  display: flex;
  align-items: center;
}
.textarea__helper-text-message__icon[data-v-87d290b5] {
  margin-inline-end: 8px;
}
.textarea__helper-text-message--error[data-v-87d290b5] {
  color: var(--color-error-text);
}
.textarea__helper-text-message--success[data-v-87d290b5] {
  color: var(--color-success-text);
}
.textarea--legacy .textarea__input[data-v-87d290b5] {
  box-shadow: 0 0 0 1px var(--input-border-color);
}
.textarea--legacy .textarea__main-wrapper[data-v-87d290b5]:hover:not(:has([disabled])) {
  padding: 0;
}
.textarea--legacy .textarea__main-wrapper:hover:not(:has([disabled])) .textarea__input[data-v-87d290b5] {
  --input-border-color: var(--color-main-text);
  --input-border-width-offset: 0px;
  border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
  box-shadow: 0 0 0 2px var(--color-main-background) !important;
}
/**
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-37bde6b7] {
  display: flex;
  align-self: center;
  justify-self: center;
  align-items: center;
  justify-content: center;
}
.user-bubble__wrapper[data-v-37bde6b7] {
  display: inline-block;
  vertical-align: middle;
  min-width: 0;
  max-width: 100%;
}
.user-bubble__content[data-v-37bde6b7] {
  display: inline-flex;
  max-width: 100%;
  background-color: var(--color-background-dark);
}
.user-bubble__content--primary[data-v-37bde6b7] {
  color: var(--color-primary-element-text);
  background-color: var(--color-primary-element);
}
.user-bubble__content[data-v-37bde6b7] > :last-child {
  padding-inline-end: 8px;
}
.user-bubble__avatar[data-v-37bde6b7] {
  align-self: center;
}
.user-bubble__name[data-v-37bde6b7] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-bubble__name[data-v-37bde6b7], .user-bubble__secondary[data-v-37bde6b7] {
  padding-block: 0;
  padding-inline: 4px 0;
}
h3[data-v-17ac10c8]{margin-top:24px;font-weight:600}small[data-v-17ac10c8]{color:var(--color-favorite);border:1px solid var(--color-favorite);border-radius:16px;padding:0 9px}.default-group-notification[data-v-17ac10c8]{min-width:300px !important}
.hosted-signaling .form__textfield[data-v-e7bd023c]{width:300px;margin-top:12px}.hosted-signaling .form__select[data-v-e7bd023c]{min-width:300px !important}.additional-top-margin[data-v-e7bd023c]{margin-top:10px}td[data-v-e7bd023c]{padding:5px;border-bottom:1px solid var(--color-border)}tr:last-child td[data-v-e7bd023c]{border-bottom:none}tr[data-v-e7bd023c] :first-child{opacity:.5}
h2 small[data-v-1eb0cf33]{color:var(--color-favorite);border:1px solid var(--color-favorite);border-radius:16px;padding:0 9px}
.recording-server[data-v-6fa5def6]{display:flex;align-items:center}.recording-server .recording-server__textfield[data-v-6fa5def6]{width:300px;flex-shrink:0}.recording-server__checkbox[data-v-6fa5def6]{margin:0 18px}.test-connection[data-v-6fa5def6]{display:inline-flex;align-items:center;gap:8px}
.fade-enter[data-v-7344033e],.fade-leave-to[data-v-7344033e]{opacity:0}.fade-enter-to[data-v-7344033e],.fade-leave[data-v-7344033e]{opacity:1}.fade-enter-active[data-v-7344033e],.fade-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:opacity}.radial-reveal-enter[data-v-7344033e],.radial-reveal-leave-to[data-v-7344033e]{transform:scale(0);opacity:0}.radial-reveal-enter-to[data-v-7344033e],.radial-reveal-leave[data-v-7344033e]{transform:scale(1);opacity:1}.radial-reveal-enter-active[data-v-7344033e],.radial-reveal-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;transition-duration:150ms}.slide-up-enter[data-v-7344033e],.slide-up-leave-to[data-v-7344033e]{transform:translateY(-50%);opacity:0}.slide-up-enter-to[data-v-7344033e],.slide-up-leave[data-v-7344033e]{transform:translateY(0);opacity:1}.slide-up-enter-active[data-v-7344033e],.slide-up-leave-active[data-v-7344033e]{pointer-events:none;transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:transform,opacity}.slide-right-enter[data-v-7344033e],.slide-right-leave-to[data-v-7344033e]{min-width:0 !important;max-width:0 !important}.slide-right-enter-to[data-v-7344033e],.slide-right-leave[data-v-7344033e]{min-width:300px;max-width:500px}.slide-right-enter-active[data-v-7344033e],.slide-right-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:min-width,max-width}.slide-down-enter[data-v-7344033e],.slide-down-leave-to[data-v-7344033e]{transform:translateY(50%);opacity:0}.slide-down-enter-to[data-v-7344033e],.slide-down-leave[data-v-7344033e]{transform:translateY(0);opacity:1}.slide-down-enter-active[data-v-7344033e],.slide-down-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;position:absolute !important}.toast-enter[data-v-7344033e],.toast-leave-to[data-v-7344033e]{opacity:0}.toast-enter-to[data-v-7344033e],.toast-leave[data-v-7344033e]{opacity:1}.toast-enter-active[data-v-7344033e],.toast-leave-active[data-v-7344033e]{transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:opacity;transition-timing-function:linear}.zoom-enter[data-v-7344033e],.zoom-leave-to[data-v-7344033e]{transform:scale(0)}.zoom-enter-to[data-v-7344033e],.zoom-leave[data-v-7344033e]{transform:scale(1)}.zoom-enter-active[data-v-7344033e],.zoom-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform}.transition-group[data-v-7344033e]{position:relative}.transition-group[data-v-7344033e]> *.fade-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.fade-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.fade-enter,.transition-group[data-v-7344033e]> *.fade-leave-to{opacity:0}.transition-group[data-v-7344033e]> *.fade-enter-to,.transition-group[data-v-7344033e]> *.fade-leave{opacity:1}.transition-group[data-v-7344033e]> *.fade-enter-active,.transition-group[data-v-7344033e]> *.fade-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:opacity}.transition-group[data-v-7344033e]> *.radial-reveal-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.radial-reveal-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.radial-reveal-enter,.transition-group[data-v-7344033e]> *.radial-reveal-leave-to{transform:scale(0);opacity:0}.transition-group[data-v-7344033e]> *.radial-reveal-enter-to,.transition-group[data-v-7344033e]> *.radial-reveal-leave{transform:scale(1);opacity:1}.transition-group[data-v-7344033e]> *.radial-reveal-enter-active,.transition-group[data-v-7344033e]> *.radial-reveal-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;transition-duration:150ms}.transition-group[data-v-7344033e]> *.slide-up-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-up-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-up-enter,.transition-group[data-v-7344033e]> *.slide-up-leave-to{transform:translateY(-50%);opacity:0}.transition-group[data-v-7344033e]> *.slide-up-enter-to,.transition-group[data-v-7344033e]> *.slide-up-leave{transform:translateY(0);opacity:1}.transition-group[data-v-7344033e]> *.slide-up-enter-active,.transition-group[data-v-7344033e]> *.slide-up-leave-active{pointer-events:none;transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:transform,opacity}.transition-group[data-v-7344033e]> *.slide-right-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-right-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-right-enter,.transition-group[data-v-7344033e]> *.slide-right-leave-to{min-width:0 !important;max-width:0 !important}.transition-group[data-v-7344033e]> *.slide-right-enter-to,.transition-group[data-v-7344033e]> *.slide-right-leave{min-width:300px;max-width:500px}.transition-group[data-v-7344033e]> *.slide-right-enter-active,.transition-group[data-v-7344033e]> *.slide-right-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:min-width,max-width}.transition-group[data-v-7344033e]> *.slide-down-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-down-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-down-enter,.transition-group[data-v-7344033e]> *.slide-down-leave-to{transform:translateY(50%);opacity:0}.transition-group[data-v-7344033e]> *.slide-down-enter-to,.transition-group[data-v-7344033e]> *.slide-down-leave{transform:translateY(0);opacity:1}.transition-group[data-v-7344033e]> *.slide-down-enter-active,.transition-group[data-v-7344033e]> *.slide-down-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;position:absolute !important}.transition-group[data-v-7344033e]> *.toast-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.toast-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.toast-enter,.transition-group[data-v-7344033e]> *.toast-leave-to{opacity:0}.transition-group[data-v-7344033e]> *.toast-enter-to,.transition-group[data-v-7344033e]> *.toast-leave{opacity:1}.transition-group[data-v-7344033e]> *.toast-enter-active,.transition-group[data-v-7344033e]> *.toast-leave-active{transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:opacity;transition-timing-function:linear}.transition-group[data-v-7344033e]> *.zoom-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.zoom-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.zoom-enter,.transition-group[data-v-7344033e]> *.zoom-leave-to{transform:scale(0)}.transition-group[data-v-7344033e]> *.zoom-enter-to,.transition-group[data-v-7344033e]> *.zoom-leave{transform:scale(1)}.transition-group[data-v-7344033e]> *.zoom-enter-active,.transition-group[data-v-7344033e]> *.zoom-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform}
.recording-servers .form__textfield[data-v-b2ba5802]{width:300px}.additional-top-margin[data-v-b2ba5802]{margin-top:10px}h3[data-v-b2ba5802]{margin-top:24px;font-weight:600}.consent-description[data-v-b2ba5802]{margin-bottom:12px;opacity:.7}
.signaling-server[data-v-3bdcca8e]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--default-grid-baseline);margin-bottom:10px}.signaling-server .signaling-server__textfield[data-v-3bdcca8e]{width:300px;flex-shrink:0}.signaling-server__checkbox[data-v-3bdcca8e]{margin:0 18px}.test-connection[data-v-3bdcca8e]{flex-basis:fit-content;display:inline-flex;align-items:center;gap:var(--default-grid-baseline)}.test-connection-data[data-v-3bdcca8e]{flex-basis:100%;display:inline-grid;grid-template-columns:auto auto;gap:var(--default-grid-baseline)}.test-connection-data__item[data-v-3bdcca8e]{display:contents}.test-connection-data__caption[data-v-3bdcca8e]{font-weight:bold;margin-inline-end:var(--default-grid-baseline)}
.signaling-servers .form__textfield[data-v-3f27df2f]{width:300px}.additional-top-margin[data-v-3f27df2f]{margin-top:1em !important}
.sip-bridge h3[data-v-17212f74]{margin-top:24px;font-weight:600}.sip-bridge .form[data-v-17212f74]{width:300px}.sip-bridge .form__textarea[data-v-17212f74]{margin-bottom:6px}.sip-bridge .form__select[data-v-17212f74]{margin-bottom:12px}.settings-hint--after-select[data-v-17212f74]{margin-top:0}.additional-top-margin[data-v-17212f74]{margin-top:10px}
.stun-server[data-v-69763953]{display:flex;align-items:center;margin-bottom:calc(var(--default-grid-baseline)*2);gap:var(--default-grid-baseline)}.stun-server__wrapper[data-v-69763953]{display:flex;align-items:center;gap:4px;width:300px}.stun-server__input[data-v-69763953]{margin-block-start:0 !important}.stun-server__alert[data-v-69763953]{width:var(--default-clickable-area);height:var(--default-clickable-area)}
.additional-top-margin{margin-top:10px}
.turn-server[data-v-758f7272]{display:grid;grid-template-columns:minmax(100px, 180px) 1fr 1fr minmax(100px, 180px) var(--default-clickable-area) var(--default-clickable-area);grid-column-gap:4px;align-items:center;margin-bottom:4px}.turn-server .turn-server__textfield.error[data-v-758f7272] .input-field__input{border:2px solid var(--color-border-error)}.turn-server .turn-server__select[data-v-758f7272]{margin-block-start:6px;min-width:unset}
.additional-top-margin{margin-top:10px}
.vue-button-inline[data-v-aebe1aaa]{display:inline-block !important}
/*!
 * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
.toastify.dialogs {
  min-width: 200px;
  background: none;
  background-color: var(--color-main-background);
  color: var(--color-main-text);
  box-shadow: 0 0 6px 0 var(--color-box-shadow);
  padding: 0 12px;
  margin-top: 45px;
  position: fixed;
  z-index: 10100;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  min-height: 50px;
}
.toastify.dialogs .toast-loader-container,
.toastify.dialogs .toast-undo-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.toastify.dialogs .toast-undo-button,
.toastify.dialogs .toast-close {
  position: static;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 44px;
  height: 100%;
  padding: 12px;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  min-height: 0;
}
.toastify.dialogs .toast-undo-button.toast-close,
.toastify.dialogs .toast-close.toast-close {
  text-indent: 0;
  opacity: 0.4;
  border: none;
  min-height: 44px;
  margin-left: 10px;
  font-size: 0;
  /* dark theme overrides for F7cloud 25 and later */
}
.toastify.dialogs .toast-undo-button.toast-close::before,
.toastify.dialogs .toast-close.toast-close::before {
  background-image: url("data:image/svg+xml,%3csvg%20viewBox=%270%200%2016%2016%27%20height=%2716%27%20width=%2716%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xml:space=%27preserve%27%20style=%27fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2%27%3e%3cpath%20d=%27M6.4%2019%205%2017.6l5.6-5.6L5%206.4%206.4%205l5.6%205.6L17.6%205%2019%206.4%2013.4%2012l5.6%205.6-1.4%201.4-5.6-5.6L6.4%2019Z%27%20style=%27fill-rule:nonzero%27%20transform=%27matrix%28.85714%200%200%20.85714%20-2.286%20-2.286%29%27/%3e%3c/svg%3e");
  content: " ";
  filter: var(--background-invert-if-dark);
  display: inline-block;
  width: 16px;
  height: 16px;
}
.toastify.dialogs .toast-undo-button.toast-undo-button,
.toastify.dialogs .toast-close.toast-undo-button {
  margin: 3px;
  height: calc(100% - 2 * 3px);
  margin-left: 12px;
}
.toastify.dialogs .toast-undo-button:hover, .toastify.dialogs .toast-undo-button:focus, .toastify.dialogs .toast-undo-button:active,
.toastify.dialogs .toast-close:hover,
.toastify.dialogs .toast-close:focus,
.toastify.dialogs .toast-close:active {
  cursor: pointer;
  opacity: 1;
}
.toastify.dialogs.toastify-top {
  right: 10px;
}
.toastify.dialogs.toast-with-click {
  cursor: pointer;
}
.toastify.dialogs.toast-error {
  border-left: 3px solid var(--color-element-error, var(--color-error));
}
.toastify.dialogs.toast-info {
  border-left: 3px solid var(--color-element-info, var(--color-primary));
}
.toastify.dialogs.toast-warning {
  border-left: 3px solid var(--color-element-warning, var(--color-warning));
}
.toastify.dialogs.toast-success {
  border-left: 3px solid var(--color-element-success, var(--color-success));
}
.toastify.dialogs.toast-undo {
  border-left: 3px solid var(--color-element-success, var(--color-success));
}
.toastify.dialogs.toast-loading {
  border-left: 3px solid var(--color-element-info, var(--color-primary));
}
.toastify.dialogs.toast-loading .toast-loader {
  display: inline-block;
  width: 20px;
  height: 20px;
  animation: rotate var(--animation-duration, 0.8s) linear infinite;
  margin-left: auto;
}

/* dark theme overrides for F7cloud 24 and earlier */
.theme--dark .toastify.dialogs .toast-close {
  /* close icon style */
}
.theme--dark .toastify.dialogs .toast-close.toast-close::before {
  background-image: url("data:image/svg+xml,%3csvg%20viewBox=%270%200%2016%2016%27%20height=%2716%27%20width=%2716%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xml:space=%27preserve%27%20style=%27fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2%27%3e%3cpath%20d=%27M6.4%2019%205%2017.6l5.6-5.6L5%206.4%206.4%205l5.6%205.6L17.6%205%2019%206.4%2013.4%2012l5.6%205.6-1.4%201.4-5.6-5.6L6.4%2019Z%27%20style=%27fill:%23fff;fill-rule:nonzero%27%20transform=%27matrix%28.85714%200%200%20.85714%20-2.286%20-2.286%29%27/%3e%3c/svg%3e");
}
.nc-generic-dialog .dialog__actions {
	justify-content: space-between;
	min-width: calc(100% - 12px);
}
._pickerEntry_xk2pl_1:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border);
}
._pickerEntryItem_xk2pl_5 {
  display: flex;
  align-items: center;
  height: 64px;
}
._pickerEntryIcon_xk2pl_11,
._pickerEntryPreview_xk2pl_12 {
  height: 64px;
  width: 64px;
  margin: 0 var(--secondary-margin);
  display: block;
  flex: 0 0 64px;
}
._pickerEntryIcon_xk2pl_11 {
  color: var(--color-text-maxcontrast);
}
._pickerEntryIcon_folder_xk2pl_24 {
  color: var(--color-primary-element);
}
._pickerEntryPreview_xk2pl_12 {
  overflow: hidden;
  border-radius: calc(var(--border-radius) * 2);
  object-fit: cover;
}
._pickerEntryDescription_xk2pl_34 {
  display: flex;
  flex-direction: column;
}
._pickerEntryDescription_xk2pl_34 span {
  white-space: nowrap;
}._picker_6q4ek_1 {
  --margin: 36px;
  --secondary-margin: 18px;
}
._pickerHeader_6q4ek_6 {
  position: sticky;
  z-index: 10;
  top: 0;
  padding: 0 var(--margin);
  padding-bottom: var(--secondary-margin);
  background-color: var(--color-main-background);
}
._pickerForm_6q4ek_15 {
  position: relative;
  overflow: auto;
  padding: 0 var(--margin);
  margin-top: calc(-1 * var(--secondary-margin));
}
._pickerActionSubmit_disabled_6q4ek_22 {
  opacity: 0.7;
  filter: saturate(50%);
}
._pickerSelectAll_6q4ek_27 {
  display: grid;
  width: 100%;
  margin-top: calc(var(--secondary-margin) * 1.5);
  padding-bottom: var(--secondary-margin);
  grid-template-columns: 1fr 1fr;
}
._pickerSelectAll_6q4ek_27 legend {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: calc(var(--secondary-margin) / 2);
}
._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 {
  position: sticky;
  top: 0;
  margin: 0;
  padding: var(--secondary-margin) 0;
  background-image: linear-gradient(to top, transparent, var(--color-main-background-blur) 10%, var(--color-main-background) 15%);
}
._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 + fieldset {
  margin-top: 0;
}
._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 :deep(label) {
  font-weight: bold;
}/*!
 * SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
/**
 * Icon styling of the file list row preview or fallback icon
 * (leading icon on the name row and header)
 */
._file-picker__file-icon_3v9zx_9 {
  position: relative;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
}

._file-picker__file-icon--primary_3v9zx_21 {
  color: var(--color-primary-element);
}

._file-picker__file-icon-overlay_3v9zx_25 {
  color: var(--color-primary-element-text);
  position: absolute;
  inset-block-start: 10px;
}/*!
 * SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
tr.file-picker__row[data-v-a5daea8d] {
  height: var(--row-height, 50px);
}
tr.file-picker__row td[data-v-a5daea8d] {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: none;
}
tr.file-picker__row td.row-checkbox[data-v-a5daea8d] {
  padding: 0 2px;
}
tr.file-picker__row td[data-v-a5daea8d]:not(.row-checkbox) {
  padding-inline: 14px 0;
}
tr.file-picker__row td.row-size[data-v-a5daea8d] {
  text-align: end;
  padding-inline: 0 14px;
}
tr.file-picker__row td.row-name[data-v-a5daea8d] {
  padding-inline: 2px 0;
}
.file-picker__row[data-v-a5daea8d] * {
  cursor: pointer;
}
.file-picker__row--selected[data-v-a5daea8d] {
  background-color: var(--color-background-dark);
}
.file-picker__row--not-navigatable[data-v-a5daea8d] {
  filter: saturate(0.7);
  opacity: 0.7;
}
.file-picker__row--not-navigatable[data-v-a5daea8d] *, .file-picker__row--not-pickable[data-v-a5daea8d] * {
  cursor: default !important;
}
.file-picker__row[data-v-a5daea8d]:hover {
  background-color: var(--color-background-hover);
}
.file-picker__name-container[data-v-a5daea8d] {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
}
.file-picker__file-name[data-v-a5daea8d] {
  padding-inline-start: 6px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-picker__file-extension[data-v-a5daea8d] {
  color: var(--color-text-maxcontrast);
  min-width: fit-content;
}/*!
 * SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */
tr.file-picker__row[data-v-1f96131b] {
  height: var(--row-height, 50px);
}
tr.file-picker__row td[data-v-1f96131b] {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: none;
}
tr.file-picker__row td.row-checkbox[data-v-1f96131b] {
  padding: 0 2px;
}
tr.file-picker__row td[data-v-1f96131b]:not(.row-checkbox) {
  padding-inline: 14px 0;
}
tr.file-picker__row td.row-size[data-v-1f96131b] {
  text-align: end;
  padding-inline: 0 14px;
}
tr.file-picker__row td.row-name[data-v-1f96131b] {
  padding-inline: 2px 0;
}
@keyframes gradient-1f96131b {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
.loading-row .row-checkbox[data-v-1f96131b] {
  text-align: center !important;
}
.loading-row span[data-v-1f96131b] {
  display: inline-block;
  height: 24px;
  background: linear-gradient(to right, var(--color-background-darker), var(--color-text-maxcontrast), var(--color-background-darker));
  background-size: 600px 100%;
  border-radius: var(--border-radius);
  animation: gradient-1f96131b 12s ease infinite;
}
.loading-row .row-wrapper[data-v-1f96131b] {
  display: inline-flex;
  align-items: center;
}
.loading-row .row-checkbox span[data-v-1f96131b] {
  width: 24px;
}
.loading-row .row-name span[data-v-1f96131b]:last-of-type {
  margin-inline-start: 6px;
  width: 130px;
}
.loading-row .row-size span[data-v-1f96131b] {
  width: 80px;
}
.loading-row .row-modified span[data-v-1f96131b] {
  width: 90px;
}.file-picker__header-preview[data-v-38620705] {
  width: 22px;
  height: 32px;
  flex: 0 0 auto;
}
.file-picker__files[data-v-38620705] {
  margin: 2px;
  margin-inline-start: 12px;
  overflow: scroll auto;
}
.file-picker__files table[data-v-38620705] {
  width: 100%;
  max-height: 100%;
  table-layout: fixed;
}
.file-picker__files th[data-v-38620705] {
  position: sticky;
  z-index: 1;
  top: 0;
  background-color: var(--color-main-background);
  padding: 2px;
}
.file-picker__files th .header-wrapper[data-v-38620705] {
  display: flex;
}
.file-picker__files th.row-checkbox[data-v-38620705] {
  width: 44px;
}
.file-picker__files th.row-name[data-v-38620705] {
  width: 230px;
}
.file-picker__files th.row-size[data-v-38620705] {
  width: 100px;
}
.file-picker__files th.row-modified[data-v-38620705] {
  width: 120px;
}
.file-picker__files th[data-v-38620705]:not(.row-size) .button-vue__wrapper {
  justify-content: start;
  flex-direction: row-reverse;
}
.file-picker__files th[data-v-38620705]:not(.row-size) .button-vue {
  padding-inline: 16px 4px;
}
.file-picker__files th.row-size[data-v-38620705] .button-vue__wrapper {
  justify-content: end;
}
.file-picker__files th[data-v-38620705] .button-vue__wrapper {
  color: var(--color-text-maxcontrast);
}
.file-picker__files th[data-v-38620705] .button-vue__wrapper .button-vue__text {
  font-weight: normal;
}.file-picker__breadcrumbs[data-v-4e6fd4e4] {
  flex-grow: 0 !important;
}.file-picker__side[data-v-86223490] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
  min-width: 200px;
  padding: 2px;
  margin-block-start: 7px;
  overflow: auto;
}
.file-picker__side[data-v-86223490] .button-vue__wrapper {
  justify-content: start;
}
.file-picker__filter-input[data-v-86223490] {
  margin-block: 7px;
  max-width: 260px;
}
@media (max-width: 736px) {
.file-picker__side[data-v-86223490] {
    flex-direction: row;
    min-width: unset;
}
}
@media (max-width: 512px) {
.file-picker__side[data-v-86223490] {
    flex-direction: row;
    min-width: unset;
}
.file-picker__filter-input[data-v-86223490] {
    max-width: unset;
}
}/* Ensure focus outline is visible */
.file-picker__navigation {
  padding-inline: 8px 2px;
}
.file-picker__navigation, .file-picker__navigation * {
  box-sizing: border-box;
}
.file-picker__navigation .v-select.select {
  min-width: 220px;
}
@media (min-width: 513px) and (max-width: 736px) {
.file-picker__navigation {
    gap: 11px;
}
}
@media (max-width: 512px) {
.file-picker__navigation {
    flex-direction: column-reverse !important;
}
}.file-picker__view[data-v-5287035b] {
  height: 50px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.file-picker__view h3[data-v-5287035b] {
  font-weight: bold;
  height: fit-content;
  margin: 0;
}
.file-picker__main[data-v-5287035b] {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  padding-inline: 2px;
}
.file-picker__main[data-v-5287035b] * {
  box-sizing: border-box;
}
[data-v-5287035b] .file-picker {
  height: min(80vh, 800px) !important;
}
@media (max-width: 512px) {
[data-v-5287035b] .file-picker {
    height: calc(100% - 16px - var(--default-clickable-area)) !important;
}
}
[data-v-5287035b] .file-picker__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}.public-auth-prompt__text[data-v-b33d88e5] {
  font-size: 1.25em;
  margin-block: 0 calc(3 * var(--default-grid-baseline));
}
.public-auth-prompt__header[data-v-b33d88e5] {
  margin-block: 0 calc(3 * var(--default-grid-baseline));
}
.public-auth-prompt__header[data-v-b33d88e5]:first-child {
  margin-top: 0;
}
.public-auth-prompt__input[data-v-b33d88e5] {
  margin-block: calc(4 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline));
}
/**
 * SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

.settings-section-placeholder {
	--settings-section-placeholder-header-height: 30px;
	--settings-section-placeholder-line-height: 1lh;
	--settings-section-placeholder-padding: 1em;
	--settings-section-placeholder-image: linear-gradient(90deg, var(--color-placeholder-light) 65%, var(--color-placeholder-dark) 70%, var(--color-placeholder-light) 75%);
	position: relative;
	height: calc(2 * (7 * var(--default-grid-baseline)) + var(--settings-section-placeholder-header-height) + 3 * (var(--settings-section-placeholder-line-height) + 1em));
}

.settings-section-placeholder::before,
.settings-section-placeholder::after {
	content: '';
	position: absolute;
	inset: calc(7 * var(--default-grid-baseline));
	background-clip: content-box;
	background-origin: content-box;
	animation: loading-animation 3s forwards infinite linear;
}

.settings-section-placeholder::before {
	max-width: 300px;
	background: var(--settings-section-placeholder-image) 0 0 / 200vw var(--settings-section-placeholder-header-height) repeat-x content-box;
}

.settings-section-placeholder::after {
	max-width: 900px;
	background:
		var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 0 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box,
		var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 1 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box,
		var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 2 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box;
}

.settings-section-placeholder + .settings-section-placeholder {
	border-top: 1px solid var(--color-border);
}

@keyframes loading-animation {
	0% {
		background-position-x: 0;
	}
	100% {
		background-position-x: 140vw;
	}
}


/*# sourceMappingURL=talk-admin-settings.css.map*/