/*! Nextcloud 35.0.2 CSS; see COPYING and SOURCE.md. */
@import url("/assets/nc-192d9f622a12.css");
:root { font-size: var(--default-font-size); line-height: var(--default-line-height); }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section, main { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; cursor: default; scrollbar-color: var(--color-scrollbar); }
.js-focus-visible :focus:not(.focus-visible) { outline: none; }
.content:not(#content-vue) :focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-element); outline: none; }
html, body { height: 100%; overscroll-behavior-y: contain; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
table { border-collapse: separate; border-spacing: 0px; white-space: nowrap; }
caption, th, td { text-align: start; font-weight: normal; }
table, td, th { vertical-align: middle; }
a { border: 0px; color: var(--color-main-text); text-decoration: none; cursor: pointer; }
a * { cursor: pointer; }
a.external { margin: 0px 3px; text-decoration: underline; }
input { cursor: pointer; }
input * { cursor: pointer; }
select, .button span, label { cursor: pointer; }
mark { background-color: var(--color-mark); }
ul { list-style: none; }
body { font-weight: normal; font-size: var(--default-font-size); line-height: var(--default-line-height); font-family: var(--font-face); color: var(--color-main-text); }
.two-factor-header { text-align: center; }
.two-factor-provider { text-align: center; display: inline-block; width: 100% !important; margin-bottom: 0px !important; background-color: var(--color-background-darker) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.two-factor-link { display: inline-block; padding: 12px; color: var(--color-text-maxcontrast); }
.float-spinner { height: 32px; display: none; }
#nojavascript { position: fixed; top: 0px; bottom: 0px; inset-inline-start: 0px; height: 100%; width: 100%; z-index: 9000; text-align: center; background-color: var(--color-background-darker); color: var(--color-primary-element-text); line-height: 125%; font-size: 24px; }
#nojavascript div { display: block; position: relative; width: 50%; top: 35%; margin: 0px auto; }
#nojavascript a { color: var(--color-primary-element-text); border-bottom: 2px dotted var(--color-main-background); }
#nojavascript a:hover, #nojavascript a:focus { color: var(--color-primary-element-text-dark); }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-corner { background-color: rgba(0, 0, 0, 0); }
::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); }
::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-radius: var(--border-radius-large); border: 2px solid rgba(0, 0, 0, 0); background-clip: content-box; }
::selection { background-color: var(--color-background-selection); color: var(--color-text-selection); }
#app-navigation * { box-sizing: border-box; }
#emptycontent, .emptycontent { color: var(--color-text-maxcontrast); text-align: center; margin-top: 30vh; width: 100%; }
#app-sidebar #emptycontent, #app-sidebar .emptycontent { margin-top: 10vh; }
#emptycontent .emptycontent-search, .emptycontent .emptycontent-search { position: static; }
#emptycontent h2, .emptycontent h2 { margin-bottom: 10px; }
#emptycontent [class^="icon-"], #emptycontent [class*="icon-"], .emptycontent [class^="icon-"], .emptycontent [class*="icon-"] { background-size: 64px auto; height: 64px; width: 64px; margin: 0px auto 15px; }
#emptycontent [class^="icon-"]:not([class^="icon-loading"]), #emptycontent [class^="icon-"]:not([class*="icon-loading"]), #emptycontent [class*="icon-"]:not([class^="icon-loading"]), #emptycontent [class*="icon-"]:not([class*="icon-loading"]), .emptycontent [class^="icon-"]:not([class^="icon-loading"]), .emptycontent [class^="icon-"]:not([class*="icon-loading"]), .emptycontent [class*="icon-"]:not([class^="icon-loading"]), .emptycontent [class*="icon-"]:not([class*="icon-loading"]) { opacity: 0.4; }
#datadirContent label { width: 100%; }
.grouptop, .groupmiddle, .groupbottom { position: relative; user-select: none; }
#show, #dbpassword { position: absolute; inset-inline-end: 1em; top: 0.8em; float: right; }
body[dir="rtl"] #show, body[dir="rtl"] #dbpassword { float: left; }
#show + label, #dbpassword + label { inset-inline-end: 21px; top: 15px !important; margin: -14px !important; padding: 14px !important; }
#show:checked + label, #dbpassword:checked + label, #personal-show:checked + label { opacity: 0.8; }
#show:focus-visible + label, #dbpassword-toggle:focus-visible + label, #personal-show:focus-visible + label { box-shadow: var(--color-primary-element) 0 0 0 2px; opacity: 1; border-radius: 9999px; }
#show + label, #dbpassword + label, #personal-show + label { height: 20px; width: 24px; background-image: var(--icon-toggle-dark); background-repeat: no-repeat; background-position: center center; opacity: 0.3; position: absolute !important; }
#show:focus + label, #dbpassword:focus + label, #personal-show:focus + label { opacity: 1; }
#show + label:hover, #dbpassword + label:hover, #personal-show + label:hover { opacity: 1; }
#show + label::before, #dbpassword + label::before, #personal-show + label::before { display: none; }
#pass2, input[name="personal-password-clone"] { padding-inline-end: 30px; }
.personal-show-container { position: relative; display: inline-block; margin-inline-end: 6px; }
#personal-show + label { display: block; inset-inline-end: 0px; margin-top: -43px; margin-inline-end: -4px; padding: 22px; }
#body-user .warning, #body-settings .warning { margin-top: 8px; padding: 5px; border-radius: var(--border-radius); color: var(--color-main-text); background-color: rgba(var(--color-warning-rgb), 0.2); }
.warning legend, .warning a { font-weight: bold !important; }
.error:not(.toastify) a { color: rgb(255, 255, 255) !important; font-weight: bold !important; }
.error:not(.toastify) a.button { display: inline-block; text-align: center; color: var(--color-text-maxcontrast) !important; }
.error:not(.toastify) pre { white-space: pre-wrap; text-align: start; }
.error-wide { width: 700px; margin-inline-start: -200px !important; }
.error-wide .button { color: rgb(0, 0, 0) !important; }
.warning-input { border-color: var(--color-error-text) !important; }
.avatar, .avatardiv { border-radius: 50%; flex-shrink: 0; }
.avatar > img, .avatardiv > img { border-radius: 50%; flex-shrink: 0; }
td.avatar { border-radius: 0px; }
tr .action:not(.permanent), .selectedActions > a { opacity: 0; }
tr .action { width: 16px; height: 16px; }
tr:hover .action:hover, tr:focus .action:focus { opacity: 1; }
tr:hover .action:not(.menuitem), tr:focus .action:not(.menuitem), tr .action.permanent:not(.menuitem) { opacity: 0.5; }
.selectedActions > a { opacity: 0.5; position: relative; top: 2px; }
.selectedActions > a:hover, .selectedActions > a:focus { opacity: 1; }
.selectedActions a:hover, .selectedActions a:focus { opacity: 1; }
.header-action { opacity: 0.8; }
.header-action:hover, .header-action:focus { opacity: 1; }
tbody tr:not(.group-header):hover, tbody tr:not(.group-header):focus, tbody tr:not(.group-header):active { background-color: var(--color-background-dark); }
code { font-family: "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", monospace; }
.pager { list-style: none; float: right; display: inline; margin: 0.7em 13em 0px 0px; }
.pager li { display: inline-block; }
#tagsdialog .content { width: 100%; height: 280px; }
#tagsdialog .scrollarea { overflow: auto; border: 1px solid var(--color-background-darker); width: 100%; height: 240px; }
#tagsdialog .bottombuttons { width: 100%; height: 30px; }
#tagsdialog .bottombuttons * { float: left; }
#tagsdialog .taglist li { background: var(--color-background-dark); padding: 0.3em 0.8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 500ms; }
#tagsdialog .taglist li:hover, #tagsdialog .taglist li:active { background: var(--color-background-darker); }
#tagsdialog .addinput { width: 90%; clear: both; }
.breadcrumb { display: inline-flex; height: 50px; }
li.crumb { display: inline-flex; background-image: url("/assets/nc-e686042072fb.svg"); background-repeat: no-repeat; background-position: right center; height: 44px; background-size: auto 24px; flex: 0 0 auto; order: 1; padding-inline-end: 7px; }
li.crumb.crumbmenu { order: 2; position: relative; }
li.crumb.crumbmenu a { opacity: 0.5; }
li.crumb.crumbmenu.canDropChildren .popovermenu, li.crumb.crumbmenu.canDrop .popovermenu { display: block; }
li.crumb.crumbmenu .popovermenu { top: 100%; margin-inline-end: 3px; }
li.crumb.crumbmenu .popovermenu ul { max-height: 345px; overflow: hidden auto; padding-inline-end: 5px; }
li.crumb.crumbmenu .popovermenu ul li.canDrop span:first-child { background-image: url("/assets/nc-7db2e1fee682.svg") !important; }
li.crumb.crumbmenu .popovermenu .in-breadcrumb { display: none; }
li.crumb.hidden { display: none; }
li.crumb.hidden ~ .crumb { order: 3; }
li.crumb > a, li.crumb > span { position: relative; padding: 12px; opacity: 0.5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex: 0 0 auto; max-width: 200px; }
li.crumb > a.icon-home, li.crumb > a.icon-delete, li.crumb > span.icon-home, li.crumb > span.icon-delete { text-indent: -9999px; }
li.crumb > a[class^="icon-"] { padding: 0px; width: 44px; }
li.crumb:last-child { font-weight: bold; margin-inline-end: 10px; }
li.crumb:last-child a ~ span { padding-inline-start: 0px; }
li.crumb:hover, li.crumb:focus, li.crumb a:focus, li.crumb:active { opacity: 1; }
li.crumb:hover > a, li.crumb:hover > span, li.crumb:focus > a, li.crumb:focus > span, li.crumb a:focus > a, li.crumb a:focus > span, li.crumb:active > a, li.crumb:active > span { opacity: 0.7; }
.appear { opacity: 1; transition: opacity 500ms; }
.appear.transparent { opacity: 0; }
fieldset.warning legend, fieldset.update legend { top: 18px; position: relative; }
fieldset.warning legend + p, fieldset.update legend + p { margin-top: 12px; }
.hiddenuploadfield { display: none; width: 0px; height: 0px; opacity: 0; }
input, textarea, select, button, div[contenteditable="true"], div[contenteditable="false"] { font-family: var(--font-face); }
select, button:not(.button-vue, [class^="vs__"]), input, textarea, div[contenteditable="true"], div[contenteditable="false"] { width: 130px; min-height: var(--default-clickable-area); box-sizing: border-box; }
button:not(.button-vue):disabled, input:not([type="range"]):disabled, textarea:disabled { cursor: default; color: var(--color-text-maxcontrast); border-color: var(--color-border-dark); opacity: 0.7; }
input:not([type="range"]) { outline: none; }
input[type="submit"], input[type="button"], input[type="reset"], button:not(.button-vue, [class^="vs__"]), .button, .pager li a { padding: 7px 14px; background-color: var(--color-main-background); color: var(--color-main-text); border: 1px solid var(--color-border-dark); font-size: var(--default-font-size); outline: none; border-radius: var(--border-radius); cursor: text; }
input[type="submit"]:not(.app-navigation-entry-button), input[type="button"]:not(.app-navigation-entry-button), input[type="reset"]:not(.app-navigation-entry-button), button:not(.button-vue, [class^="vs__"]):not(.app-navigation-entry-button), .button:not(.app-navigation-entry-button), .pager li a:not(.app-navigation-entry-button) { margin: 3px; margin-inline-start: 0px; }
input[type="submit"]:not(:disabled, .primary):not(.app-navigation-entry-button):hover, input[type="submit"]:not(:disabled, .primary):not(.app-navigation-entry-button):focus, input[type="submit"]:not(:disabled, .primary):not(.app-navigation-entry-button).active, input[type="button"]:not(:disabled, .primary):not(.app-navigation-entry-button):hover, input[type="button"]:not(:disabled, .primary):not(.app-navigation-entry-button):focus, input[type="button"]:not(:disabled, .primary):not(.app-navigation-entry-button).active, input[type="reset"]:not(:disabled, .primary):not(.app-navigation-entry-button):hover, input[type="reset"]:not(:disabled, .primary):not(.app-navigation-entry-button):focus, input[type="reset"]:not(:disabled, .primary):not(.app-navigation-entry-button).active, button:not(.button-vue, [class^="vs__"]):not(:disabled, .primary):not(.app-navigation-entry-button):hover, button:not(.button-vue, [class^="vs__"]):not(:disabled, .primary):not(.app-navigation-entry-button):focus, button:not(.button-vue, [class^="vs__"]):not(:disabled, .primary):not(.app-navigation-entry-button).active, .button:not(:disabled, .primary):not(.app-navigation-entry-button):hover, .button:not(:disabled, .primary):not(.app-navigation-entry-button):focus, .button:not(:disabled, .primary):not(.app-navigation-entry-button).active, .pager li a:not(:disabled, .primary):not(.app-navigation-entry-button):hover, .pager li a:not(:disabled, .primary):not(.app-navigation-entry-button):focus, .pager li a:not(:disabled, .primary):not(.app-navigation-entry-button).active { border-color: var(--color-main-text); outline: none; }
input[type="submit"]:not(:disabled, .primary):not(.app-navigation-entry-button):active, input[type="button"]:not(:disabled, .primary):not(.app-navigation-entry-button):active, input[type="reset"]:not(:disabled, .primary):not(.app-navigation-entry-button):active, button:not(.button-vue, [class^="vs__"]):not(:disabled, .primary):not(.app-navigation-entry-button):active, .button:not(:disabled, .primary):not(.app-navigation-entry-button):active, .pager li a:not(:disabled, .primary):not(.app-navigation-entry-button):active { outline: none; background-color: var(--color-main-background); color: var(--color-main-text); }
input[type="submit"]:not(:disabled, .primary):focus-visible, input[type="button"]:not(:disabled, .primary):focus-visible, input[type="reset"]:not(:disabled, .primary):focus-visible, button:not(.button-vue, [class^="vs__"]):not(:disabled, .primary):focus-visible, .button:not(:disabled, .primary):focus-visible, .pager li a:not(:disabled, .primary):focus-visible { box-shadow: 0 0 0 4px var(--color-main-background) !important; outline: 2px solid var(--color-main-text) !important; }
input[type="submit"]:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, button:not(.button-vue, [class^="vs__"]):disabled, .button:disabled, .pager li a:disabled { background-color: var(--color-background-dark); color: var(--color-main-text); cursor: default; opacity: 0.5; }
input[type="submit"]:required, input[type="button"]:required, input[type="reset"]:required, button:not(.button-vue, [class^="vs__"]):required, .button:required, .pager li a:required { box-shadow: none; }
input[type="submit"]:user-invalid, input[type="button"]:user-invalid, input[type="reset"]:user-invalid, button:not(.button-vue, [class^="vs__"]):user-invalid, .button:user-invalid, .pager li a:user-invalid { box-shadow: 0 0 0 2px var(--color-error) !important; }
input[type="submit"].primary, input[type="button"].primary, input[type="reset"].primary, button:not(.button-vue, [class^="vs__"]).primary, .button.primary, .pager li a.primary { background-color: var(--color-primary-element); border-color: var(--color-primary-element); color: var(--color-primary-element-text); cursor: pointer; }
#body-login :not(.body-login-container) input[type="submit"].primary, #header input[type="submit"].primary, #body-login :not(.body-login-container) input[type="button"].primary, #header input[type="button"].primary, #body-login :not(.body-login-container) input[type="reset"].primary, #header input[type="reset"].primary, #body-login :not(.body-login-container) button:not(.button-vue, [class^="vs__"]).primary, #header button:not(.button-vue, [class^="vs__"]).primary, #body-login :not(.body-login-container) .button.primary, #header .button.primary, #body-login :not(.body-login-container) .pager li a.primary, #header .pager li a.primary { border-color: var(--color-primary-element-text); }
input[type="submit"].primary:not(:disabled):hover, input[type="submit"].primary:not(:disabled):focus, input[type="submit"].primary:not(:disabled):active, input[type="button"].primary:not(:disabled):hover, input[type="button"].primary:not(:disabled):focus, input[type="button"].primary:not(:disabled):active, input[type="reset"].primary:not(:disabled):hover, input[type="reset"].primary:not(:disabled):focus, input[type="reset"].primary:not(:disabled):active, button:not(.button-vue, [class^="vs__"]).primary:not(:disabled):hover, button:not(.button-vue, [class^="vs__"]).primary:not(:disabled):focus, button:not(.button-vue, [class^="vs__"]).primary:not(:disabled):active, .button.primary:not(:disabled):hover, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):active, .pager li a.primary:not(:disabled):hover, .pager li a.primary:not(:disabled):focus, .pager li a.primary:not(:disabled):active { background-color: var(--color-primary-element-hover); border-color: var(--color-primary-element-hover); }
input[type="submit"].primary:not(:disabled):focus, input[type="submit"].primary:not(:disabled):focus-visible, input[type="button"].primary:not(:disabled):focus, input[type="button"].primary:not(:disabled):focus-visible, input[type="reset"].primary:not(:disabled):focus, input[type="reset"].primary:not(:disabled):focus-visible, button:not(.button-vue, [class^="vs__"]).primary:not(:disabled):focus, button:not(.button-vue, [class^="vs__"]).primary:not(:disabled):focus-visible, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):focus-visible, .pager li a.primary:not(:disabled):focus, .pager li a.primary:not(:disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-main-text); }
input[type="submit"].primary:not(:disabled):active, input[type="button"].primary:not(:disabled):active, input[type="reset"].primary:not(:disabled):active, button:not(.button-vue, [class^="vs__"]).primary:not(:disabled):active, .button.primary:not(:disabled):active, .pager li a.primary:not(:disabled):active { color: var(--color-primary-element-text-dark); }
input[type="submit"].primary:disabled, input[type="button"].primary:disabled, input[type="reset"].primary:disabled, button:not(.button-vue, [class^="vs__"]).primary:disabled, .button.primary:disabled, .pager li a.primary:disabled { background-color: var(--color-primary-element); color: var(--color-primary-element-text-dark); cursor: default; }
div[contenteditable="false"] { margin: 3px; margin-inline-start: 0px; padding: 7px 6px; font-size: 13px; border: 1px solid var(--color-background-darker); outline: none; border-radius: var(--border-radius); background-color: var(--color-background-dark); color: var(--color-text-maxcontrast); cursor: default; opacity: 0.5; }
input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]) { appearance: textfield; height: var(--default-clickable-area); }
input[type="radio"], input[type="checkbox"], input[type="file"], input[type="image"] { height: auto; width: auto; }
input[type="color"] { margin: 3px; padding: 0px 2px; min-height: 30px; width: 40px; cursor: pointer; }
input[type="hidden"] { height: 0px; width: 0px; }
input[type="time"] { width: initial; }
select, button:not(.button-vue, [class^="vs__"]), .button, input[type="button"], input[type="submit"], input[type="reset"] { padding: calc((var(--default-clickable-area) - 1lh)/2) calc(3*var(--default-grid-baseline)); font-size: var(--default-font-size); width: auto; min-height: var(--default-clickable-area); cursor: pointer; box-sizing: border-box; color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
select:hover, select:focus, button:not(.button-vue, [class^="vs__"]):hover, button:not(.button-vue, [class^="vs__"]):focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus { background-color: var(--color-primary-element-light-hover); }
select:disabled, button:not(.button-vue, [class^="vs__"]):disabled, .button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled { cursor: default; }
input:not([type="range"], .input-field__input, [type="submit"], [type="button"], [type="reset"], .multiselect__input, .action-input__input, [class^="vs__"]), select, div[contenteditable="true"], textarea { margin: 3px; margin-inline-start: 0px; padding: 0px 12px; font-size: var(--default-font-size); background-color: var(--color-main-background); color: var(--color-main-text); border: 2px solid var(--color-border-maxcontrast); height: 36px; outline: none; border-radius: var(--border-radius-large); text-overflow: ellipsis; cursor: pointer; }
input:not([type="range"], .input-field__input, [type="submit"], [type="button"], [type="reset"], .multiselect__input, .action-input__input, [class^="vs__"]):not(:disabled):hover, input:not([type="range"], .input-field__input, [type="submit"], [type="button"], [type="reset"], .multiselect__input, .action-input__input, [class^="vs__"]):not(:disabled):focus, input:not([type="range"], .input-field__input, [type="submit"], [type="button"], [type="reset"], .multiselect__input, .action-input__input, [class^="vs__"]):not(:disabled):active, select:not(:disabled):hover, select:not(:disabled):focus, select:not(:disabled):active, div[contenteditable="true"]:not(:disabled):hover, div[contenteditable="true"]:not(:disabled):focus, div[contenteditable="true"]:not(:disabled):active, textarea:not(:disabled):hover, textarea:not(:disabled):focus, textarea:not(:disabled):active { border-color: 2px solid var(--color-main-text); box-shadow: 0 0 0 2px var(--color-main-background); }
input:not([type="range"], .input-field__input, [type="submit"], [type="button"], [type="reset"], .multiselect__input, .action-input__input, [class^="vs__"]):not(:disabled):focus, select:not(:disabled):focus, div[contenteditable="true"]:not(:disabled):focus, textarea:not(:disabled):focus { cursor: text; }
textarea, div[contenteditable="true"] { padding: 12px; height: auto; }
select { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; appearance: none; background-color: var(--color-main-background); padding-inline-end: 28px !important; }
body[dir="ltr"] select { background-position: right 8px center; }
body[dir="rtl"] select { background-position: left 8px center; }
select *, button:not(.button-vue, [class^="vs__"]) *, .button * { cursor: pointer; }
select:disabled *, button:not(.button-vue, [class^="vs__"]):disabled *, .button:disabled * { cursor: default; }
button:not(.button-vue, [class^="vs__"]), .button, input[type="button"], input[type="submit"], input[type="reset"] { font-weight: bold; border-radius: var(--border-radius-element); }
button:not(.button-vue, [class^="vs__"]).error, .button.error, input[type="button"].error, input[type="submit"].error, input[type="reset"].error { background-color: var(--color-error) !important; border-color: var(--color-norder-error) !important; color: var(--color-error-text) !important; }
button:not(.button-vue, [class^="vs__"]).error:hover, .button.error:hover, input[type="button"].error:hover, input[type="submit"].error:hover, input[type="reset"].error:hover { background-color: var(--color-error-hover) !important; border-color: var(--color-main-text) !important; }
button:not(.button-vue, .action-button, [class^="vs__"]) > span[class^="icon-"], button:not(.button-vue, .action-button, [class^="vs__"]) > span[class*=" icon-"], .button > span[class^="icon-"], .button > span[class*=" icon-"] { display: inline-block; vertical-align: text-bottom; opacity: 0.5; }
input[type="text"] + .icon-confirm, input[type="password"] + .icon-confirm, input[type="email"] + .icon-confirm { border-width: 2px; background-clip: padding-box; opacity: 1; height: var(--default-clickable-area); width: var(--default-clickable-area); padding: 7px 6px; cursor: pointer; margin-inline-end: 0px; margin-inline-start: -13px !important; border-inline-start-color: rgba(0, 0, 0, 0) !important; border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0 !important; background-color: var(--color-main-background) !important; }
input[type="text"] + .icon-confirm:disabled, input[type="password"] + .icon-confirm:disabled, input[type="email"] + .icon-confirm:disabled { cursor: default; background-image: var(--icon-confirm-fade-dark); }
input[type="text"]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm, input[type="password"]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm, input[type="email"]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm { border-color: var(--color-border-error); }
input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus, input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus, input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus { border-color: var(--color-primary-element) !important; border-radius: var(--border-radius) !important; }
input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type="text"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled, input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type="password"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled, input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type="email"]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled { border-color: var(--color-background-darker) !important; }
input[type="text"]:active + .icon-confirm, input[type="text"]:hover + .icon-confirm, input[type="text"]:focus + .icon-confirm, input[type="password"]:active + .icon-confirm, input[type="password"]:hover + .icon-confirm, input[type="password"]:focus + .icon-confirm, input[type="email"]:active + .icon-confirm, input[type="email"]:hover + .icon-confirm, input[type="email"]:focus + .icon-confirm { z-index: 2; border-color: var(--color-primary-element) !important; border-inline-start-color: rgba(0, 0, 0, 0) !important; }
button img, .button img { cursor: pointer; }
select, .button.multiselect { font-weight: normal; }
input[type="checkbox"].radio, input[type="checkbox"].checkbox, input[type="radio"].radio, input[type="radio"].checkbox { position: absolute; inset-inline-start: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
input[type="checkbox"].radio + label, input[type="checkbox"].checkbox + label, input[type="radio"].radio + label, input[type="radio"].checkbox + label { user-select: none; }
input[type="checkbox"].radio:disabled + label, input[type="checkbox"].radio:disabled + label::before, input[type="checkbox"].checkbox:disabled + label, input[type="checkbox"].checkbox:disabled + label::before, input[type="radio"].radio:disabled + label, input[type="radio"].radio:disabled + label::before, input[type="radio"].checkbox:disabled + label, input[type="radio"].checkbox:disabled + label::before { cursor: default; }
input[type="checkbox"].radio + label::before, input[type="checkbox"].checkbox + label::before, input[type="radio"].radio + label::before, input[type="radio"].checkbox + label::before { content: ""; display: inline-block; height: 14px; width: 14px; vertical-align: middle; border-radius: 50%; margin: 0px 3px; margin-inline: 3px 6px; border: 1px solid var(--color-text-maxcontrast); }
input[type="checkbox"].radio:not(:disabled):not(:checked) + label:hover::before, input[type="checkbox"].radio:focus + label::before, input[type="checkbox"].checkbox:not(:disabled):not(:checked) + label:hover::before, input[type="checkbox"].checkbox:focus + label::before, input[type="radio"].radio:not(:disabled):not(:checked) + label:hover::before, input[type="radio"].radio:focus + label::before, input[type="radio"].checkbox:not(:disabled):not(:checked) + label:hover::before, input[type="radio"].checkbox:focus + label::before { border-color: var(--color-primary-element); }
input[type="checkbox"].radio:focus-visible + label, input[type="checkbox"].checkbox:focus-visible + label, input[type="radio"].radio:focus-visible + label, input[type="radio"].checkbox:focus-visible + label { outline-style: solid; outline-color: var(--color-main-text); outline-width: 1px; outline-offset: 2px; }
input[type="checkbox"].radio:checked + label::before, input[type="checkbox"].radio.checkbox:indeterminate + label::before, input[type="checkbox"].checkbox:checked + label::before, input[type="checkbox"].checkbox.checkbox:indeterminate + label::before, input[type="radio"].radio:checked + label::before, input[type="radio"].radio.checkbox:indeterminate + label::before, input[type="radio"].checkbox:checked + label::before, input[type="radio"].checkbox.checkbox:indeterminate + label::before { box-shadow: inset 0px 0px 0px 2px var(--color-main-background); background-color: var(--color-primary-element); border-color: var(--color-primary-element); }
input[type="checkbox"].radio:disabled + label::before, input[type="checkbox"].checkbox:disabled + label::before, input[type="radio"].radio:disabled + label::before, input[type="radio"].checkbox:disabled + label::before { border: 1px solid var(--color-text-maxcontrast); background-color: var(--color-text-maxcontrast) !important; }
input[type="checkbox"].radio:checked:disabled + label::before, input[type="checkbox"].checkbox:checked:disabled + label::before, input[type="radio"].radio:checked:disabled + label::before, input[type="radio"].checkbox:checked:disabled + label::before { background-color: var(--color-text-maxcontrast); }
input[type="checkbox"].radio + label ~ em, input[type="checkbox"].checkbox + label ~ em, input[type="radio"].radio + label ~ em, input[type="radio"].checkbox + label ~ em { display: inline-block; margin-inline-start: 25px; }
input[type="checkbox"].radio + label ~ em:last-of-type, input[type="checkbox"].checkbox + label ~ em:last-of-type, input[type="radio"].radio + label ~ em:last-of-type, input[type="radio"].checkbox + label ~ em:last-of-type { margin-bottom: 14px; }
input[type="checkbox"].checkbox + label::before, input[type="radio"].checkbox + label::before { border-radius: 1px; height: 14px; width: 14px; background-position: center center; box-shadow: none !important; }
input[type="checkbox"].checkbox:checked + label::before, input[type="radio"].checkbox:checked + label::before { background-image: url("/assets/nc-e27d76d0596a.svg"); }
input[type="checkbox"].checkbox:indeterminate + label::before, input[type="radio"].checkbox:indeterminate + label::before { background-image: url("/assets/nc-cf8413c5384b.svg"); }
input[type="checkbox"].radio--white + label::before, input[type="checkbox"].radio--white:focus + label::before, input[type="checkbox"].checkbox--white + label::before, input[type="checkbox"].checkbox--white:focus + label::before, input[type="radio"].radio--white + label::before, input[type="radio"].radio--white:focus + label::before, input[type="radio"].checkbox--white + label::before, input[type="radio"].checkbox--white:focus + label::before { border-color: rgb(186, 186, 186); }
input[type="checkbox"].radio--white:not(:disabled):not(:checked) + label:hover::before, input[type="checkbox"].checkbox--white:not(:disabled):not(:checked) + label:hover::before, input[type="radio"].radio--white:not(:disabled):not(:checked) + label:hover::before, input[type="radio"].checkbox--white:not(:disabled):not(:checked) + label:hover::before { border-color: rgb(255, 255, 255); }
input[type="checkbox"].radio--white:checked + label::before, input[type="checkbox"].checkbox--white:checked + label::before, input[type="radio"].radio--white:checked + label::before, input[type="radio"].checkbox--white:checked + label::before { box-shadow: inset 0px 0px 0px 2px var(--color-main-background); background-color: rgb(219, 219, 219); border-color: rgb(219, 219, 219); }
input[type="checkbox"].radio--white:disabled + label::before, input[type="checkbox"].checkbox--white:disabled + label::before, input[type="radio"].radio--white:disabled + label::before, input[type="radio"].checkbox--white:disabled + label::before { background-color: rgb(186, 186, 186) !important; border-color: rgba(255, 255, 255, 0.4) !important; }
input[type="checkbox"].radio--white:checked:disabled + label::before, input[type="checkbox"].checkbox--white:checked:disabled + label::before, input[type="radio"].radio--white:checked:disabled + label::before, input[type="radio"].checkbox--white:checked:disabled + label::before { box-shadow: inset 0px 0px 0px 2px var(--color-main-background); background-color: rgb(186, 186, 186); border-color: rgba(255, 255, 255, 0.4) !important; }
input[type="checkbox"].checkbox--white:checked + label::before, input[type="checkbox"].checkbox--white:indeterminate + label::before, input[type="radio"].checkbox--white:checked + label::before, input[type="radio"].checkbox--white:indeterminate + label::before { background-image: url("/assets/nc-3bb878be9a63.svg"); background-color: rgba(0, 0, 0, 0) !important; border-color: rgb(255, 255, 255) !important; }
input[type="checkbox"].checkbox--white:indeterminate + label::before, input[type="radio"].checkbox--white:indeterminate + label::before { background-image: url("/assets/nc-b9955d2ab56d.svg"); }
input[type="checkbox"].checkbox--white:disabled + label::before, input[type="radio"].checkbox--white:disabled + label::before { opacity: 0.7; }
.v-select { margin: 3px; margin-inline-start: 0px; display: inline-block; }
.v-select .dropdown-toggle { display: flex !important; flex-wrap: wrap; }
.v-select .dropdown-toggle .selected-tag { line-height: 20px; padding-inline-start: 5px; background-image: none; background-color: var(--color-main-background); color: var(--color-text-maxcontrast); border: 1px solid var(--color-border-dark); display: inline-flex; align-items: center; }
.v-select .dropdown-toggle .selected-tag .close { margin-inline-start: 3px; }
.v-select .dropdown-menu { padding: 0px; }
.v-select .dropdown-menu li { padding: 5px; position: relative; display: list-item; background-color: rgba(0, 0, 0, 0); cursor: pointer; color: var(--color-text-maxcontrast); }
.v-select .dropdown-menu li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 25px; padding-block: 3px 4px; padding-inline: 2px 7px; margin: 0px; cursor: pointer; min-height: 1em; user-select: none; display: inline-flex; align-items: center; background-color: rgba(0, 0, 0, 0) !important; color: inherit !important; }
.v-select .dropdown-menu li a::before { content: " "; background-image: var(--icon-checkmark-dark); background-repeat: no-repeat; background-position: center center; min-width: 16px; min-height: 16px; display: block; opacity: 0.5; margin-inline-end: 5px; visibility: hidden; }
.v-select .dropdown-menu li.highlight { color: var(--color-main-text); }
.v-select .dropdown-menu li.active > a { background-color: var(--color-background-dark); color: var(--color-main-text); }
.v-select .dropdown-menu li.active > a::before { visibility: visible; }
progress:not(.vue) { display: block; width: 100%; padding: 0px; border: 0px; background-color: var(--color-background-dark); border-radius: var(--border-radius); flex-basis: 100%; height: 5px; overflow: hidden; }
progress:not(.vue).warn::-webkit-progress-value { background: var(--color-error); }
progress:not(.vue)::-webkit-progress-bar { background: rgba(0, 0, 0, 0); }
progress:not(.vue)::-webkit-progress-value { border-radius: var(--border-radius); background: var(--color-primary-element); transition: 250ms ease-in-out; }
@keyframes shake { 
  10%, 90% { transform: translate(-1px); }
  20%, 80% { transform: translate(2px); }
  30%, 50%, 70% { transform: translate(-4px); }
  40%, 60% { transform: translate(4px); }
}
.shake { animation-name: shake; animation-duration: 0.7s; animation-timing-function: ease-out; }
label.infield { position: absolute; inset-inline-start: -10000px; top: -10000px; width: 1px; height: 1px; overflow: hidden; }
::placeholder { color: var(--color-text-maxcontrast); font-size: var(--default-font-size); }
::-webkit-input-placeholder { color: var(--color-text-maxcontrast); font-size: var(--default-font-size); }
:root { --unified-search-width: clamp(200px, 35vw, 700px); }
#skip-actions { position: absolute; overflow: hidden; z-index: 9999; top: -999px; inset-inline-start: 3px; padding: 11px; display: flex; flex-wrap: wrap; gap: 11px; }
#skip-actions:focus-within { top: var(--header-height); }
#header { user-select: none; }
#header:not(.header-guest) { display: inline-flex; position: absolute; top: 0px; width: 100%; z-index: 2000; height: var(--header-height); box-sizing: border-box; justify-content: space-between; }
#header #nextcloud { padding: 5px 0px; padding-inline-start: 86px; position: relative; height: calc(100% - var(--default-grid-baseline)); box-sizing: border-box; opacity: 1; align-items: center; display: flex; flex-wrap: wrap; overflow: hidden; margin: 2px; }
#header #nextcloud:hover, #header #nextcloud:active { opacity: 1; }
#header #nextcloud .logo { display: inline-flex; background-image: var(--image-logoheader, var(--image-logo, url("/assets/logo.svg"))); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 62px; position: absolute; inset-inline-start: 12px; top: 1px; bottom: 1px; filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright)); }
#header #nextcloud:focus-visible, #header .header-menu button:first-of-type:focus-visible { outline: none; }
#header #nextcloud:focus-visible::after, #header .header-menu button:first-of-type:focus-visible::after { content: " "; position: absolute; inset-block-end: 2px; transform: translateX(-50%); width: 12px; height: 2px; border-radius: 3px; background-color: var(--color-background-plain-text); inset-inline-start: 50%; opacity: 1; }
#header .header-start { display: inline-flex; align-items: center; flex: 1 0 0%; white-space: nowrap; min-width: 0px; }
#header .header-center { display: inline-flex; align-items: center; justify-content: flex-end; flex: 0 1 auto; white-space: nowrap; min-width: 0px; }
#header .header-end { display: inline-flex; align-items: center; justify-content: flex-end; flex-shrink: 1; }
#header .header-end > :last-child { margin-inline-end: calc(3*var(--default-grid-baseline)); }
@media (min-width: 512px) {
  #body-user #header .header-end, #body-settings #header .header-end { flex: 1 0 0%; }
}
#header .header-appname { color: var(--color-background-plain-text); font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; padding-inline-end: 5px; overflow: hidden; text-overflow: ellipsis; flex: 1 1 100%; }
#header .header-appname .header-info { display: flex; flex-direction: column; overflow: hidden; }
#header .header-appname .header-info .header-title { overflow: hidden; text-overflow: ellipsis; }
#header .header-appname .header-info .header-shared-by { color: var(--color-background-plain-text); position: relative; font-weight: 300; font-size: var(--font-size-small); line-height: var(--font-size-small); overflow: hidden; text-overflow: ellipsis; }
[class^="icon-"], [class*=" icon-"] { background-repeat: no-repeat; background-position: center center; min-width: 16px; min-height: 16px; }
.icon-breadcrumb { background-image: url("/assets/nc-e686042072fb.svg"); }
.loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark { position: relative; }
.loading::after, .loading-small::after, .icon-loading::after, .icon-loading-dark::after, .icon-loading-small::after, .icon-loading-small-dark::after { z-index: 2; content: ""; height: 28px; width: 28px; margin: -16px 0px 0px -16px; position: absolute; top: 50%; inset-inline-start: 50%; border-radius: 100%; animation: 0.8s linear 0s infinite normal none running rotate; transform-origin: center center; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--color-loading-dark); filter: var(--background-invert-if-dark); }
.primary .loading::after, .primary + .loading::after, .primary .loading-small::after, .primary + .loading-small::after, .primary .icon-loading::after, .primary + .icon-loading::after, .primary .icon-loading-dark::after, .primary + .icon-loading-dark::after, .primary .icon-loading-small::after, .primary + .icon-loading-small::after, .primary .icon-loading-small-dark::after, .primary + .icon-loading-small-dark::after { filter: var(--primary-invert-if-bright); }
.icon-loading-dark::after, .icon-loading-small-dark::after { border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--color-loading-light); }
.icon-loading-small::after, .icon-loading-small-dark::after { height: 12px; width: 12px; margin: -8px 0px 0px -8px; }
audio.icon-loading, canvas.icon-loading, embed.icon-loading, iframe.icon-loading, img.icon-loading, input.icon-loading, object.icon-loading, video.icon-loading { background-image: url("/assets/nc-97c73c16a47e.gif"); }
audio.icon-loading-dark, canvas.icon-loading-dark, embed.icon-loading-dark, iframe.icon-loading-dark, img.icon-loading-dark, input.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark { background-image: url("/assets/nc-ff7b67d9d542.gif"); }
audio.icon-loading-small, canvas.icon-loading-small, embed.icon-loading-small, iframe.icon-loading-small, img.icon-loading-small, input.icon-loading-small, object.icon-loading-small, video.icon-loading-small { background-image: url("/assets/nc-10bc610d57d0.gif"); }
audio.icon-loading-small-dark, canvas.icon-loading-small-dark, embed.icon-loading-small-dark, iframe.icon-loading-small-dark, img.icon-loading-small-dark, input.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark { background-image: url("/assets/nc-3a825719d76e.gif"); }
@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.icon-32 { background-size: 32px auto !important; }
.icon-white.icon-shadow, .icon-audio-white, .icon-audio-off-white, .icon-fullscreen-white, .icon-screen-white, .icon-screen-off-white, .icon-video-white, .icon-video-off-white { filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); }
@media screen and (width < 1024px) {
  :root { --body-container-margin: 0px !important; --body-container-radius: 0px !important; }
}
html { width: 100%; height: 100%; position: absolute; background-color: var(--color-background-plain, var(--color-main-background)); }
body { --color-text-light: var(--color-main-text); --color-text-lighter: var(--color-text-maxcontrast); background-color: var(--color-background-plain, var(--color-main-background)); background-image: var(--image-background); background-size: cover; background-position: center center; position: fixed; width: 100%; height: calc(100vh - env(safe-area-inset-bottom)); }
h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.5; margin-top: 24px; margin-bottom: 12px; color: var(--color-main-text); }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1.1em; }
em { font-style: normal; color: var(--color-text-maxcontrast); }
dl { padding: 12px 0px; }
dt, dd { display: inline-block; padding: 12px; padding-inline-start: 0px; }
dt { width: 130px; white-space: nowrap; text-align: end; }
kbd { padding: 4px 10px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px; border-radius: var(--border-radius); display: inline-block; white-space: nowrap; }
#content[class*="app-"] * { box-sizing: border-box; }
#app-navigation:not(.vue) { --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); width: 300px; z-index: 500; overflow: hidden auto; background-color: var(--color-main-background-blur); backdrop-filter: var(--filter-background-blur); position: sticky; height: 100%; user-select: none; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; }
#app-navigation:not(.vue) .app-navigation-caption { font-weight: bold; line-height: var(--default-clickable-area); padding: 10px var(--default-clickable-area) 0 var(--default-clickable-area); white-space: nowrap; text-overflow: ellipsis; user-select: none; pointer-events: none; margin-inline-start: 10px; box-shadow: none !important; }
.app-navigation-personal .app-navigation-new, .app-navigation-administration .app-navigation-new { display: block; padding: calc(var(--default-grid-baseline)*2); }
.app-navigation-personal .app-navigation-new button, .app-navigation-administration .app-navigation-new button { display: inline-block; width: 100%; padding: 10px; padding-inline-start: 34px; text-align: start; margin: 0px; }
.app-navigation-personal li, .app-navigation-administration li { position: relative; }
.app-navigation-personal > ul, .app-navigation-administration > ul { position: relative; height: 100%; width: 100%; overflow: hidden auto; box-sizing: border-box; display: flex; flex-direction: column; padding-top: ; padding-right: ; padding-left: ; padding-bottom: 0px; }
.app-navigation-personal > ul:last-child, .app-navigation-administration > ul:last-child { padding-bottom: calc(var(--default-grid-baseline)*2); }
.app-navigation-personal > ul > li, .app-navigation-administration > ul > li { display: inline-flex; flex-wrap: wrap; order: 1; flex-shrink: 0; margin: 0px 0px 3px; width: 100%; border-radius: var(--border-radius-element); }
.app-navigation-personal > ul > li.pinned, .app-navigation-administration > ul > li.pinned { order: 2; }
.app-navigation-personal > ul > li.pinned.first-pinned, .app-navigation-administration > ul > li.pinned.first-pinned { margin-top: auto !important; }
.app-navigation-personal > ul > li > .app-navigation-entry-deleted, .app-navigation-administration > ul > li > .app-navigation-entry-deleted { padding-inline-start: var(--default-clickable-area) !important; }
.app-navigation-personal > ul > li > .app-navigation-entry-edit, .app-navigation-administration > ul > li > .app-navigation-entry-edit { padding-inline-start: calc(var(--default-clickable-area) - 6px) !important; }
.app-navigation-personal > ul > li a:hover, .app-navigation-personal > ul > li a:hover > a, .app-navigation-personal > ul > li a:focus, .app-navigation-personal > ul > li a:focus > a, .app-navigation-administration > ul > li a:hover, .app-navigation-administration > ul > li a:hover > a, .app-navigation-administration > ul > li a:focus, .app-navigation-administration > ul > li a:focus > a { background-color: var(--color-background-hover); }
.app-navigation-personal > ul > li a:focus-visible, .app-navigation-administration > ul > li a:focus-visible { box-shadow: 0 0 0 4px var(--color-main-background); outline: 2px solid var(--color-main-text); }
.app-navigation-personal > ul > li.active, .app-navigation-personal > ul > li.active > a, .app-navigation-personal > ul > li a:active, .app-navigation-personal > ul > li a:active > a, .app-navigation-personal > ul > li a.selected, .app-navigation-personal > ul > li a.selected > a, .app-navigation-personal > ul > li a.active, .app-navigation-personal > ul > li a.active > a, .app-navigation-administration > ul > li.active, .app-navigation-administration > ul > li.active > a, .app-navigation-administration > ul > li a:active, .app-navigation-administration > ul > li a:active > a, .app-navigation-administration > ul > li a.selected, .app-navigation-administration > ul > li a.selected > a, .app-navigation-administration > ul > li a.active, .app-navigation-administration > ul > li a.active > a { background-color: var(--color-primary-element); color: var(--color-primary-element-text); }
.app-navigation-personal > ul > li.active:first-child > img, .app-navigation-personal > ul > li.active > a:first-child > img, .app-navigation-personal > ul > li a:active:first-child > img, .app-navigation-personal > ul > li a:active > a:first-child > img, .app-navigation-personal > ul > li a.selected:first-child > img, .app-navigation-personal > ul > li a.selected > a:first-child > img, .app-navigation-personal > ul > li a.active:first-child > img, .app-navigation-personal > ul > li a.active > a:first-child > img, .app-navigation-administration > ul > li.active:first-child > img, .app-navigation-administration > ul > li.active > a:first-child > img, .app-navigation-administration > ul > li a:active:first-child > img, .app-navigation-administration > ul > li a:active > a:first-child > img, .app-navigation-administration > ul > li a.selected:first-child > img, .app-navigation-administration > ul > li a.selected > a:first-child > img, .app-navigation-administration > ul > li a.active:first-child > img, .app-navigation-administration > ul > li a.active > a:first-child > img { filter: var(--primary-invert-if-dark); }
.app-navigation-personal > ul > li.icon-loading-small::after, .app-navigation-administration > ul > li.icon-loading-small::after { inset-inline-start: 22px; top: 22px; }
.app-navigation-personal > ul > li.deleted > ul, .app-navigation-personal > ul > li.collapsible:not(.open) > ul, .app-navigation-administration > ul > li.deleted > ul, .app-navigation-administration > ul > li.collapsible:not(.open) > ul { display: none; }
.app-navigation-personal > ul > li > ul, .app-navigation-administration > ul > li > ul { flex: 0 1 auto; width: 100%; position: relative; }
.app-navigation-personal > ul > li > ul > li, .app-navigation-administration > ul > li > ul > li { display: inline-flex; flex-wrap: wrap; padding-inline-start: var(--default-clickable-area); width: 100%; margin-bottom: 3px; }
.app-navigation-personal > ul > li > ul > li:hover, .app-navigation-personal > ul > li > ul > li:hover > a, .app-navigation-personal > ul > li > ul > li:focus, .app-navigation-personal > ul > li > ul > li:focus > a, .app-navigation-administration > ul > li > ul > li:hover, .app-navigation-administration > ul > li > ul > li:hover > a, .app-navigation-administration > ul > li > ul > li:focus, .app-navigation-administration > ul > li > ul > li:focus > a { border-radius: var(--border-radius-element); background-color: var(--color-background-hover); }
.app-navigation-personal > ul > li > ul > li.active, .app-navigation-personal > ul > li > ul > li.active > a, .app-navigation-personal > ul > li > ul > li a.selected, .app-navigation-personal > ul > li > ul > li a.selected > a, .app-navigation-administration > ul > li > ul > li.active, .app-navigation-administration > ul > li > ul > li.active > a, .app-navigation-administration > ul > li > ul > li a.selected, .app-navigation-administration > ul > li > ul > li a.selected > a { border-radius: var(--border-radius-element); background-color: var(--color-primary-element-light); }
.app-navigation-personal > ul > li > ul > li.active:first-child > img, .app-navigation-personal > ul > li > ul > li.active > a:first-child > img, .app-navigation-personal > ul > li > ul > li a.selected:first-child > img, .app-navigation-personal > ul > li > ul > li a.selected > a:first-child > img, .app-navigation-administration > ul > li > ul > li.active:first-child > img, .app-navigation-administration > ul > li > ul > li.active > a:first-child > img, .app-navigation-administration > ul > li > ul > li a.selected:first-child > img, .app-navigation-administration > ul > li > ul > li a.selected > a:first-child > img { filter: var(--primary-invert-if-dark); }
.app-navigation-personal > ul > li > ul > li.icon-loading-small::after, .app-navigation-administration > ul > li > ul > li.icon-loading-small::after { inset-inline-start: calc(var(--default-clickable-area)/2); }
.app-navigation-personal > ul > li > ul > li > .app-navigation-entry-deleted, .app-navigation-administration > ul > li > ul > li > .app-navigation-entry-deleted { margin-inline-start: 4px; padding-inline-start: 84px; }
.app-navigation-personal > ul > li > ul > li > .app-navigation-entry-edit, .app-navigation-administration > ul > li > ul > li > .app-navigation-entry-edit { margin-inline-start: 4px; padding-inline-start: calc(2*var(--default-clickable-area) - 10px) !important; }
.app-navigation-personal > ul > li, .app-navigation-personal > ul > li > ul > li, .app-navigation-administration > ul > li, .app-navigation-administration > ul > li > ul > li { position: relative; box-sizing: border-box; }
.app-navigation-personal > ul > li.icon-loading-small > a, .app-navigation-personal > ul > li.icon-loading-small > .app-navigation-entry-bullet, .app-navigation-personal > ul > li > ul > li.icon-loading-small > a, .app-navigation-personal > ul > li > ul > li.icon-loading-small > .app-navigation-entry-bullet, .app-navigation-administration > ul > li.icon-loading-small > a, .app-navigation-administration > ul > li.icon-loading-small > .app-navigation-entry-bullet, .app-navigation-administration > ul > li > ul > li.icon-loading-small > a, .app-navigation-administration > ul > li > ul > li.icon-loading-small > .app-navigation-entry-bullet { background: rgba(0, 0, 0, 0) !important; }
.app-navigation-personal > ul > li > a, .app-navigation-personal > ul > li > ul > li > a, .app-navigation-administration > ul > li > a, .app-navigation-administration > ul > li > ul > li > a { background-size: 16px 16px; background-repeat: no-repeat; display: block; justify-content: space-between; line-height: var(--default-clickable-area); min-height: var(--default-clickable-area); padding-block: 0px; padding-inline: calc(2*var(--default-grid-baseline)); overflow: hidden; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; border-radius: var(--border-radius-element); color: var(--color-main-text); flex: 1 1 0px; z-index: 100; }
.app-navigation-personal > ul > li > a.svg, .app-navigation-personal > ul > li > ul > li > a.svg, .app-navigation-administration > ul > li > a.svg, .app-navigation-administration > ul > li > ul > li > a.svg { padding-block: 0px; padding-inline: var(--default-clickable-area) 12px; }
.app-navigation-personal > ul > li > a.svg :focus-visible, .app-navigation-personal > ul > li > ul > li > a.svg :focus-visible, .app-navigation-administration > ul > li > a.svg :focus-visible, .app-navigation-administration > ul > li > ul > li > a.svg :focus-visible { padding-block: 0px; padding-inline: calc(var(--default-clickable-area) - 2px) 8px; }
.app-navigation-personal > ul > li > a:first-child img, .app-navigation-personal > ul > li > ul > li > a:first-child img, .app-navigation-administration > ul > li > a:first-child img, .app-navigation-administration > ul > li > ul > li > a:first-child img { width: 16px; height: 16px; filter: var(--background-invert-if-dark); margin-inline-end: calc(2*var(--default-grid-baseline)) !important; }
.app-navigation-personal > ul > li > a > .app-navigation-entry-utils, .app-navigation-personal > ul > li > ul > li > a > .app-navigation-entry-utils, .app-navigation-administration > ul > li > a > .app-navigation-entry-utils, .app-navigation-administration > ul > li > ul > li > a > .app-navigation-entry-utils { display: inline-block; }
.app-navigation-personal > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter, .app-navigation-personal > ul > li > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter, .app-navigation-administration > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter, .app-navigation-administration > ul > li > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter { padding-inline-end: 0px !important; }
.app-navigation-personal > ul > li > .app-navigation-entry-bullet, .app-navigation-personal > ul > li > ul > li > .app-navigation-entry-bullet, .app-navigation-administration > ul > li > .app-navigation-entry-bullet, .app-navigation-administration > ul > li > ul > li > .app-navigation-entry-bullet { position: absolute; display: block; margin: 16px; width: 12px; height: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; cursor: pointer; transition: background 100ms ease-in-out; }
.app-navigation-personal > ul > li > .app-navigation-entry-bullet + a, .app-navigation-personal > ul > li > ul > li > .app-navigation-entry-bullet + a, .app-navigation-administration > ul > li > .app-navigation-entry-bullet + a, .app-navigation-administration > ul > li > ul > li > .app-navigation-entry-bullet + a { background: rgba(0, 0, 0, 0) !important; }
.app-navigation-personal > ul > li > .app-navigation-entry-menu, .app-navigation-personal > ul > li > ul > li > .app-navigation-entry-menu, .app-navigation-administration > ul > li > .app-navigation-entry-menu, .app-navigation-administration > ul > li > ul > li > .app-navigation-entry-menu { top: var(--default-clickable-area); }
.app-navigation-personal > ul > li.editing .app-navigation-entry-edit, .app-navigation-personal > ul > li > ul > li.editing .app-navigation-entry-edit, .app-navigation-administration > ul > li.editing .app-navigation-entry-edit, .app-navigation-administration > ul > li > ul > li.editing .app-navigation-entry-edit { opacity: 1; z-index: 250; }
.app-navigation-personal > ul > li.deleted .app-navigation-entry-deleted, .app-navigation-personal > ul > li > ul > li.deleted .app-navigation-entry-deleted, .app-navigation-administration > ul > li.deleted .app-navigation-entry-deleted, .app-navigation-administration > ul > li > ul > li.deleted .app-navigation-entry-deleted { transform: translateX(0px); z-index: 250; }
.app-navigation-personal.hidden, .app-navigation-administration.hidden { display: none; }
.app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button, .app-navigation-personal .app-navigation-entry-deleted .app-navigation-entry-deleted-button, .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button, .app-navigation-administration .app-navigation-entry-deleted .app-navigation-entry-deleted-button { border: 0px; opacity: 0.5; background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-position: center center; }
.app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:hover, .app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:focus, .app-navigation-personal .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, .app-navigation-personal .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus, .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:hover, .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:focus, .app-navigation-administration .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, .app-navigation-administration .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus { background-color: rgba(0, 0, 0, 0); opacity: 1; }
.app-navigation-personal .collapsible .collapse, .app-navigation-administration .collapsible .collapse { opacity: 0; position: absolute; width: var(--default-clickable-area); height: var(--default-clickable-area); margin: 0px; z-index: 110; inset-inline-start: 0px; }
.app-navigation-personal .collapsible .collapse:focus-visible, .app-navigation-administration .collapsible .collapse:focus-visible { opacity: 1; border-width: 0px; box-shadow: inset 0 0 0 2px var(--color-primary-element); background: none; }
.app-navigation-personal .collapsible::before, .app-navigation-administration .collapsible::before { position: absolute; height: var(--default-clickable-area); width: var(--default-clickable-area); margin: 0px; padding: 0px; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-image: var(--icon-triangle-s-dark); background-size: 16px auto; background-repeat: no-repeat; background-position: center center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; content: " "; opacity: 0; transform: rotate(-90deg); z-index: 105; border-radius: 50%; transition: opacity 100ms ease-in-out; outline: none !important; }
.app-navigation-personal .collapsible > a:first-child, .app-navigation-administration .collapsible > a:first-child { padding-inline-start: var(--default-clickable-area); }
.app-navigation-personal .collapsible:hover::before, .app-navigation-personal .collapsible:focus::before, .app-navigation-administration .collapsible:hover::before, .app-navigation-administration .collapsible:focus::before { opacity: 1; }
.app-navigation-personal .collapsible:hover > a, .app-navigation-personal .collapsible:focus > a, .app-navigation-administration .collapsible:hover > a, .app-navigation-administration .collapsible:focus > a { background-image: none; }
.app-navigation-personal .collapsible:hover > .app-navigation-entry-bullet, .app-navigation-personal .collapsible:focus > .app-navigation-entry-bullet, .app-navigation-administration .collapsible:hover > .app-navigation-entry-bullet, .app-navigation-administration .collapsible:focus > .app-navigation-entry-bullet { background: rgba(0, 0, 0, 0) !important; }
.app-navigation-personal .collapsible.open::before, .app-navigation-administration .collapsible.open::before { transform: rotate(0deg); }
.app-navigation-personal .app-navigation-entry-utils, .app-navigation-administration .app-navigation-entry-utils { flex: 0 1 auto; }
.app-navigation-personal .app-navigation-entry-utils ul, .app-navigation-administration .app-navigation-entry-utils ul { align-items: center; justify-content: flex-end; display: flex !important; }
.app-navigation-personal .app-navigation-entry-utils li, .app-navigation-administration .app-navigation-entry-utils li { width: var(--default-clickable-area) !important; height: var(--default-clickable-area); }
.app-navigation-personal .app-navigation-entry-utils button, .app-navigation-administration .app-navigation-entry-utils button { height: 100%; width: 100%; margin: 0px; box-shadow: none; }
.app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-menu-button button:not([class^="icon-"]):not([class*=" icon-"]), .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-menu-button button:not([class^="icon-"]):not([class*=" icon-"]) { background-image: var(--icon-more-dark); }
.app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:hover button, .app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:focus button, .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:hover button, .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:focus button { background-color: rgba(0, 0, 0, 0); opacity: 1; }
.app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-counter, .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-counter { overflow: hidden; text-align: end; font-size: 9pt; line-height: var(--default-clickable-area); padding: 0px 12px; }
.app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted, .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted { padding: 0px; text-align: center; }
.app-navigation-personal .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted span, .app-navigation-administration .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted span { padding: 2px 5px; border-radius: 10px; background-color: var(--color-primary-element); color: var(--color-primary-element-text); }
.app-navigation-personal .app-navigation-entry-edit, .app-navigation-administration .app-navigation-entry-edit { padding-inline: 5px; display: block; width: calc(100% - 1px); transition: opacity 250ms ease-in-out; opacity: 0; position: absolute; background-color: var(--color-main-background); z-index: -1; }
.app-navigation-personal .app-navigation-entry-edit form, .app-navigation-personal .app-navigation-entry-edit div, .app-navigation-administration .app-navigation-entry-edit form, .app-navigation-administration .app-navigation-entry-edit div { display: inline-flex; width: 100%; }
.app-navigation-personal .app-navigation-entry-edit input, .app-navigation-administration .app-navigation-entry-edit input { padding: 5px; margin-inline-end: 0px; height: 38px; }
.app-navigation-personal .app-navigation-entry-edit input:hover, .app-navigation-personal .app-navigation-entry-edit input:focus, .app-navigation-administration .app-navigation-entry-edit input:hover, .app-navigation-administration .app-navigation-entry-edit input:focus { z-index: 1; }
.app-navigation-personal .app-navigation-entry-edit input[type="text"], .app-navigation-administration .app-navigation-entry-edit input[type="text"] { width: 100%; min-width: 0px; border-end-end-radius: 0px; border-start-end-radius: 0px; }
.app-navigation-personal .app-navigation-entry-edit button, .app-navigation-personal .app-navigation-entry-edit input:not([type="text"]), .app-navigation-administration .app-navigation-entry-edit button, .app-navigation-administration .app-navigation-entry-edit input:not([type="text"]) { width: 36px; height: 38px; flex: 0 0 36px; }
.app-navigation-personal .app-navigation-entry-edit button:not(:last-child), .app-navigation-personal .app-navigation-entry-edit input:not([type="text"]):not(:last-child), .app-navigation-administration .app-navigation-entry-edit button:not(:last-child), .app-navigation-administration .app-navigation-entry-edit input:not([type="text"]):not(:last-child) { border-radius: 0px !important; }
.app-navigation-personal .app-navigation-entry-edit button:not(:first-child), .app-navigation-personal .app-navigation-entry-edit input:not([type="text"]):not(:first-child), .app-navigation-administration .app-navigation-entry-edit button:not(:first-child), .app-navigation-administration .app-navigation-entry-edit input:not([type="text"]):not(:first-child) { margin-inline-start: -1px; }
.app-navigation-personal .app-navigation-entry-edit button:last-child, .app-navigation-personal .app-navigation-entry-edit input:not([type="text"]):last-child, .app-navigation-administration .app-navigation-entry-edit button:last-child, .app-navigation-administration .app-navigation-entry-edit input:not([type="text"]):last-child { border-end-end-radius: var(--border-radius); border-start-end-radius: var(--border-radius); border-end-start-radius: 0px; border-start-start-radius: 0px; }
.app-navigation-personal .app-navigation-entry-deleted, .app-navigation-administration .app-navigation-entry-deleted { display: inline-flex; padding-inline-start: var(--default-clickable-area); transform: translateX(300px); }
.app-navigation-personal .app-navigation-entry-deleted .app-navigation-entry-deleted-description, .app-navigation-administration .app-navigation-entry-deleted .app-navigation-entry-deleted-description { position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1 1 0px; line-height: var(--default-clickable-area); }
.app-navigation-personal .app-navigation-entry-deleted .app-navigation-entry-deleted-button, .app-navigation-administration .app-navigation-entry-deleted .app-navigation-entry-deleted-button { margin: 0px; height: var(--default-clickable-area); width: var(--default-clickable-area); line-height: var(--default-clickable-area); }
.app-navigation-personal .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, .app-navigation-personal .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus, .app-navigation-administration .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, .app-navigation-administration .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus { opacity: 1; }
.app-navigation-personal .app-navigation-entry-edit, .app-navigation-personal .app-navigation-entry-deleted, .app-navigation-administration .app-navigation-entry-edit, .app-navigation-administration .app-navigation-entry-deleted { width: calc(100% - 1px); transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, z-index 250ms ease-in-out; position: absolute; inset-inline-start: 0px; background-color: var(--color-main-background); box-sizing: border-box; }
.app-navigation-personal .drag-and-drop, .app-navigation-administration .drag-and-drop { transition: padding-bottom 500ms; padding-bottom: 40px; }
.app-navigation-personal .error, .app-navigation-administration .error { color: var(--color-error-text); }
.app-navigation-personal .app-navigation-entry-utils ul, .app-navigation-personal .app-navigation-entry-menu ul, .app-navigation-administration .app-navigation-entry-utils ul, .app-navigation-administration .app-navigation-entry-menu ul { list-style-type: none; }
body[dir="ltr"] .app-navigation-personal .app-navigation-new button, body[dir="ltr"] .app-navigation-administration .app-navigation-new button { background-position: left 10px center; }
body[dir="ltr"] .app-navigation-personal > ul > li > ul > li > a, body[dir="ltr"] .app-navigation-administration > ul > li > ul > li > a { background-position: left 14px center; }
body[dir="ltr"] .app-navigation-personal > ul > li > ul > li > a > .app-navigation-entry-utils, body[dir="ltr"] .app-navigation-administration > ul > li > ul > li > a > .app-navigation-entry-utils { float: right; }
body[dir="rtl"] .app-navigation-personal .app-navigation-new button, body[dir="rtl"] .app-navigation-administration .app-navigation-new button { background-position: right 10px center; }
body[dir="rtl"] .app-navigation-personal > ul > li > ul > li > a, body[dir="rtl"] .app-navigation-administration > ul > li > ul > li > a { background-position: right 14px center; }
body[dir="rtl"] .app-navigation-personal > ul > li > ul > li > a > .app-navigation-entry-utils, body[dir="rtl"] .app-navigation-administration > ul > li > ul > li > a > .app-navigation-entry-utils { float: left; }
#content { box-sizing: border-box; position: static; margin-right: ; margin-bottom: ; margin-left: ; margin-top: var(--header-height); padding: 0px; display: flex; width: calc(100% - var(--body-container-margin)*2); height: var(--body-height); border-radius: var(--body-container-radius); overflow: clip; }
#content:not(.with-sidebar--full) { position: fixed; }
@media only screen and (width < 1024px) {
  #content { border-start-start-radius: var(--border-radius-large); border-start-end-radius: var(--border-radius-large); }
  #app-navigation { border-start-start-radius: var(--border-radius-large); }
  #app-sidebar { border-start-end-radius: var(--border-radius-large); }
}
#app-content { z-index: 1000; background-color: var(--color-main-background); flex-basis: 100vw; overflow: auto; position: initial; height: 100%; }
#app-content > .section:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
#app-content #app-content-wrapper { display: flex; position: relative; align-items: stretch; min-height: 100%; }
#app-content #app-content-wrapper .app-content-details { flex: 1 1 524px; }
#app-content #app-content-wrapper .app-content-details #app-navigation-toggle-back { display: none; }
#app-content::-webkit-scrollbar-button { height: var(--body-container-radius); }
#app-sidebar { width: 27vw; min-width: 300px; max-width: 500px; display: block; position: sticky; top: 44px; inset-inline-end: 0px; overflow: hidden auto; z-index: 1500; height: calc(-44px + 100vh); background: var(--color-main-background); border-inline-start: 1px solid var(--color-border); flex-shrink: 0; }
#app-sidebar.disappear { display: none; }
#app-settings { margin-top: auto; }
#app-settings.open #app-settings-content, #app-settings.opened #app-settings-content { display: block; }
#app-settings-content { display: none; padding-right: ; padding-bottom: ; padding-left: ; padding-top: 0px; padding-inline-start: calc(var(--default-grid-baseline)*4); max-height: 300px; overflow-y: auto; box-sizing: border-box; }
#app-settings-content input[type="text"] { width: 93%; }
#app-settings-content .info-text { padding-block: 5px 7px; padding-inline: 22px 0px; color: var(--color-text-maxcontrast); }
#app-settings-content input[type="checkbox"].radio + label, #app-settings-content input[type="checkbox"].checkbox + label, #app-settings-content input[type="radio"].radio + label, #app-settings-content input[type="radio"].checkbox + label { display: inline-block; width: 100%; padding: 5px 0px; }
#app-settings-header { box-sizing: border-box; background-color: rgba(0, 0, 0, 0); overflow: hidden; border-radius: calc(var(--default-clickable-area)/2); padding-right: ; padding-bottom: ; padding-left: ; padding-top: 0px; }
#app-settings-header .settings-button { display: flex; align-items: center; height: var(--default-clickable-area); width: 100%; padding: 0px; margin: 0px; background-color: rgba(0, 0, 0, 0); box-shadow: none; border: 0px; border-radius: calc(var(--default-clickable-area)/2); text-align: start; font-weight: normal; font-size: 100%; opacity: 0.8; color: var(--color-main-text); }
#app-settings-header .settings-button.opened { border-top: solid 1px var(--color-border); background-color: var(--color-main-background); margin-top: 8px; }
#app-settings-header .settings-button:hover, #app-settings-header .settings-button:focus { background-color: var(--color-background-hover); }
#app-settings-header .settings-button::before { background-image: var(--icon-settings-dark); background-repeat: no-repeat; content: ""; width: var(--default-clickable-area); height: var(--default-clickable-area); top: 0px; inset-inline-start: 0px; display: block; }
#app-settings-header .settings-button:focus-visible { box-shadow: 0 0 0 2px inset var(--color-primary-element) !important; }
body[dir="ltr"] #app-settings-header .settings-button::before { background-position: left 14px center; }
body[dir="ltr"] #app-settings-header .settings-button:focus-visible { background-position: left 12px center; }
body[dir="rtl"] #app-settings-header .settings-button::before { background-position: right 14px center; }
body[dir="rtl"] #app-settings-header .settings-button:focus-visible { background-position: right 12px center; }
.section { display: block; padding: 30px; margin-bottom: 24px; }
.section.hidden { display: none !important; }
.section input[type="checkbox"], .section input[type="radio"] { vertical-align: -2px; margin-inline-end: 4px; }
.sub-section { position: relative; margin-top: 10px; margin-inline-start: 27px; margin-bottom: 10px; }
.appear { opacity: 1; transition: opacity 500ms; }
.appear.transparent { opacity: 0; }
.tabHeaders { display: flex; margin-bottom: 16px; }
.tabHeaders .tabHeader { display: flex; flex-direction: column; flex-grow: 1; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; color: var(--color-text-maxcontrast); margin-bottom: 1px; padding: 5px; }
.tabHeaders .tabHeader.hidden { display: none; }
.tabHeaders .tabHeader:first-child { padding-inline-start: 15px; }
.tabHeaders .tabHeader:last-child { padding-inline-end: 15px; }
.tabHeaders .tabHeader .icon { display: inline-block; width: 100%; height: 16px; background-size: 16px auto; vertical-align: middle; margin-top: -2px; margin-inline-end: 3px; opacity: 0.7; cursor: pointer; }
.tabHeaders .tabHeader a { color: var(--color-text-maxcontrast); margin-bottom: 1px; overflow: hidden; text-overflow: ellipsis; }
.tabHeaders .tabHeader.selected { font-weight: bold; }
.tabHeaders .tabHeader.selected, .tabHeaders .tabHeader:hover, .tabHeaders .tabHeader:focus { margin-bottom: 0px; color: var(--color-main-text); border-bottom: 1px solid var(--color-text-maxcontrast); }
.tabsContainer .tab { padding: 0px 15px 15px; }
body[dir="ltr"] .tabsContainer { clear: left; }
body[dir="rtl"] .tabsContainer { clear: right; }
.v-popper__inner div.open > ul > li > a > span.action-link__icon, .v-popper__inner div.open > ul > li > a > span.action-router__icon, .v-popper__inner div.open > ul > li > a > img { filter: var(--background-invert-if-dark); }
.v-popper__inner div.open > ul > li > a > span.action-link__icon[src^="data"], .v-popper__inner div.open > ul > li > a > span.action-router__icon[src^="data"], .v-popper__inner div.open > ul > li > a > img[src^="data"] { filter: none; }
.bubble, .app-navigation-entry-menu, .popovermenu { position: absolute; background-color: var(--color-main-background); color: var(--color-main-text); border-radius: var(--border-radius-large); padding: 3px; z-index: 110; margin: -5px 5px 5px; inset-inline-end: 0px; filter: drop-shadow(0 1px 3px var(--color-box-shadow)); display: none; will-change: filter; }
.bubble::after, .app-navigation-entry-menu::after, .popovermenu::after { bottom: 100%; inset-inline-end: 7px; border-style: solid; border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); border-image: none; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; border-bottom-color: var(--color-main-background); border-width: 9px; }
.bubble.menu-center, .app-navigation-entry-menu.menu-center, .popovermenu.menu-center { transform: translateX(50%); inset-inline-end: 50%; margin-inline-end: 0px; }
.bubble.menu-center::after, .app-navigation-entry-menu.menu-center::after, .popovermenu.menu-center::after { inset-inline-end: 50%; transform: translateX(50%); }
.bubble.menu-left, .app-navigation-entry-menu.menu-left, .popovermenu.menu-left { inset-inline: 0px auto; margin-inline-end: 0px; }
.bubble.menu-left::after, .app-navigation-entry-menu.menu-left::after, .popovermenu.menu-left::after { inset-inline: 6px auto; }
.bubble.open, .app-navigation-entry-menu.open, .popovermenu.open { display: block; }
.bubble.contactsmenu-popover, .app-navigation-entry-menu.contactsmenu-popover, .popovermenu.contactsmenu-popover { margin: 0px; }
.bubble ul, .app-navigation-entry-menu ul, .popovermenu ul { display: flex !important; flex-direction: column; }
.bubble li, .app-navigation-entry-menu li, .popovermenu li { display: flex; flex: 0 0 auto; }
.bubble li.hidden, .app-navigation-entry-menu li.hidden, .popovermenu li.hidden { display: none; }
.bubble li > button, .bubble li > a, .bubble li > .menuitem, .app-navigation-entry-menu li > button, .app-navigation-entry-menu li > a, .app-navigation-entry-menu li > .menuitem, .popovermenu li > button, .popovermenu li > a, .popovermenu li > .menuitem { cursor: pointer; line-height: 34px; border: 0px; border-radius: var(--border-radius-large); background-color: rgba(0, 0, 0, 0); display: flex; align-items: flex-start; height: auto; margin: 0px; font-weight: normal; box-shadow: none; width: 100%; color: var(--color-main-text); white-space: nowrap; }
.bubble li > button span[class^="icon-"], .bubble li > button span[class*=" icon-"], .bubble li > button[class^="icon-"], .bubble li > button[class*=" icon-"], .bubble li > a span[class^="icon-"], .bubble li > a span[class*=" icon-"], .bubble li > a[class^="icon-"], .bubble li > a[class*=" icon-"], .bubble li > .menuitem span[class^="icon-"], .bubble li > .menuitem span[class*=" icon-"], .bubble li > .menuitem[class^="icon-"], .bubble li > .menuitem[class*=" icon-"], .app-navigation-entry-menu li > button span[class^="icon-"], .app-navigation-entry-menu li > button span[class*=" icon-"], .app-navigation-entry-menu li > button[class^="icon-"], .app-navigation-entry-menu li > button[class*=" icon-"], .app-navigation-entry-menu li > a span[class^="icon-"], .app-navigation-entry-menu li > a span[class*=" icon-"], .app-navigation-entry-menu li > a[class^="icon-"], .app-navigation-entry-menu li > a[class*=" icon-"], .app-navigation-entry-menu li > .menuitem span[class^="icon-"], .app-navigation-entry-menu li > .menuitem span[class*=" icon-"], .app-navigation-entry-menu li > .menuitem[class^="icon-"], .app-navigation-entry-menu li > .menuitem[class*=" icon-"], .popovermenu li > button span[class^="icon-"], .popovermenu li > button span[class*=" icon-"], .popovermenu li > button[class^="icon-"], .popovermenu li > button[class*=" icon-"], .popovermenu li > a span[class^="icon-"], .popovermenu li > a span[class*=" icon-"], .popovermenu li > a[class^="icon-"], .popovermenu li > a[class*=" icon-"], .popovermenu li > .menuitem span[class^="icon-"], .popovermenu li > .menuitem span[class*=" icon-"], .popovermenu li > .menuitem[class^="icon-"], .popovermenu li > .menuitem[class*=" icon-"] { min-width: 0px; min-height: 0px; background-position: 9px center; background-size: 16px auto; }
.bubble li > button span[class^="icon-"], .bubble li > button span[class*=" icon-"], .bubble li > a span[class^="icon-"], .bubble li > a span[class*=" icon-"], .bubble li > .menuitem span[class^="icon-"], .bubble li > .menuitem span[class*=" icon-"], .app-navigation-entry-menu li > button span[class^="icon-"], .app-navigation-entry-menu li > button span[class*=" icon-"], .app-navigation-entry-menu li > a span[class^="icon-"], .app-navigation-entry-menu li > a span[class*=" icon-"], .app-navigation-entry-menu li > .menuitem span[class^="icon-"], .app-navigation-entry-menu li > .menuitem span[class*=" icon-"], .popovermenu li > button span[class^="icon-"], .popovermenu li > button span[class*=" icon-"], .popovermenu li > a span[class^="icon-"], .popovermenu li > a span[class*=" icon-"], .popovermenu li > .menuitem span[class^="icon-"], .popovermenu li > .menuitem span[class*=" icon-"] { padding: 17px 0px 17px 34px; }
.bubble li > button:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .bubble li > button:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .bubble li > button:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child, .bubble li > a:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .bubble li > a:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .bubble li > a:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child, .bubble li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .bubble li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .bubble li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > button:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > button:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > button:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > a:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > a:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > a:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .app-navigation-entry-menu li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > button:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > button:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > button:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > a:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > a:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > a:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > span:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > input:not([class^="icon-"]):not([class*="icon-"]):first-child, .popovermenu li > .menuitem:not([class^="icon-"]):not([class*="icon-"]) > form:not([class^="icon-"]):not([class*="icon-"]):first-child { margin-inline-start: 34px; }
.bubble li > button[class^="icon-"], .bubble li > button[class*=" icon-"], .bubble li > a[class^="icon-"], .bubble li > a[class*=" icon-"], .bubble li > .menuitem[class^="icon-"], .bubble li > .menuitem[class*=" icon-"], .app-navigation-entry-menu li > button[class^="icon-"], .app-navigation-entry-menu li > button[class*=" icon-"], .app-navigation-entry-menu li > a[class^="icon-"], .app-navigation-entry-menu li > a[class*=" icon-"], .app-navigation-entry-menu li > .menuitem[class^="icon-"], .app-navigation-entry-menu li > .menuitem[class*=" icon-"], .popovermenu li > button[class^="icon-"], .popovermenu li > button[class*=" icon-"], .popovermenu li > a[class^="icon-"], .popovermenu li > a[class*=" icon-"], .popovermenu li > .menuitem[class^="icon-"], .popovermenu li > .menuitem[class*=" icon-"] { padding: 0px 9px 0px 34px !important; }
.bubble li > button:hover, .bubble li > button:focus, .bubble li > a:hover, .bubble li > a:focus, .bubble li > .menuitem:hover, .bubble li > .menuitem:focus, .app-navigation-entry-menu li > button:hover, .app-navigation-entry-menu li > button:focus, .app-navigation-entry-menu li > a:hover, .app-navigation-entry-menu li > a:focus, .app-navigation-entry-menu li > .menuitem:hover, .app-navigation-entry-menu li > .menuitem:focus, .popovermenu li > button:hover, .popovermenu li > button:focus, .popovermenu li > a:hover, .popovermenu li > a:focus, .popovermenu li > .menuitem:hover, .popovermenu li > .menuitem:focus { background-color: var(--color-background-hover); }
.bubble li > button:focus, .bubble li > button:focus-visible, .bubble li > a:focus, .bubble li > a:focus-visible, .bubble li > .menuitem:focus, .bubble li > .menuitem:focus-visible, .app-navigation-entry-menu li > button:focus, .app-navigation-entry-menu li > button:focus-visible, .app-navigation-entry-menu li > a:focus, .app-navigation-entry-menu li > a:focus-visible, .app-navigation-entry-menu li > .menuitem:focus, .app-navigation-entry-menu li > .menuitem:focus-visible, .popovermenu li > button:focus, .popovermenu li > button:focus-visible, .popovermenu li > a:focus, .popovermenu li > a:focus-visible, .popovermenu li > .menuitem:focus, .popovermenu li > .menuitem:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-element); }
.bubble li > button.active, .bubble li > a.active, .bubble li > .menuitem.active, .app-navigation-entry-menu li > button.active, .app-navigation-entry-menu li > a.active, .app-navigation-entry-menu li > .menuitem.active, .popovermenu li > button.active, .popovermenu li > a.active, .popovermenu li > .menuitem.active { border-radius: var(--border-radius-element); background-color: var(--color-primary-element-light); }
.bubble li > button.action, .bubble li > a.action, .bubble li > .menuitem.action, .app-navigation-entry-menu li > button.action, .app-navigation-entry-menu li > a.action, .app-navigation-entry-menu li > .menuitem.action, .popovermenu li > button.action, .popovermenu li > a.action, .popovermenu li > .menuitem.action { padding: inherit !important; }
.bubble li > button > span, .bubble li > a > span, .bubble li > .menuitem > span, .app-navigation-entry-menu li > button > span, .app-navigation-entry-menu li > a > span, .app-navigation-entry-menu li > .menuitem > span, .popovermenu li > button > span, .popovermenu li > a > span, .popovermenu li > .menuitem > span { cursor: pointer; white-space: nowrap; }
.bubble li > button > p, .bubble li > a > p, .bubble li > .menuitem > p, .app-navigation-entry-menu li > button > p, .app-navigation-entry-menu li > a > p, .app-navigation-entry-menu li > .menuitem > p, .popovermenu li > button > p, .popovermenu li > a > p, .popovermenu li > .menuitem > p { width: 150px; line-height: 1.6em; padding: 8px 0px; white-space: normal; }
.bubble li > button > select, .bubble li > a > select, .bubble li > .menuitem > select, .app-navigation-entry-menu li > button > select, .app-navigation-entry-menu li > a > select, .app-navigation-entry-menu li > .menuitem > select, .popovermenu li > button > select, .popovermenu li > a > select, .popovermenu li > .menuitem > select { margin: 0px; margin-inline-start: 6px; }
.bubble li > button:not(:empty), .bubble li > a:not(:empty), .bubble li > .menuitem:not(:empty), .app-navigation-entry-menu li > button:not(:empty), .app-navigation-entry-menu li > a:not(:empty), .app-navigation-entry-menu li > .menuitem:not(:empty), .popovermenu li > button:not(:empty), .popovermenu li > a:not(:empty), .popovermenu li > .menuitem:not(:empty) { padding-inline-end: 9px !important; }
.bubble li > button > img, .bubble li > a > img, .bubble li > .menuitem > img, .app-navigation-entry-menu li > button > img, .app-navigation-entry-menu li > a > img, .app-navigation-entry-menu li > .menuitem > img, .popovermenu li > button > img, .popovermenu li > a > img, .popovermenu li > .menuitem > img { width: 16px; padding: 9px; }
.bubble li > button > input.radio + label, .bubble li > button > input.checkbox + label, .bubble li > a > input.radio + label, .bubble li > a > input.checkbox + label, .bubble li > .menuitem > input.radio + label, .bubble li > .menuitem > input.checkbox + label, .app-navigation-entry-menu li > button > input.radio + label, .app-navigation-entry-menu li > button > input.checkbox + label, .app-navigation-entry-menu li > a > input.radio + label, .app-navigation-entry-menu li > a > input.checkbox + label, .app-navigation-entry-menu li > .menuitem > input.radio + label, .app-navigation-entry-menu li > .menuitem > input.checkbox + label, .popovermenu li > button > input.radio + label, .popovermenu li > button > input.checkbox + label, .popovermenu li > a > input.radio + label, .popovermenu li > a > input.checkbox + label, .popovermenu li > .menuitem > input.radio + label, .popovermenu li > .menuitem > input.checkbox + label { width: 100%; padding: 0px !important; }
.bubble li > button > input.checkbox + label::before, .bubble li > a > input.checkbox + label::before, .bubble li > .menuitem > input.checkbox + label::before, .app-navigation-entry-menu li > button > input.checkbox + label::before, .app-navigation-entry-menu li > a > input.checkbox + label::before, .app-navigation-entry-menu li > .menuitem > input.checkbox + label::before, .popovermenu li > button > input.checkbox + label::before, .popovermenu li > a > input.checkbox + label::before, .popovermenu li > .menuitem > input.checkbox + label::before { margin: -2px 13px 0px; }
.bubble li > button > input.radio + label::before, .bubble li > a > input.radio + label::before, .bubble li > .menuitem > input.radio + label::before, .app-navigation-entry-menu li > button > input.radio + label::before, .app-navigation-entry-menu li > a > input.radio + label::before, .app-navigation-entry-menu li > .menuitem > input.radio + label::before, .popovermenu li > button > input.radio + label::before, .popovermenu li > a > input.radio + label::before, .popovermenu li > .menuitem > input.radio + label::before { margin: -2px 12px 0px; }
.bubble li > button > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]), .bubble li > a > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]), .bubble li > .menuitem > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]), .app-navigation-entry-menu li > button > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]), .app-navigation-entry-menu li > a > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]), .app-navigation-entry-menu li > .menuitem > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]), .popovermenu li > button > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]), .popovermenu li > a > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]), .popovermenu li > .menuitem > input:not([type="radio"]):not([type="checkbox"]):not([type="image"]) { width: 150px; }
.bubble li > button form, .bubble li > a form, .bubble li > .menuitem form, .app-navigation-entry-menu li > button form, .app-navigation-entry-menu li > a form, .app-navigation-entry-menu li > .menuitem form, .popovermenu li > button form, .popovermenu li > a form, .popovermenu li > .menuitem form { display: flex; flex: 1 1 auto; align-items: center; }
.bubble li > button form:not(:first-child), .bubble li > a form:not(:first-child), .bubble li > .menuitem form:not(:first-child), .app-navigation-entry-menu li > button form:not(:first-child), .app-navigation-entry-menu li > a form:not(:first-child), .app-navigation-entry-menu li > .menuitem form:not(:first-child), .popovermenu li > button form:not(:first-child), .popovermenu li > a form:not(:first-child), .popovermenu li > .menuitem form:not(:first-child) { margin-inline-start: 5px; }
.bubble li > button > span.hidden + form, .bubble li > button > span[style*="display:none"] + form, .bubble li > a > span.hidden + form, .bubble li > a > span[style*="display:none"] + form, .bubble li > .menuitem > span.hidden + form, .bubble li > .menuitem > span[style*="display:none"] + form, .app-navigation-entry-menu li > button > span.hidden + form, .app-navigation-entry-menu li > button > span[style*="display:none"] + form, .app-navigation-entry-menu li > a > span.hidden + form, .app-navigation-entry-menu li > a > span[style*="display:none"] + form, .app-navigation-entry-menu li > .menuitem > span.hidden + form, .app-navigation-entry-menu li > .menuitem > span[style*="display:none"] + form, .popovermenu li > button > span.hidden + form, .popovermenu li > button > span[style*="display:none"] + form, .popovermenu li > a > span.hidden + form, .popovermenu li > a > span[style*="display:none"] + form, .popovermenu li > .menuitem > span.hidden + form, .popovermenu li > .menuitem > span[style*="display:none"] + form { margin-inline-start: 0px; }
.bubble li > button input, .bubble li > a input, .bubble li > .menuitem input, .app-navigation-entry-menu li > button input, .app-navigation-entry-menu li > a input, .app-navigation-entry-menu li > .menuitem input, .popovermenu li > button input, .popovermenu li > a input, .popovermenu li > .menuitem input { min-width: 34px; max-height: 30px; margin: 2px 0px; flex: 1 1 auto; }
.bubble li > button input:not(:first-child), .bubble li > a input:not(:first-child), .bubble li > .menuitem input:not(:first-child), .app-navigation-entry-menu li > button input:not(:first-child), .app-navigation-entry-menu li > a input:not(:first-child), .app-navigation-entry-menu li > .menuitem input:not(:first-child), .popovermenu li > button input:not(:first-child), .popovermenu li > a input:not(:first-child), .popovermenu li > .menuitem input:not(:first-child) { margin-inline-start: 5px; }
.bubble li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input, .popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, .popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, .popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, .popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, .popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, .popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input { margin-top: 7px; }
.bubble li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, .app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input, .popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, .popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, .popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, .popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, .popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, .popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input { margin-bottom: 0px; }
.bubble li > button, .app-navigation-entry-menu li > button, .popovermenu li > button { padding: 0px; }
.bubble li > button span, .app-navigation-entry-menu li > button span, .popovermenu li > button span { opacity: 1; }
.popovermenu li > button > img, .popovermenu li > a > img, .popovermenu li > .menuitem > img { width: 34px; height: 34px; }
#contactsmenu .contact .popovermenu li > a > img { width: 16px; height: 16px; }
.app-content-list { position: relative; top: 0px; border-inline-end: 1px solid var(--color-border); display: flex; flex-direction: column; transition: transform 250ms ease-in-out; min-height: 100%; max-height: 100%; overflow: hidden auto; flex: 1 1 200px; min-width: 200px; max-width: 300px; }
.app-content-list .app-content-list-item { position: relative; height: 68px; cursor: pointer; padding: 10px 7px; display: flex; flex-wrap: wrap; align-items: center; flex: 0 0 auto; }
.app-content-list .app-content-list-item > [class^="icon-"], .app-content-list .app-content-list-item > [class*=" icon-"], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"] { order: 4; width: 24px; height: 24px; margin: -7px; padding: 22px; opacity: 0.3; cursor: pointer; }
.app-content-list .app-content-list-item > [class^="icon-"]:hover, .app-content-list .app-content-list-item > [class^="icon-"]:focus, .app-content-list .app-content-list-item > [class*=" icon-"]:hover, .app-content-list .app-content-list-item > [class*=" icon-"]:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"]:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"]:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"]:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"]:focus { opacity: 0.7; }
.app-content-list .app-content-list-item > [class^="icon-"][class^="icon-star"], .app-content-list .app-content-list-item > [class^="icon-"][class*=" icon-star"], .app-content-list .app-content-list-item > [class*=" icon-"][class^="icon-star"], .app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"][class^="icon-star"], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"][class*=" icon-star"], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^="icon-star"], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"] { opacity: 0.7; }
.app-content-list .app-content-list-item > [class^="icon-"][class^="icon-star"]:hover, .app-content-list .app-content-list-item > [class^="icon-"][class^="icon-star"]:focus, .app-content-list .app-content-list-item > [class^="icon-"][class*=" icon-star"]:hover, .app-content-list .app-content-list-item > [class^="icon-"][class*=" icon-star"]:focus, .app-content-list .app-content-list-item > [class*=" icon-"][class^="icon-star"]:hover, .app-content-list .app-content-list-item > [class*=" icon-"][class^="icon-star"]:focus, .app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"]:hover, .app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"]:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"][class^="icon-star"]:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"][class^="icon-star"]:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"][class*=" icon-star"]:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"][class*=" icon-star"]:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^="icon-star"]:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^="icon-star"]:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"]:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"]:focus { opacity: 1; }
.app-content-list .app-content-list-item > [class^="icon-"].icon-starred, .app-content-list .app-content-list-item > [class*=" icon-"].icon-starred, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^="icon-"].icon-starred, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"].icon-starred { opacity: 1; }
.app-content-list .app-content-list-item:hover, .app-content-list .app-content-list-item:focus, .app-content-list .app-content-list-item.active { background-color: var(--color-background-dark); }
.app-content-list .app-content-list-item:hover .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item:focus .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item.active .app-content-list-item-checkbox.checkbox + label { display: flex; }
.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item .app-content-list-item-star { position: absolute; height: 40px; width: 40px; z-index: 50; }
.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active + label { display: flex; }
.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active + label + .app-content-list-item-icon { opacity: 0.7; }
.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label { top: 14px; inset-inline-start: 7px; display: none; }
.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label::before { margin: 0px; }
.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label ~ .app-content-list-item-star { display: none; }
.app-content-list .app-content-list-item .app-content-list-item-star { display: flex; top: 10px; inset-inline-start: 32px; background-size: 16px auto; height: 20px; width: 20px; margin: 0px; padding: 0px; }
.app-content-list .app-content-list-item .app-content-list-item-icon { position: absolute; display: inline-block; height: 40px; width: 40px; line-height: 40px; border-radius: 50%; vertical-align: middle; margin-inline-end: 10px; color: rgb(255, 255, 255); text-align: center; font-size: 1.5em; text-transform: capitalize; object-fit: cover; user-select: none; cursor: pointer; top: 50%; margin-top: -20px; }
.app-content-list .app-content-list-item .app-content-list-item-line-one, .app-content-list .app-content-list-item .app-content-list-item-line-two { display: block; padding-inline: 50px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; order: 1; flex: 1 1 0px; cursor: pointer; }
.app-content-list .app-content-list-item .app-content-list-item-line-two { opacity: 0.5; order: 3; flex-grow: 1; flex-shrink: 0; flex-basis: calc(100% - var(--default-clickable-area)); }
.app-content-list .app-content-list-item .app-content-list-item-details { order: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; opacity: 0.5; font-size: 80%; user-select: none; }
.app-content-list .app-content-list-item .app-content-list-item-menu { order: 4; position: relative; }
.app-content-list .app-content-list-item .app-content-list-item-menu .popovermenu { margin: 0px; inset-inline-end: -2px; }
.app-content-list.selection .app-content-list-item-checkbox.checkbox + label { display: flex; }
.button.primary.skip-navigation:focus-visible { box-shadow: 0 0 0 4px var(--color-main-background) !important; outline: 2px solid var(--color-main-text) !important; }
body[dir="ltr"] .pull-left, body[dir="ltr"] .pull-start { float: left; }
body[dir="ltr"] .pull-right, body[dir="ltr"] .pull-end { float: right; }
body[dir="ltr"] .clear-left, body[dir="ltr"] .clear-start { clear: left; }
body[dir="ltr"] .clear-right, body[dir="ltr"] .clear-end { clear: right; }
body[dir="rtl"] .pull-left, body[dir="rtl"] .pull-start { float: right; }
body[dir="rtl"] .pull-right, body[dir="rtl"] .pull-end { float: left; }
body[dir="rtl"] .clear-left, body[dir="rtl"] .clear-start { clear: right; }
body[dir="rtl"] .clear-right, body[dir="rtl"] .clear-end { clear: left; }
.clear-both { clear: both; }
.hidden { display: none; }
.hidden-visually { position: absolute; inset-inline-start: -10000px; top: -10000px; width: 1px; height: 1px; overflow: hidden; }
.bold { font-weight: 600; }
.center { text-align: center; }
.inlineblock { display: inline-block; }
.nc-select__dropdown.vs__dropdown-menu { --vs-dropdown-z-index: 9999; }
@media only screen and (width < 1024px) {
  #dropdown { margin-inline-end: 10% !important; width: 80% !important; }
  .ui-autocomplete { z-index: 1000 !important; }
  .error-wide { width: 100%; box-sizing: border-box; margin-inline-start: 0px !important; }
  #app-navigation:not(.vue) { position: fixed; height: var(--body-height); transform: translateX(-300px); }
  .snapjs-left #app-navigation, .snapjs-right #app-navigation { transform: translateX(0px); }
  #app-navigation:not(.hidden) + #app-content { margin-inline-start: 0px; }
  .skip-navigation.skip-content { inset-inline-start: 3px; margin-inline-start: 0px; }
  .app-content-list { background: var(--color-main-background); flex: 1 1 100%; max-height: unset; max-width: 100%; }
  .app-content-list + .app-content-details { display: none; }
  .app-content-list.showdetails { display: none; }
  .app-content-list.showdetails + .app-content-details { display: initial; }
  #app-content.showdetails #app-navigation-toggle { transform: translateX(-44px); }
  #app-content.showdetails #app-navigation-toggle-back { position: fixed; top: 44px; inset-inline-start: 0px; width: 44px; height: 44px; z-index: 1050; background-color: rgba(255, 255, 255, 0.7); cursor: pointer; opacity: 0.6; transform: rotate(90deg); display: inline-block !important; }
  #app-content.showdetails .app-content-list { transform: translateX(-100%); }
  #app-navigation-toggle { position: fixed; inset-inline-start: 0px; width: 44px; height: 44px; z-index: 1050; cursor: pointer; opacity: 0.6; display: inline-block !important; }
  #app-navigation-toggle:hover, #app-navigation-toggle:focus { opacity: 1; }
  #app-navigation + #app-content .files-controls { padding-inline-start: 44px; }
  #body-user .app-files.viewer-mode .files-controls { padding-inline-start: 0px !important; }
  .app-files.viewer-mode #app-navigation-toggle { display: none !important; }
  table.multiselect thead { inset-inline-start: 0px !important; }
  #usersearchform { display: none; }
  #body-settings .files-controls { min-width: 1024px !important; }
}
@media only screen and (max-width: 480px) {
  #header .header-end > div > .menu { max-width: calc(-10px + 100vw); position: fixed; }
  #header .header-end > div > .menu::after { display: none !important; }
  #header .header-end > div.openedMenu::after { display: block; }
  #header .header-end > div::after { border-width: 10px; border-style: solid; border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); border-image: none; border-bottom-color: var(--color-main-background); bottom: 0px; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; inset-inline-end: 15px; z-index: 2001; display: none; }
  #header .header-end > div#settings::after { inset-inline-end: 27px; }
}
.tooltip { position: absolute; display: block; font-family: var(--font-face); font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.6; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: anywhere; font-size: 12px; opacity: 0; z-index: 100000; margin-top: -3px; padding: 10px 0px; filter: drop-shadow(0 1px 10px var(--color-box-shadow)); }
.tooltip.in, .tooltip.show, .tooltip.tooltip[aria-hidden="false"] { visibility: visible; opacity: 1; transition: opacity 0.15s; }
.tooltip.top .tooltip-arrow, .tooltip[x-placement^="top"] { inset-inline-start: 50%; margin-inline-start: -10px; }
.tooltip.bottom, .tooltip[x-placement^="bottom"] { margin-top: 3px; padding: 10px 0px; }
.tooltip.right, .tooltip[x-placement^="right"] { margin-inline-start: 3px; padding: 0px 10px; }
.tooltip.right .tooltip-arrow, .tooltip[x-placement^="right"] .tooltip-arrow { top: 50%; inset-inline-start: 0px; margin-top: -10px; border-width: 10px 10px 10px 0px; border-inline-end-color: var(--color-main-background); }
.tooltip.left, .tooltip[x-placement^="left"] { margin-inline-start: -3px; padding: 0px 5px; }
.tooltip.left .tooltip-arrow, .tooltip[x-placement^="left"] .tooltip-arrow { top: 50%; inset-inline-end: 0px; margin-top: -10px; border-width: 10px 0px 10px 10px; border-inline-start-color: var(--color-main-background); }
.tooltip.top .tooltip-arrow, .tooltip.top .arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-left .arrow, .tooltip[x-placement^="top"] .tooltip-arrow, .tooltip[x-placement^="top"] .arrow, .tooltip.top-right .tooltip-arrow, .tooltip.top-right .arrow { bottom: 0px; border-width: 10px 10px 0px; border-top-color: var(--color-main-background); }
.tooltip.top-left .tooltip-arrow { inset-inline-end: 10px; margin-bottom: -10px; }
.tooltip.top-right .tooltip-arrow { inset-inline-start: 10px; margin-bottom: -10px; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom .arrow, .tooltip[x-placement^="bottom"] .tooltip-arrow, .tooltip[x-placement^="bottom"] .arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-left .arrow, .tooltip.bottom-right .tooltip-arrow, .tooltip.bottom-right .arrow { top: 0px; border-width: 0px 10px 10px; border-bottom-color: var(--color-main-background); }
.tooltip[x-placement^="bottom"] .tooltip-arrow, .tooltip.bottom .tooltip-arrow { inset-inline-start: 50%; margin-inline-start: -10px; }
.tooltip.bottom-left .tooltip-arrow { inset-inline-end: 10px; margin-top: -10px; }
.tooltip.bottom-right .tooltip-arrow { inset-inline-start: 10px; margin-top: -10px; }
.tooltip-inner { max-width: 350px; padding: 5px 8px; background-color: var(--color-main-background); color: var(--color-main-text); text-align: center; border-radius: var(--border-radius); }
.tooltip-arrow, .tooltip .arrow { position: absolute; width: 0px; height: 0px; border-color: rgba(0, 0, 0, 0); border-style: solid; }
#body-public { --footer-height: calc(2lh + 2 * var(--default-grid-baseline)); }
#body-public .header-end #header-primary-action a { color: var(--color-primary-element-text); }
#body-public .header-end #header-secondary-action ul li { min-width: 270px; }
#body-public .header-end #header-secondary-action #header-actions-toggle { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); filter: var(--background-invert-if-dark); }
#body-public .header-end #header-secondary-action #header-actions-toggle:hover, #body-public .header-end #header-secondary-action #header-actions-toggle:focus, #body-public .header-end #header-secondary-action #header-actions-toggle:active { opacity: 1; }
#body-public .header-end #header-secondary-action #external-share-menu-item form { display: flex; }
#body-public .header-end #header-secondary-action #external-share-menu-item .hidden { display: none; }
#body-public .header-end #header-secondary-action #external-share-menu-item #save-button-confirm { flex-grow: 0; }
#body-public #content { min-height: var(--body-height, calc(100% - var(--footer-height))); padding-block-end: var(--footer-height); }
#body-public #app-content-vue { padding-block-end: var(--footer-height); }
#body-public.layout-base #content { padding-top: 0px; }
#body-public p.info { margin: 20px auto; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; user-select: none; }
#body-public p.info, #body-public form fieldset legend, #body-public #datadirContent label, #body-public form fieldset .warning-info, #body-public form input[type="checkbox"] + label { text-align: center; }
#body-public footer { position: fixed; left: 50%; bottom: var(--body-container-margin); transform: translateX(-50%); width: 90vw; box-sizing: border-box; }
#body-public footer.guest-box { --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); color: var(--color-main-text); background-color: var(--color-main-background-blur); padding: var(--default-grid-baseline) calc(3*var(--default-grid-baseline)); border-radius: var(--border-radius-container); box-shadow: 0 0 10px var(--color-box-shadow); backdrop-filter: var(--filter-background-blur); text-align: center; }
#body-public footer.guest-box .info { text-shadow: none; margin: 0px; }
#body-public footer.guest-box .info .entity-name { font-weight: bold; }
#body-public footer.guest-box a.legal { font-size: smaller; }
._toastContainer_1biev_1 { position: fixed; left: var(--body-container-margin); bottom: var(--body-container-margin); z-index: 10100; display: flex; flex-direction: column; gap: calc(var(--default-grid-baseline)*2); align-items: flex-start; pointer-events: none; padding: calc(var(--default-grid-baseline)*2); transition: left var(--animation-quick, 100ms) ease; }
._toastContainer_navOpen_1biev_15 { left: calc(var(--navigation-width) + var(--body-container-margin)); }
@keyframes _toast-in_v43ag_1 { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
._toast_v43ag_11 { min-width: 200px; background-color: var(--color-main-background); color: var(--color-main-text); box-shadow: 0 0 6px 0 var(--color-box-shadow); padding: 0px 12px; border-radius: var(--border-radius); display: flex; align-items: center; min-height: var(--clickable-area-large); pointer-events: auto; animation: _toast-in_v43ag_1 var(--animation-slow) ease-out; }
._toast_clickable_v43ag_25 { cursor: pointer; }
._toast_error_v43ag_29 { border-left: 3px solid var(--color-element-error, var(--color-error)); }
._toast_info_v43ag_33 { border-left: 3px solid var(--color-element-info, var(--color-primary)); }
._toast_warning_v43ag_37 { border-left: 3px solid var(--color-element-warning, var(--color-warning)); }
._toast_success_v43ag_41 { border-left: 3px solid var(--color-element-success, var(--color-success)); }
._toast_undo_v43ag_45 { border-left: 3px solid var(--color-element-success, var(--color-success)); }
._toast_loading_v43ag_49 { border-left: 3px solid var(--color-element-info, var(--color-primary)); }
._toastMessage_v43ag_53 { flex: 1 1 0%; padding: 12px 0px; }
._toastLoader_v43ag_58, ._toastClose_v43ag_59, ._toastUndoButton_v43ag_60 { display: flex; align-items: center; margin-left: 12px; flex-shrink: 0; }
.nc-generic-dialog .dialog__actions { justify-content: space-between; min-width: calc(100% - 12px); }
._card_ysn65_1 { display: flex; align-items: center; height: 64px; }
._cardIcon_ysn65_7, ._cardPreview_ysn65_8 { height: 64px; width: 64px; margin: 0 var(--secondary-margin); display: block; flex: 0 0 64px; }
._cardIcon_ysn65_7 { color: var(--color-text-maxcontrast); }
._cardIcon_folder_ysn65_20 { color: var(--color-primary-element); }
._cardPreview_ysn65_8 { overflow: hidden; border-radius: calc(var(--border-radius)*2); object-fit: cover; }
._cardDescription_ysn65_30 { display: flex; flex-direction: column; min-width: 0px; }
._bold_ysn65_40 { font-weight: bold; }
._pickerEntry_k9pc8_1 { display: grid; align-items: center; grid-template-columns: 1fr var(--arrow-column) 1fr; }
._pickerEntry_k9pc8_1:not(:last-of-type) { border-bottom: 1px solid var(--color-border); }
._pickerEntry_k9pc8_1 legend { grid-column: 1 / -1; font-weight: bold; }
._pickerEntryArrow_k9pc8_14 { justify-self: center; color: var(--color-text-maxcontrast); }
._picker_108fg_1 { --margin: 36px; --secondary-margin: 18px; --arrow-column: 44px; }
._picker_108fg_1 .dialog__actions { margin-block-end: calc(var(--default-grid-baseline)*6); }
._pickerActionSeparator_108fg_10 { margin-inline-start: auto; }
._pickerHeader_108fg_14 { position: sticky; z-index: 10; top: 0px; padding-top: ; padding-right: ; padding-left: ; padding-bottom: var(--secondary-margin); background-color: var(--color-main-background); }
._pickerForm_108fg_23 { position: relative; overflow: auto; padding: 0 var(--margin); margin-top: calc(-1*var(--secondary-margin)); }
._pickerActionSubmit_disabled_108fg_30 { opacity: 0.7; filter: saturate(50%); }
._pickerSelectAll_108fg_35 { display: grid; width: 100%; margin-top: calc(var(--secondary-margin)*1.5); padding-bottom: var(--secondary-margin); grid-template-columns: 1fr var(--arrow-column) 1fr; align-items: center; }
._pickerSelectAll_108fg_35 legend { display: flex; align-items: center; grid-column: 1 / -1; width: 100%; margin-bottom: calc(var(--secondary-margin)/2); }
._pickerSelectAll_108fg_35._conflict-picker__all_108fg_50 { position: sticky; top: 0px; margin: 0px; padding: var(--secondary-margin) 0; background-image: linear-gradient(to top, transparent, var(--color-main-background-blur) 10%, var(--color-main-background) 15%); }
._pickerSelectAll_108fg_35._conflict-picker__all_108fg_50 + fieldset { margin-top: 0px; }
._file-picker__file-icon_1aykw_9 { position: relative; width: 32px; height: 32px; min-width: 32px; min-height: 32px; background-repeat: no-repeat; background-size: contain; border-radius: var(--border-radius-small); display: flex; justify-content: center; }
._file-picker__file-icon--primary_1aykw_22 { color: var(--color-primary-element); }
._file-picker__file-icon-overlay_1aykw_26 { color: var(--color-primary-element-text); position: absolute; inset-block-start: 10px; }
tr.file-picker__row[data-v-7857e8bd] { height: var(--row-height, 50px); }
tr.file-picker__row td[data-v-7857e8bd] { cursor: pointer; overflow: hidden; text-overflow: ellipsis; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
tr.file-picker__row td.row-checkbox[data-v-7857e8bd] { padding: 0px 2px; }
tr.file-picker__row td[data-v-7857e8bd]:not(.row-checkbox) { padding-inline: 14px 0px; }
tr.file-picker__row td.row-size[data-v-7857e8bd] { text-align: end; padding-inline: 0px 14px; }
tr.file-picker__row td.row-name[data-v-7857e8bd] { padding-inline: 2px 0px; }
.file-picker__row[data-v-7857e8bd] * { cursor: pointer; }
.file-picker__row--selected[data-v-7857e8bd] { background-color: var(--color-background-dark); }
.file-picker__row--not-navigatable[data-v-7857e8bd] { filter: saturate(0.7); opacity: 0.7; }
.file-picker__row--not-navigatable[data-v-7857e8bd] *, .file-picker__row--not-pickable[data-v-7857e8bd] * { cursor: default !important; }
.file-picker__row[data-v-7857e8bd]:hover { background-color: var(--color-background-hover); }
.file-picker__name-container[data-v-7857e8bd] { display: flex; justify-content: start; align-items: center; height: 100%; }
.file-picker__file-name[data-v-7857e8bd] { padding-inline-start: 6px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.file-picker__file-extension[data-v-7857e8bd] { color: var(--color-text-maxcontrast); min-width: fit-content; }
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-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
tr.file-picker__row td.row-checkbox[data-v-1f96131b] { padding: 0px 2px; }
tr.file-picker__row td[data-v-1f96131b]:not(.row-checkbox) { padding-inline: 14px 0px; }
tr.file-picker__row td.row-size[data-v-1f96131b] { text-align: end; padding-inline: 0px 14px; }
tr.file-picker__row td.row-name[data-v-1f96131b] { padding-inline: 2px 0px; }
@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-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 600px 100%; border-radius: var(--border-radius); animation: 12s ease 0s infinite normal none running gradient-1f96131b; }
.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-412efd5c] { width: 22px; height: 32px; flex: 0 0 auto; }
.file-picker__files[data-v-412efd5c] { margin: 2px; margin-inline-start: 12px; overflow: scroll auto; }
.file-picker__files table[data-v-412efd5c] { width: 100%; max-height: 100%; table-layout: fixed; }
.file-picker__files th[data-v-412efd5c] { position: sticky; z-index: 1; top: 0px; background-color: var(--color-main-background); padding: 2px; }
.file-picker__files th .header-wrapper[data-v-412efd5c] { display: flex; }
.file-picker__files th.row-checkbox[data-v-412efd5c] { width: 44px; }
.file-picker__files th.row-name[data-v-412efd5c] { width: 230px; }
.file-picker__files th.row-size[data-v-412efd5c] { width: 100px; }
.file-picker__files th.row-modified[data-v-412efd5c] { width: 120px; }
.file-picker__files th[data-v-412efd5c]:not(.row-size) .button-vue__wrapper { justify-content: start; flex-direction: row-reverse; }
.file-picker__files th[data-v-412efd5c]:not(.row-size) .button-vue { padding-inline: 16px 4px; }
.file-picker__files th.row-size[data-v-412efd5c] .button-vue__wrapper { justify-content: end; }
.file-picker__files th[data-v-412efd5c] .button-vue__wrapper { color: var(--color-text-maxcontrast); }
.file-picker__files th[data-v-412efd5c] .button-vue__wrapper .button-vue__text { font-weight: normal; }
.file-picker__breadcrumbs[data-v-b448b141] { flex-grow: 0 !important; }
.file-picker__side[data-v-e1c54e23] { 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-e1c54e23] .button-vue__wrapper { justify-content: start; }
.file-picker__filter-input[data-v-e1c54e23] { margin-block: 7px; max-width: 260px; }
@media (max-width: 736px) {
  .file-picker__side[data-v-e1c54e23] { flex-direction: row; min-width: unset; }
}
@media (max-width: 512px) {
  .file-picker__side[data-v-e1c54e23] { flex-direction: row; min-width: unset; }
  .file-picker__filter-input[data-v-e1c54e23] { max-width: unset; }
}
.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-39182aaf] { height: 50px; display: flex; justify-content: start; align-items: center; }
.file-picker__view h3[data-v-39182aaf] { font-weight: bold; height: fit-content; margin: 0px; }
.file-picker__main[data-v-39182aaf] { box-sizing: border-box; width: 100%; display: flex; flex-direction: column; min-height: 0px; flex: 1 1 0%; padding-inline: 2px; }
.file-picker__main[data-v-39182aaf] * { box-sizing: border-box; }
[data-v-39182aaf] .file-picker { height: min(80vh, 800px) !important; }
@media (max-width: 512px) {
  [data-v-39182aaf] .file-picker { height: calc(100% - 16px - var(--default-clickable-area)) !important; }
}
[data-v-39182aaf] .file-picker__content { display: flex; flex-direction: column; overflow: hidden; }
.public-auth-prompt__text[data-v-bd4b7f1b] { font-size: 1.25em; margin-block: 0 calc(3*var(--default-grid-baseline)); }
.public-auth-prompt__header[data-v-bd4b7f1b] { margin-block: 0 calc(3*var(--default-grid-baseline)); }
.public-auth-prompt__header[data-v-bd4b7f1b]:first-child { margin-top: 0px; }
.public-auth-prompt__input[data-v-bd4b7f1b] { margin-block: calc(4*var(--default-grid-baseline)) calc(2*var(--default-grid-baseline)); }
._passwordDialog_joix2_2 { display: flex; flex-direction: column; gap: 10px 0px; margin-inline: 6px; margin-block-end: 6px; }
:root { --color-main-background: #ffffff; --color-main-background-rgb: 255,255,255; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); --filter-background-blur: blur(25px); --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #ededed; --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; --color-placeholder-dark: #cccccc; --color-main-text: #222222; --color-text-maxcontrast: #6b6b6b; --color-text-maxcontrast-default: #6b6b6b; --color-text-maxcontrast-background-blur: #595959; --color-text-error: #bf0000; --color-text-success: #066e03; --color-border: #ededed; --color-border-dark: #dbdbdb; --color-border-maxcontrast: #7d7d7d; --color-border-error: var(--color-element-error); --color-border-success: var(--color-element-success); --color-element-error: #c90000; --color-element-info: #0077C7; --color-element-success: #099f05; --color-element-warning: #BF7900; --color-error: #FFE7E7; --color-error-hover: #ffc3c3; --color-error-text: #8A0000; --color-warning: #FFEEC5; --color-warning-hover: #ffe4a1; --color-warning-text: #664700; --color-success: #D8F3DA; --color-success-hover: #bdebc0; --color-success-text: #005416; --color-info: #D5F1FA; --color-info-hover: #b5e6f6; --color-info-text: #0066AC; --color-favorite: #A37200; --color-mark: #fff0c7; --color-background-selection: rgb(from var(--color-primary-element) r g b / 0.2); --color-text-selection: var(--color-main-text); --color-error-rgb: 255,231,231; --color-warning-rgb: 255,238,197; --color-success-rgb: 216,243,218; --color-info-rgb: 213,241,250; --color-loading-light: #cccccc; --color-loading-dark: #444444; --color-scrollbar: var(--color-border-maxcontrast) transparent; --color-box-shadow-rgb: 77,77,77; --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); --color-background-assistant: #F6F5FF; --color-border-assistant: linear-gradient(125deg, #7398FE 50%, #6104A4 125%); --color-element-assistant: linear-gradient(214deg, #A569D3 12%, #00679E 39%, #422083 86%); --color-element-assistant-icon: linear-gradient(214deg, #9669D3 15%, #00679E 40%, #492083 80%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: linear-gradient(var(--color-background-plain-text) 25%, color-mix(in srgb, var(--color-background-plain-text), 55% transparent) 90%) alpha; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); --background-image-invert-if-bright: no; --primary-invert-if-bright: no; --primary-invert-if-dark: invert(100%); --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #3285b1; --color-primary-element: #00679e; --color-primary-element-hover: #00507a; --color-primary-element-text: #ffffff; --color-primary-element-text-dark: #ededed; --color-primary-light: #e5eff5; --color-primary-light-hover: #d9e3e8; --color-primary-light-text: #00293f; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/background.webp"); }
@-webkit-keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; cursor: default; }
html { height: 100%; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
table { border-collapse: separate; border-spacing: 0px; white-space: nowrap; }
caption, th, td { text-align: start; font-weight: normal; }
table, td, th { vertical-align: middle; }
a { border: 0px; color: var(--color-main-text); text-decoration: none; }
a, a *, input, input *, select, .button span, label { cursor: pointer; }
ul { list-style: none; }
body { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 0.875em; font-weight: normal; line-height: 1.6em; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, Ubuntu, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: var(--color-background-plain-text, #ffffff); text-align: center; background-color: var(--color-background-plain, #0082c9); background-image: var(--image-background, linear-gradient(40deg, #0082c9 0%, #30b6ff 100%)); background-attachment: fixed; background-size: cover; background-position: center center; min-height: 100%; height: auto; overflow: auto; position: static; }
#body-login a { font-weight: 600; }
#body-login footer a { color: var(--color-text); }
#body-login a:not(.button):hover, #body-login a:not(.button):focus { text-decoration: underline; text-decoration-skip-ink: auto; }
em { font-style: normal; opacity: 0.5; }
h2, h3, h4 { font-weight: bold; }
h2 { font-size: 20px; margin-bottom: 12px; line-height: 140%; }
h3 { font-size: 15px; margin: 12px 0px; }
#header .logo { background-image: var(--image-logo, url("/assets/logo.svg")); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 175px; height: 130px; margin: 0px auto; position: relative; inset-inline-start: unset; }
.wrapper { width: 100%; max-width: 700px; margin-block: 10vh auto; }
form { position: relative; margin: auto; padding: 0px; }
form.install-form { max-width: 300px; }
form.install-form fieldset, form.install-form fieldset input { width: 100%; }
form.install-form .strengthify-wrapper { bottom: 17px; width: calc(100% - 8px); inset-inline-start: 4px; top: unset; }
form.install-form #show { top: 18px; }
form #sqliteInformation { margin-top: 0.5rem; margin-bottom: 20px; }
form #adminaccount, form #use_other_db { margin-bottom: 15px; text-align: start; }
form #adminaccount > legend, form #adminlogin { margin-bottom: 1rem; }
form #advancedHeader { width: 100%; }
form fieldset legend, #datadirContent label { width: 100%; }
#datadirContent label { display: block; margin: 0px; }
form #datadirField legend { margin-bottom: 15px; }
#showAdvanced { padding: 13px; }
#showAdvanced img { vertical-align: middle; }
@media only screen and (max-width: 1024px) {
  .wrapper { margin-top: 0px; }
}
#submit-wrapper { margin: 0px auto; display: flex; align-items: center; justify-content: center; padding: 10px 5px; position: relative; }
#submit-wrapper .submit-icon { position: absolute; inset-inline-end: 24px; transition: inset-inline-end 100ms ease-in-out; pointer-events: none; }
#submit-wrapper input.login:hover ~ .submit-icon.icon-confirm-white, #submit-wrapper input.login:focus ~ .submit-icon.icon-confirm-white, #submit-wrapper input.login:active ~ .submit-icon.icon-confirm-white { inset-inline-end: 20px; }
#submit-wrapper .icon-loading-small { position: absolute; top: 22px; inset-inline-end: 26px; }
input:not([type="radio"]), input:not([type="range"]) { border-width: 2px; }
input:not([type="range"]):focus-visible { box-shadow: none !important; }
input[type="submit"], input[type="submit"].icon-confirm, input[type="button"], button, a.button, .button, select { display: inline-block; width: auto; min-width: 25px; padding: calc(2*var(--default-grid-baseline)); background-color: var(--color-main-background); font-weight: bold; color: var(--color-main-text); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--border-radius-element); cursor: pointer; }
.icon-confirm.input-button-inline { position: absolute; inset-inline-end: 3px; top: 5px; }
input[type="submit"]:focus { box-shadow: 0 0 0 2px inset var(--color-main-text) !important; }
input[type="text"], input[type="tel"], input[type="password"], input[type="email"] { width: 266px; padding: 5px 10px; font-family: inherit; font-weight: normal; color: var(--color-text-maxcontrast); cursor: text; margin-inline: 0px; }
input[type="password"].password-with-toggle, input[type="text"].password-with-toggle { width: 238px; padding-inline-end: 40px !important; }
input.login { width: 260px; height: 50px; background-position: right 16px center; }
input[type="submit"], input[type="submit"].icon-confirm, input.updateButton, input.update-continue { padding: 10px 20px; overflow: hidden; text-overflow: ellipsis; }
input.primary { background-color: var(--color-primary-element); color: var(--color-primary-element-text); }
input.primary:not(:disabled):hover, input.primary:not(:disabled):focus, button.primary:not(:disabled):hover, button.primary:not(:disabled):focus, a.primary:not(:disabled):hover, a.primary:not(:disabled):focus { background-color: var(--color-primary-element-hover); color: var(--color-primary-element-text); }
input[type="checkbox"].checkbox { position: absolute; inset-inline-start: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
input[type="checkbox"].checkbox + label { user-select: none; }
input[type="checkbox"].checkbox:disabled + label, input[type="checkbox"].checkbox:disabled + label::before { cursor: default; }
input[type="checkbox"].checkbox + label::before { content: ""; display: inline-block; vertical-align: middle; margin: 1px 3px 3px; border: 1px solid rgb(136, 136, 136); border-radius: 1px; height: 10px; width: 10px; background-position: center center; }
input[type="checkbox"].checkbox--white + label::before { border-color: rgb(221, 221, 221); }
input[type="checkbox"].checkbox--white:not(:disabled):not(:checked) + label:hover::before, input[type="checkbox"].checkbox--white:focus + label::before { border-color: rgb(255, 255, 255); }
input[type="checkbox"].checkbox--white:disabled + label::before { background-color: rgb(102, 102, 102) !important; border-color: rgb(153, 153, 153) !important; }
input[type="checkbox"].checkbox--white:checked:disabled + label::before { border-color: rgb(102, 102, 102); background-color: rgb(34, 34, 34); }
input[type="checkbox"].checkbox--white:checked + label::before { background-image: url("/assets/nc-3bb878be9a63.svg"); background-color: rgba(0, 0, 0, 0) !important; border-color: rgb(255, 255, 255) !important; }
.strengthify-wrapper { display: inline-block; position: relative; top: -20px; width: 250px; border-start-start-radius: 0px; border-start-end-radius: 0px; border-end-end-radius: 3px; border-end-start-radius: 3px; overflow: hidden; height: 3px; }
.tooltip-inner { font-weight: bold; padding: 3px 6px; text-align: center; }
#show, #dbpassword-toggle { position: absolute; inset-inline-end: 2px; top: -3px; display: flex; place-content: center; width: 44px; padding: 13px; }
#pass2, input[name="personal-password-clone"] { padding: 0.6em 2.5em 0.4em 0.4em; width: 8em; }
#personal-show + label { height: 14px; margin-top: -25px; inset-inline-start: 295px; display: block; }
#passwordbutton { margin-inline-start: 0.5em; }
p.info, form fieldset legend, #datadirContent label, form fieldset .warning-info, form input[type="checkbox"] + label { text-align: center; }
form .warning input[type="checkbox"]:hover + label, form .warning input[type="checkbox"]:focus + label, form .warning input[type="checkbox"] + label { color: var(--color-primary-element-text) !important; }
.body-login-container.two-factor { width: 320px; box-sizing: border-box; }
.two-factor-provider { display: flex; border-radius: 3px; margin: 12px 0px; border: 1px solid rgba(0, 0, 0, 0); text-align: start; align-items: center; text-decoration: none !important; }
.two-factor-provider:hover, .two-factor-provider:focus, .two-factor-provider:active { border: 1px solid rgb(255, 255, 255); }
.two-factor-provider img { width: 64px; height: 64px; padding: 0px 12px; }
.two-factor-provider div { margin: 12px 0px; }
.two-factor-provider h3 { margin: 0px; }
.two-factor-provider p { font-weight: normal; }
.two-factor-icon { width: 100px; display: block; margin: 0px auto; }
.two-factor-submit { width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 100px; font-size: 20px; }
.two-factor-primary { width: 226px; padding: 14px !important; }
.two-factor-secondary { display: inline-block; padding: 12px; }
#remember_login { margin-block: 18px 0px !important; margin-inline: 16px 5px !important; }
.updateProgress .error { margin-top: 10px; margin-bottom: 10px; }
form #selectDbType { text-align: center; white-space: nowrap; margin: 0px; display: flex; }
form #selectDbType .info { white-space: normal; }
form #selectDbType label { flex-grow: 1; margin: 0px -1px 5px; font-size: 12px; background: var(--color-background-hover); color: var(--color-main-text); cursor: pointer; border: 1px solid var(--color-border); padding: 10px 17px; }
form #selectDbType label.ui-state-hover, form #selectDbType label.ui-state-active { font-weight: normal; background: var(--color-background-darker); color: var(--color-main-text); }
form #selectDbType label span { display: none; }
.grouptop, .groupmiddle, .groupbottom { position: relative; user-select: none; }
.grouptop, .groupmiddle { margin-bottom: 8px !important; }
.groupbottom { margin-bottom: 13px; }
.groupbottom input[type="submit"] { box-shadow: none !important; }
.grouptop.groupbottom input { border-radius: 3px !important; margin: 5px 0px !important; }
.body-login-container { display: flex; flex-direction: column; text-align: start; overflow-wrap: break-word; border-radius: 10px; cursor: default; user-select: text; }
.body-login-container .icon-big { background-size: 70px auto; height: 70px; }
.body-login-container form { width: initial; }
.body-login-container p:not(:last-child) { margin-bottom: 12px; }
.infogroup { margin: 8px 0px; }
.infogroup:last-child { margin-bottom: 0px; }
p.info { margin: 20px auto; user-select: none; }
.update { width: calc(100% - 32px); text-align: center; }
.update .appList { list-style: disc; text-align: start; margin-inline: 25px; }
.update a.update-show-detailed { border-bottom: inherit; }
body[dir="ltr"] .update img.float-spinner { float: left; }
body[dir="rtl"] .update img.float-spinner { float: right; }
#update-progress-detailed { text-align: start; margin-bottom: 12px; }
.update-show-detailed { padding: 12px; display: block; opacity: 0.75; }
.update-show-detailed .icon-caret-white { display: inline-block; vertical-align: middle; }
#update-progress-icon { height: 32px; margin: 10px; background-size: 32px auto; }
.icon-info-white { background-image: url("/assets/nc-b008ea534f3e.svg"); }
.icon-error-white { background-image: url("/assets/nc-9130682ef662.svg"); }
.icon-caret-white { background-image: url("/assets/nc-4e6562e3bee3.svg"); }
.icon-confirm { background-image: url("/assets/nc-91f111143f25.svg"); }
.icon-confirm-white { background-image: url("/assets/nc-22fea44d1948.svg"); }
.icon-checkmark-white { background-image: url("/assets/nc-e6341af394bd.svg"); }
.float-spinner { margin-top: -32px; padding-top: 32px; height: 32px; display: none; }
[class^="icon-"], [class*=" icon-"] { background-repeat: no-repeat; background-position: center center; min-width: 16px; min-height: 16px; }
.loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark { position: relative; filter: var(--background-invert-if-dark); }
.loading::after, .loading-small::after, .icon-loading::after, .icon-loading-dark::after, .icon-loading-small::after, .icon-loading-small-dark::after { border-width: 2px; border-style: solid; border-color: rgb(100, 100, 100) rgba(150, 150, 150, 0.5) rgba(150, 150, 150, 0.5); border-image: none; border-radius: 100%; z-index: 2; content: ""; height: 32px; width: 32px; margin: -17px 0px 0px -17px; position: absolute; top: 50%; inset-inline-start: 50%; animation: 0.8s linear 0s infinite normal none running rotate; transform-origin: center center; }
.primary .loading, .primary + .loading, .primary .loading-small, .primary + .loading-small, .primary .icon-loading, .primary + .icon-loading, .primary .icon-loading-dark, .primary + .icon-loading-dark, .primary .icon-loading-small, .primary + .icon-loading-small, .primary .icon-loading-small-dark, .primary + .icon-loading-small-dark { filter: var(--primary-invert-if-bright); }
.icon-loading-dark::after, .icon-loading-small-dark::after { border-width: 2px; border-style: solid; border-color: rgb(187, 187, 187) rgba(187, 187, 187, 0.5) rgba(187, 187, 187, 0.5); border-image: none; }
.icon-loading-small::after, .icon-loading-small-dark::after { height: 16px; width: 16px; margin: -9px 0px 0px -9px; }
img.icon-loading, object.icon-loading, video.icon-loading, button.icon-loading, textarea.icon-loading, input.icon-loading, select.icon-loading, div[contenteditable="true"].icon-loading { background-image: url("/assets/nc-97c73c16a47e.gif"); }
img.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark, button.icon-loading-dark, textarea.icon-loading-dark, input.icon-loading-dark, select.icon-loading-dark, div[contenteditable="true"].icon-loading-dark { background-image: url("/assets/nc-ff7b67d9d542.gif"); }
img.icon-loading-small, object.icon-loading-small, video.icon-loading-small, button.icon-loading-small, textarea.icon-loading-small, input.icon-loading-small, select.icon-loading-small, div[contenteditable="true"].icon-loading-small { background-image: url("/assets/nc-10bc610d57d0.gif"); }
img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark, button.icon-loading-small-dark, textarea.icon-loading-small-dark, input.icon-loading-small-dark, select.icon-loading-small-dark, div[contenteditable="true"].icon-loading-small-dark { background-image: url("/assets/nc-3a825719d76e.gif"); }
@-webkit-keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
footer .info .entity-name { font-weight: bold; }
footer.guest-box { padding: var(--default-grid-baseline) calc(3*var(--default-grid-baseline)); margin-bottom: 1rem; }
footer.guest-box .info { margin: 0px; }
label.infield, .hidden-visually { position: absolute; inset-inline-start: -10000px; top: -10000px; width: 1px; height: 1px; overflow: hidden; }
a.legal { font-size: smaller; }
.notecard { color: var(--color-main-text); background-color: var(--note-background); border-inline-start: 4px solid var(--note-theme); border-radius: var(--border-radius); margin: 1rem 0px; padding: 1rem; text-align: start; }
.notecard.success { --note-background: var(--color-success-rgb); --note-theme: var(--color-success); }
.notecard.error { --note-background: var(--color-error); --note-theme: var(--color-error-text); }
.notecard.warning { --note-background: var(--color-warning); --note-theme: var(--color-warning-text); }
.notecard:last-child { margin-bottom: 0px; }
.notecard pre { background-color: var(--color-background-dark); margin-top: 1rem; padding: 1em 1.3em; border-radius: var(--border-radius); }
.guest-box, .body-login-container { --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); color: var(--color-main-text); background-color: var(--color-main-background-blur); padding: calc(3*var(--default-grid-baseline)); border-radius: var(--border-radius-container); box-shadow: 0 0 10px var(--color-box-shadow); display: inline-block; backdrop-filter: var(--filter-background-blur); }
.guest-box.wide { display: block; text-align: start; border-radius: var(--border-radius-container-large); }
.guest-box fieldset { margin-top: 0px; }
.guest-box .pre { overflow-x: scroll; }
button.toggle-password { background-color: rgba(0, 0, 0, 0); border-width: 0px; height: 44px; }
.margin-top { margin-top: 1rem !important; }
.text-left { text-align: start !important; }
.hidden { display: none; }
:root { --color-main-background: #ffffff; --color-main-background-rgb: 255,255,255; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #ededed; --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; --color-placeholder-dark: #cccccc; --color-main-text: #222222; --color-text-maxcontrast: #6b6b6b; --color-text-maxcontrast-default: #6b6b6b; --color-text-maxcontrast-background-blur: #595959; --color-text-error: #bf0000; --color-text-success: #066e03; --color-border: #ededed; --color-border-dark: #dbdbdb; --color-border-maxcontrast: #7d7d7d; --color-border-error: var(--color-element-error); --color-border-success: var(--color-element-success); --color-element-error: #c90000; --color-element-info: #0077C7; --color-element-success: #099f05; --color-element-warning: #BF7900; --color-error: #FFE7E7; --color-error-hover: #ffc3c3; --color-error-text: #8A0000; --color-warning: #FFEEC5; --color-warning-hover: #ffe4a1; --color-warning-text: #664700; --color-success: #D8F3DA; --color-success-hover: #bdebc0; --color-success-text: #005416; --color-info: #D5F1FA; --color-info-hover: #b5e6f6; --color-info-text: #0066AC; --color-favorite: #A37200; --color-mark: #fff0c7; --color-background-selection: rgb(from var(--color-primary-element) r g b / 0.2); --color-text-selection: var(--color-main-text); --color-error-rgb: 255,231,231; --color-warning-rgb: 255,238,197; --color-success-rgb: 216,243,218; --color-info-rgb: 213,241,250; --color-loading-light: #cccccc; --color-loading-dark: #444444; --color-scrollbar: var(--color-border-maxcontrast) transparent; --color-box-shadow-rgb: 77,77,77; --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); --color-background-assistant: #F6F5FF; --color-border-assistant: linear-gradient(125deg, #7398FE 50%, #6104A4 125%); --color-element-assistant: linear-gradient(214deg, #A569D3 12%, #00679E 39%, #422083 86%); --color-element-assistant-icon: linear-gradient(214deg, #9669D3 15%, #00679E 40%, #492083 80%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: linear-gradient(var(--color-background-plain-text) 25%, color-mix(in srgb, var(--color-background-plain-text), 55% transparent) 90%) alpha; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); --background-image-invert-if-bright: no; --primary-invert-if-bright: no; --primary-invert-if-dark: invert(100%); --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #3285b1; --color-primary-element: #00679e; --color-primary-element-hover: #00507a; --color-primary-element-text: #ffffff; --color-primary-element-text-dark: #ededed; --color-primary-light: #e5eff5; --color-primary-light-hover: #d9e3e8; --color-primary-light-text: #00293f; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/background.webp"); }
@media (prefers-color-scheme: light){:root { --color-main-background: #ffffff; --color-main-background-rgb: 255,255,255; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #ededed; --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; --color-placeholder-dark: #cccccc; --color-main-text: #222222; --color-text-maxcontrast: #6b6b6b; --color-text-maxcontrast-default: #6b6b6b; --color-text-maxcontrast-background-blur: #595959; --color-text-error: #bf0000; --color-text-success: #066e03; --color-border: #ededed; --color-border-dark: #dbdbdb; --color-border-maxcontrast: #7d7d7d; --color-border-error: var(--color-element-error); --color-border-success: var(--color-element-success); --color-element-error: #c90000; --color-element-info: #0077C7; --color-element-success: #099f05; --color-element-warning: #BF7900; --color-error: #FFE7E7; --color-error-hover: #ffc3c3; --color-error-text: #8A0000; --color-warning: #FFEEC5; --color-warning-hover: #ffe4a1; --color-warning-text: #664700; --color-success: #D8F3DA; --color-success-hover: #bdebc0; --color-success-text: #005416; --color-info: #D5F1FA; --color-info-hover: #b5e6f6; --color-info-text: #0066AC; --color-favorite: #A37200; --color-mark: #fff0c7; --color-background-selection: rgb(from var(--color-primary-element) r g b / 0.2); --color-text-selection: var(--color-main-text); --color-error-rgb: 255,231,231; --color-warning-rgb: 255,238,197; --color-success-rgb: 216,243,218; --color-info-rgb: 213,241,250; --color-loading-light: #cccccc; --color-loading-dark: #444444; --color-scrollbar: var(--color-border-maxcontrast) transparent; --color-box-shadow-rgb: 77,77,77; --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); --color-background-assistant: #F6F5FF; --color-border-assistant: linear-gradient(125deg, #7398FE 50%, #6104A4 125%); --color-element-assistant: linear-gradient(214deg, #A569D3 12%, #00679E 39%, #422083 86%); --color-element-assistant-icon: linear-gradient(214deg, #9669D3 15%, #00679E 40%, #492083 80%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: linear-gradient(var(--color-background-plain-text) 25%, color-mix(in srgb, var(--color-background-plain-text), 55% transparent) 90%) alpha; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); --background-image-invert-if-bright: no; --primary-invert-if-bright: no; --primary-invert-if-dark: invert(100%); --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #3285b1; --color-primary-element: #00679e; --color-primary-element-hover: #00507a; --color-primary-element-text: #ffffff; --color-primary-element-text-dark: #ededed; --color-primary-light: #e5eff5; --color-primary-light-hover: #d9e3e8; --color-primary-light-text: #00293f; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/background.webp"); }}
@media (prefers-color-scheme: dark){:root { --color-main-background: #171717; --color-main-background-rgb: 23,23,23; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); --color-main-background-blur: rgba(var(--color-main-background-rgb), .85); --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #212121; --color-background-dark: #292929; --color-background-darker: #3b3b3b; --color-placeholder-light: #313131; --color-placeholder-dark: #4a4a4a; --color-main-text: #EBEBEB; --color-text-maxcontrast: #999999; --color-text-maxcontrast-default: #999999; --color-text-maxcontrast-background-blur: #a8a8a8; --color-text-error: #ff6f6f; --color-text-success: #49bb37; --color-border: #292929; --color-border-dark: #3b3b3b; --color-border-maxcontrast: #7d7d7d; --color-border-error: var(--color-element-error); --color-border-success: var(--color-element-success); --color-element-error: #FF5050; --color-element-info: #0099E0; --color-element-success: #40A330; --color-element-warning: #FFCC00; --color-error: #552121; --color-error-hover: #7a2f2f; --color-error-text: #FFCCCC; --color-warning: #3D3010; --color-warning-hover: #65501b; --color-warning-text: #FFEEC5; --color-success: #11321A; --color-success-hover: #1e582e; --color-success-text: #D5F2DC; --color-info: #003553; --color-info-hover: #005686; --color-info-text: #00AEFF; --color-favorite: #ffde00; --color-mark: #4d3800; --color-background-selection: rgb(from var(--color-primary-element) r g b / 0.4); --color-text-selection: var(--color-main-text); --color-error-rgb: 85,33,33; --color-warning-rgb: 61,48,16; --color-success-rgb: 17,50,26; --color-info-rgb: 0,53,83; --color-loading-light: #777; --color-loading-dark: #CCC; --color-scrollbar: var(--color-border-maxcontrast) transparent; --color-box-shadow-rgb: 0,0,0; --color-box-shadow: #000000; --color-background-assistant: #221D2B; --color-border-assistant: linear-gradient(125deg, #0C3A65 50%, #6204A5 125%); --color-element-assistant: linear-gradient(214deg, #C8A3E8 12%, #007CFF 39%, #C297DD 86%); --color-element-assistant-icon: linear-gradient(214deg, #CDACE7 15.28%, #008FDB 39.98%, #A180E0 82.05%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: linear-gradient(var(--color-background-plain-text) 25%, color-mix(in srgb, var(--color-background-plain-text), 55% transparent) 90%) alpha; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: invert(100%); --background-invert-if-bright: no; --background-image-invert-if-bright: no; --primary-invert-if-bright: invert(100%); --primary-invert-if-dark: no; --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #045783; --color-primary-element: #0091f2; --color-primary-element-hover: #17a2ff; --color-primary-element-text: #000000; --color-primary-element-text-dark: #121212; --color-primary-light: #14232c; --color-primary-light-hover: #1f2e36; --color-primary-light-text: #99c2d8; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/nc-c2281fe6de41.webp"); }}
@media (prefers-contrast: more){:root { --color-main-background: #ffffff; --color-main-background-rgb: 255,255,255; --color-main-background-translucent: rgba(var(--color-main-background-rgb), 1); --color-main-background-blur: #ffffff; --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #cccccc; --color-background-darker: #cccccc; --color-placeholder-light: #b3b3b3; --color-placeholder-dark: #8c8c8c; --color-main-text: #000000; --color-text-maxcontrast: #000000; --color-text-maxcontrast-default: #6b6b6b; --color-text-maxcontrast-background-blur: #000000; --color-text-error: #660000; --color-text-success: #123a1c; --color-border: #808080; --color-border-dark: #808080; --color-border-maxcontrast: #707070; --color-border-error: #dc0000; --color-border-success: #247537; --color-element-error: #b30000; --color-element-info: #00486b; --color-element-success: #247537; --color-element-warning: #885b00; --color-error: #FFB3B3; --color-error-hover: #ff9a9a; --color-error-text: #4d0000; --color-warning: #FFD888; --color-warning-hover: #ffcb5f; --color-warning-text: #3b2800; --color-success: #C4EDCE; --color-success-hover: #a5e3b4; --color-success-text: #123a1c; --color-info: #6BCEFF; --color-info-hover: #42c0ff; --color-info-text: #00141f; --color-favorite: #936B06; --color-mark: #fff0c7; --color-background-selection: var(--color-primary-element); --color-text-selection: var(--color-primary-element-text); --color-error-rgb: 255,179,179; --color-warning-rgb: 255,216,136; --color-success-rgb: 196,237,206; --color-info-rgb: 107,206,255; --color-loading-light: #dddddd; --color-loading-dark: #000000; --color-scrollbar: auto transparent; --color-box-shadow-rgb: #000000; --color-box-shadow: #000000; --color-background-assistant: #F6F5FF; --color-border-assistant: linear-gradient(125deg, #7398FE 50%, #6104A4 125%); --color-element-assistant: linear-gradient(214deg, #A569D3 12%, #00679E 39%, #422083 86%); --color-element-assistant-icon: linear-gradient(214deg, #9669D3 15%, #00679E 40%, #492083 80%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: none; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); --background-image-invert-if-bright: no; --primary-invert-if-bright: no; --primary-invert-if-dark: invert(100%); --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #3285b1; --color-primary-element: #005c88; --color-primary-element-hover: #004464; --color-primary-element-text: #ffffff; --color-primary-element-text-dark: #ffffff; --color-primary-light: #e5eef3; --color-primary-light-hover: #d9e2e6; --color-primary-light-text: #00293f; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/background.webp"); }
[class^="icon-"], [class*=" icon-"], .action, #appmenu li a, .menutoggle { opacity: 1 !important; }
#app-navigation { border-right: 1px solid var(--color-border); }}
@media (prefers-color-scheme: dark) and (prefers-contrast: more){:root { --color-main-background: #000000; --color-main-background-rgb: 0,0,0; --color-main-background-translucent: rgba(var(--color-main-background-rgb), 1); --color-main-background-blur: #000000; --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #212121; --color-background-dark: #333333; --color-background-darker: #333333; --color-placeholder-light: #4d4d4d; --color-placeholder-dark: #737373; --color-main-text: #ffffff; --color-text-maxcontrast: #ffffff; --color-text-maxcontrast-default: #999999; --color-text-maxcontrast-background-blur: #ffffff; --color-text-error: #ffc2c2; --color-text-success: #c0e5c6; --color-border: #808080; --color-border-dark: #808080; --color-border-maxcontrast: #8c8c8c; --color-border-error: var(--color-element-error); --color-border-success: var(--color-element-success); --color-element-error: #ff0f0f; --color-element-info: #0fa3ff; --color-element-success: #46ad56; --color-element-warning: #dbba00; --color-error: #750000; --color-error-hover: #890000; --color-error-text: #ffdbdb; --color-warning: #423800; --color-warning-hover: #5c4e00; --color-warning-text: #ffee8f; --color-success: #1A4020; --color-success-hover: #215229; --color-success-text: #d2edd6; --color-info: #004875; --color-info-hover: #00588f; --color-info-text: #a8deff; --color-favorite: #ffde00; --color-mark: #4d3800; --color-background-selection: var(--color-primary-element); --color-text-selection: var(--color-main-text); --color-error-rgb: 117,0,0; --color-warning-rgb: 66,56,0; --color-success-rgb: 26,64,32; --color-info-rgb: 0,72,117; --color-loading-light: #000000; --color-loading-dark: #dddddd; --color-scrollbar: auto transparent; --color-box-shadow-rgb: #ffffff; --color-box-shadow: #ffffff; --color-background-assistant: #221D2B; --color-border-assistant: linear-gradient(125deg, #0C3A65 50%, #6204A5 125%); --color-element-assistant: linear-gradient(214deg, #C8A3E8 12%, #007CFF 39%, #C297DD 86%); --color-element-assistant-icon: linear-gradient(214deg, #CDACE7 15.28%, #008FDB 39.98%, #A180E0 82.05%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: none; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: invert(100%); --background-invert-if-bright: no; --background-image-invert-if-bright: no; --primary-invert-if-bright: invert(100%); --primary-invert-if-dark: no; --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #00527e; --color-primary-element: #27abff; --color-primary-element-hover: #4bb9ff; --color-primary-element-text: #000000; --color-primary-element-text-dark: #121212; --color-primary-light: #031119; --color-primary-light-hover: #0f1c24; --color-primary-light-text: #99c2d8; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/nc-c2281fe6de41.webp"); --color-text-warning: #ffee8f; }
[class^="icon-"], [class*=" icon-"], .action, #appmenu li a, .menutoggle { opacity: 1 !important; }
#app-navigation { border-right: 1px solid var(--color-border); }
div.crumb { filter: brightness(150%); }
::selection { color: var(--color-primary-element-text); }}
@media (prefers-reduced-motion: reduce){:root { --animation-quick: 0; --animation-slow: 0; }}
[data-theme-light] { --color-main-background: #ffffff; --color-main-background-rgb: 255,255,255; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #ededed; --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; --color-placeholder-dark: #cccccc; --color-main-text: #222222; --color-text-maxcontrast: #6b6b6b; --color-text-maxcontrast-default: #6b6b6b; --color-text-maxcontrast-background-blur: #595959; --color-text-error: #bf0000; --color-text-success: #066e03; --color-border: #ededed; --color-border-dark: #dbdbdb; --color-border-maxcontrast: #7d7d7d; --color-border-error: var(--color-element-error); --color-border-success: var(--color-element-success); --color-element-error: #c90000; --color-element-info: #0077C7; --color-element-success: #099f05; --color-element-warning: #BF7900; --color-error: #FFE7E7; --color-error-hover: #ffc3c3; --color-error-text: #8A0000; --color-warning: #FFEEC5; --color-warning-hover: #ffe4a1; --color-warning-text: #664700; --color-success: #D8F3DA; --color-success-hover: #bdebc0; --color-success-text: #005416; --color-info: #D5F1FA; --color-info-hover: #b5e6f6; --color-info-text: #0066AC; --color-favorite: #A37200; --color-mark: #fff0c7; --color-background-selection: rgb(from var(--color-primary-element) r g b / 0.2); --color-text-selection: var(--color-main-text); --color-error-rgb: 255,231,231; --color-warning-rgb: 255,238,197; --color-success-rgb: 216,243,218; --color-info-rgb: 213,241,250; --color-loading-light: #cccccc; --color-loading-dark: #444444; --color-scrollbar: var(--color-border-maxcontrast) transparent; --color-box-shadow-rgb: 77,77,77; --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); --color-background-assistant: #F6F5FF; --color-border-assistant: linear-gradient(125deg, #7398FE 50%, #6104A4 125%); --color-element-assistant: linear-gradient(214deg, #A569D3 12%, #00679E 39%, #422083 86%); --color-element-assistant-icon: linear-gradient(214deg, #9669D3 15%, #00679E 40%, #492083 80%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: linear-gradient(var(--color-background-plain-text) 25%, color-mix(in srgb, var(--color-background-plain-text), 55% transparent) 90%) alpha; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); --background-image-invert-if-bright: no; --primary-invert-if-bright: no; --primary-invert-if-dark: invert(100%); --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #3285b1; --color-primary-element: #00679e; --color-primary-element-hover: #00507a; --color-primary-element-text: #ffffff; --color-primary-element-text-dark: #ededed; --color-primary-light: #e5eff5; --color-primary-light-hover: #d9e3e8; --color-primary-light-text: #00293f; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/background.webp"); }
[data-theme-dark] { --color-main-background: #171717; --color-main-background-rgb: 23,23,23; --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); --color-main-background-blur: rgba(var(--color-main-background-rgb), .85); --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #212121; --color-background-dark: #292929; --color-background-darker: #3b3b3b; --color-placeholder-light: #313131; --color-placeholder-dark: #4a4a4a; --color-main-text: #EBEBEB; --color-text-maxcontrast: #999999; --color-text-maxcontrast-default: #999999; --color-text-maxcontrast-background-blur: #a8a8a8; --color-text-error: #ff6f6f; --color-text-success: #49bb37; --color-border: #292929; --color-border-dark: #3b3b3b; --color-border-maxcontrast: #7d7d7d; --color-border-error: var(--color-element-error); --color-border-success: var(--color-element-success); --color-element-error: #FF5050; --color-element-info: #0099E0; --color-element-success: #40A330; --color-element-warning: #FFCC00; --color-error: #552121; --color-error-hover: #7a2f2f; --color-error-text: #FFCCCC; --color-warning: #3D3010; --color-warning-hover: #65501b; --color-warning-text: #FFEEC5; --color-success: #11321A; --color-success-hover: #1e582e; --color-success-text: #D5F2DC; --color-info: #003553; --color-info-hover: #005686; --color-info-text: #00AEFF; --color-favorite: #ffde00; --color-mark: #4d3800; --color-background-selection: rgb(from var(--color-primary-element) r g b / 0.4); --color-text-selection: var(--color-main-text); --color-error-rgb: 85,33,33; --color-warning-rgb: 61,48,16; --color-success-rgb: 17,50,26; --color-info-rgb: 0,53,83; --color-loading-light: #777; --color-loading-dark: #CCC; --color-scrollbar: var(--color-border-maxcontrast) transparent; --color-box-shadow-rgb: 0,0,0; --color-box-shadow: #000000; --color-background-assistant: #221D2B; --color-border-assistant: linear-gradient(125deg, #0C3A65 50%, #6204A5 125%); --color-element-assistant: linear-gradient(214deg, #C8A3E8 12%, #007CFF 39%, #C297DD 86%); --color-element-assistant-icon: linear-gradient(214deg, #CDACE7 15.28%, #008FDB 39.98%, #A180E0 82.05%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: linear-gradient(var(--color-background-plain-text) 25%, color-mix(in srgb, var(--color-background-plain-text), 55% transparent) 90%) alpha; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: invert(100%); --background-invert-if-bright: no; --background-image-invert-if-bright: no; --primary-invert-if-bright: invert(100%); --primary-invert-if-dark: no; --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #045783; --color-primary-element: #0091f2; --color-primary-element-hover: #17a2ff; --color-primary-element-text: #000000; --color-primary-element-text-dark: #121212; --color-primary-light: #14232c; --color-primary-light-hover: #1f2e36; --color-primary-light-text: #99c2d8; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/nc-c2281fe6de41.webp"); }
[data-theme-light-highcontrast] {
  --color-main-background: #ffffff; --color-main-background-rgb: 255,255,255; --color-main-background-translucent: rgba(var(--color-main-background-rgb), 1); --color-main-background-blur: #ffffff; --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #cccccc; --color-background-darker: #cccccc; --color-placeholder-light: #b3b3b3; --color-placeholder-dark: #8c8c8c; --color-main-text: #000000; --color-text-maxcontrast: #000000; --color-text-maxcontrast-default: #6b6b6b; --color-text-maxcontrast-background-blur: #000000; --color-text-error: #660000; --color-text-success: #123a1c; --color-border: #808080; --color-border-dark: #808080; --color-border-maxcontrast: #707070; --color-border-error: #dc0000; --color-border-success: #247537; --color-element-error: #b30000; --color-element-info: #00486b; --color-element-success: #247537; --color-element-warning: #885b00; --color-error: #FFB3B3; --color-error-hover: #ff9a9a; --color-error-text: #4d0000; --color-warning: #FFD888; --color-warning-hover: #ffcb5f; --color-warning-text: #3b2800; --color-success: #C4EDCE; --color-success-hover: #a5e3b4; --color-success-text: #123a1c; --color-info: #6BCEFF; --color-info-hover: #42c0ff; --color-info-text: #00141f; --color-favorite: #936B06; --color-mark: #fff0c7; --color-background-selection: var(--color-primary-element); --color-text-selection: var(--color-primary-element-text); --color-error-rgb: 255,179,179; --color-warning-rgb: 255,216,136; --color-success-rgb: 196,237,206; --color-info-rgb: 107,206,255; --color-loading-light: #dddddd; --color-loading-dark: #000000; --color-scrollbar: auto transparent; --color-box-shadow-rgb: #000000; --color-box-shadow: #000000; --color-background-assistant: #F6F5FF; --color-border-assistant: linear-gradient(125deg, #7398FE 50%, #6104A4 125%); --color-element-assistant: linear-gradient(214deg, #A569D3 12%, #00679E 39%, #422083 86%); --color-element-assistant-icon: linear-gradient(214deg, #9669D3 15%, #00679E 40%, #492083 80%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: none; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); --background-image-invert-if-bright: no; --primary-invert-if-bright: no; --primary-invert-if-dark: invert(100%); --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #3285b1; --color-primary-element: #005c88; --color-primary-element-hover: #004464; --color-primary-element-text: #ffffff; --color-primary-element-text-dark: #ffffff; --color-primary-light: #e5eef3; --color-primary-light-hover: #d9e2e6; --color-primary-light-text: #00293f; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/background.webp");
  & [class^="icon-"], & [class*=" icon-"], & .action, & #appmenu li a, & .menutoggle { opacity: 1 !important; }
  & #app-navigation { border-right: 1px solid var(--color-border); }
}
[data-theme-dark-highcontrast] {
  --color-main-background: #000000; --color-main-background-rgb: 0,0,0; --color-main-background-translucent: rgba(var(--color-main-background-rgb), 1); --color-main-background-blur: #000000; --filter-background-blur: none; --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #212121; --color-background-dark: #333333; --color-background-darker: #333333; --color-placeholder-light: #4d4d4d; --color-placeholder-dark: #737373; --color-main-text: #ffffff; --color-text-maxcontrast: #ffffff; --color-text-maxcontrast-default: #999999; --color-text-maxcontrast-background-blur: #ffffff; --color-text-error: #ffc2c2; --color-text-success: #c0e5c6; --color-border: #808080; --color-border-dark: #808080; --color-border-maxcontrast: #8c8c8c; --color-border-error: var(--color-element-error); --color-border-success: var(--color-element-success); --color-element-error: #ff0f0f; --color-element-info: #0fa3ff; --color-element-success: #46ad56; --color-element-warning: #dbba00; --color-error: #750000; --color-error-hover: #890000; --color-error-text: #ffdbdb; --color-warning: #423800; --color-warning-hover: #5c4e00; --color-warning-text: #ffee8f; --color-success: #1A4020; --color-success-hover: #215229; --color-success-text: #d2edd6; --color-info: #004875; --color-info-hover: #00588f; --color-info-text: #a8deff; --color-favorite: #ffde00; --color-mark: #4d3800; --color-background-selection: var(--color-primary-element); --color-text-selection: var(--color-main-text); --color-error-rgb: 117,0,0; --color-warning-rgb: 66,56,0; --color-success-rgb: 26,64,32; --color-info-rgb: 0,72,117; --color-loading-light: #000000; --color-loading-dark: #dddddd; --color-scrollbar: auto transparent; --color-box-shadow-rgb: #ffffff; --color-box-shadow: #ffffff; --color-background-assistant: #221D2B; --color-border-assistant: linear-gradient(125deg, #0C3A65 50%, #6204A5 125%); --color-element-assistant: linear-gradient(214deg, #C8A3E8 12%, #007CFF 39%, #C297DD 86%); --color-element-assistant-icon: linear-gradient(214deg, #CDACE7 15.28%, #008FDB 39.98%, #A180E0 82.05%); --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; --font-size-small: 13px; --font-weight-default: 400; --font-weight-element: 500; --font-weight-heading: 600; --default-line-height: 1.5; --animation-quick: 100ms; --animation-slow: 200ms; --border-width-input: 1px; --border-width-input-focused: 2px; --border-radius-small: 4px; --border-radius-element: 8px; --border-radius-container: 12px; --border-radius-container-large: 16px; --border-radius: var(--border-radius-small); --border-radius-large: var(--border-radius-element); --border-radius-rounded: 28px; --border-radius-pill: 100px; --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; --default-grid-baseline: 4px; --header-height: 44px; --header-menu-item-height: 34px; --header-menu-icon-mask: none; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; --body-container-radius: var(--border-radius-container-large); --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: invert(100%); --background-invert-if-bright: no; --background-image-invert-if-bright: no; --primary-invert-if-bright: invert(100%); --primary-invert-if-dark: no; --color-primary: #00679e; --color-primary-text: #ffffff; --color-primary-hover: #00527e; --color-primary-element: #27abff; --color-primary-element-hover: #4bb9ff; --color-primary-element-text: #000000; --color-primary-element-text-dark: #121212; --color-primary-light: #031119; --color-primary-light-hover: #0f1c24; --color-primary-light-text: #99c2d8; --color-primary-element-light: var(--color-primary-light); --color-primary-element-light-text: var(--color-primary-light-text); --color-primary-element-light-hover: var(--color-primary-light-hover); --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-background-plain: #00679e; --color-background-plain-text: #ffffff; --image-background: url("/assets/nc-c2281fe6de41.webp"); --color-text-warning: #ffee8f;
  & [class^="icon-"], & [class*=" icon-"], & .action, & #appmenu li a, & .menutoggle { opacity: 1 !important; }
  & #app-navigation { border-right: 1px solid var(--color-border); }
  & div.crumb { filter: brightness(150%); }
  & ::selection { color: var(--color-primary-element-text); }
}
@font-face { font-family: OpenDyslexic; font-style: normal; font-weight: 400; src: url("data:font/otf;base64,") format("opentype"); }
@font-face { font-family: OpenDyslexic; font-style: normal; font-weight: 700; src: url("data:font/otf;base64,") format("opentype"); }
[data-theme-opendyslexic] { --font-face: OpenDyslexic, system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
[data-theme-reduced-motion] { --animation-quick: 0; --animation-slow: 0; }
.material-design-icon[data-v-ab2ff78b] { display: flex; place-self: center; align-items: center; justify-content: center; }
li.action[data-v-ab2ff78b]:hover, li.action.active[data-v-ab2ff78b] { border-radius: 6px; padding: 0px; }
li.action[data-v-ab2ff78b]:hover { background-color: var(--color-background-hover); }
.action--disabled[data-v-ab2ff78b] { pointer-events: none; opacity: 0.5; }
.action--disabled[data-v-ab2ff78b]:hover, .action--disabled[data-v-ab2ff78b]:focus { cursor: default; opacity: 0.5; }
.action--disabled [data-v-ab2ff78b] { opacity: 1 !important; }
.action-button[data-v-ab2ff78b] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0px; padding: 0px; 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: 0px; border-radius: 0px; background-color: transparent; box-shadow: none; font-weight: var(--font-weight-element, normal); font-size: var(--default-font-size); line-height: var(--default-clickable-area); }
.action-button > span[data-v-ab2ff78b] { cursor: pointer; white-space: nowrap; }
.action-button__icon[data-v-ab2ff78b] { 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 auto; background-repeat: no-repeat; }
.action-button[data-v-ab2ff78b] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; }
.action-button[data-v-ab2ff78b] .material-design-icon .material-design-icon__svg { vertical-align: middle; }
.action-button__longtext-wrapper[data-v-ab2ff78b], .action-button__longtext[data-v-ab2ff78b] { 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-ab2ff78b] { cursor: pointer; white-space: pre-wrap !important; }
.action-button__name[data-v-ab2ff78b] { font-weight: var(--font-weight-heading, bold); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: block; }
.action-button__description[data-v-ab2ff78b] { display: block; white-space: pre-wrap; font-size: var(--font-size-small); font-weight: var(--font-weight-default, normal); line-height: var(--default-line-height); color: var(--color-text-maxcontrast); cursor: pointer; }
.action-button__menu-icon[data-v-ab2ff78b] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); }
.action-button__pressed-icon[data-v-ab2ff78b] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); }
.action-button [data-v-ab2ff78b] { cursor: pointer; }
.material-design-icon[data-v-4625d649] { display: flex; place-self: center; align-items: center; justify-content: center; }
.icon-vue[data-v-4625d649] { --icon-size: var(--dad67fa8); display: flex; justify-content: center; align-items: center; min-width: var(--default-clickable-area); min-height: var(--default-clickable-area); opacity: 1; }
.icon-vue--inline[data-v-4625d649] { display: inline-flex; min-width: fit-content; min-height: fit-content; vertical-align: text-bottom; }
.icon-vue span[data-v-4625d649] { line-height: 0; }
.icon-vue[data-v-4625d649] svg { fill: currentcolor; width: var(--icon-size, 20px); height: var(--icon-size, 20px); max-width: var(--icon-size, 20px); max-height: var(--icon-size, 20px); }
.icon-vue--directional[data-v-4625d649] svg:dir(rtl) { transform: scaleX(-1); }
.material-design-icon[data-v-38a26e61] { display: flex; place-self: center; align-items: center; justify-content: center; }
.action-items[data-v-38a26e61] { display: flex; align-items: center; gap: calc((var(--default-clickable-area) - 16px) / 2 / 2); }
.action-item[data-v-38a26e61] { --open-background-color: var(--color-background-hover, $action-background-hover); position: relative; display: inline-block; }
.action-item.action-item--primary[data-v-38a26e61] { --open-background-color: var(--color-primary-element-hover); }
.action-item.action-item--secondary[data-v-38a26e61] { --open-background-color: var(--color-primary-element-light-hover); }
.action-item.action-item--error[data-v-38a26e61] { --open-background-color: var(--color-error-hover); }
.action-item.action-item--warning[data-v-38a26e61] { --open-background-color: var(--color-warning-hover); }
.action-item.action-item--success[data-v-38a26e61] { --open-background-color: var(--color-success-hover); }
.action-item.action-item--tertiary-no-background[data-v-38a26e61] { --open-background-color: transparent; }
.action-item.action-item--open .action-item__menutoggle[data-v-38a26e61] { background-color: var(--open-background-color); }
.action-item__menutoggle__icon[data-v-38a26e61] { width: 20px; height: 20px; object-fit: contain; }
.material-design-icon { display: flex; place-self: center; align-items: center; justify-content: center; }
.v-popper--theme-nc-popover-8.v-popper__popper.action-item__popper .v-popper__wrapper { border-radius: var(--border-radius-large); }
.v-popper--theme-nc-popover-8.v-popper__popper.action-item__popper .v-popper__wrapper .v-popper__inner { border-radius: var(--border-radius-large); padding: 4px; max-height: calc(100vh - var(--header-height)); overflow: auto; }
.material-design-icon[data-v-29ac0caf] { display: flex; place-self: center; align-items: center; justify-content: center; }
.button-vue[data-v-29ac0caf] { --button-size: var(--default-clickable-area); --button-inner-size: calc(var(--button-size) - 4px); --button-radius: var(--border-radius-element, calc(var(--button-size) / 2)); --button-padding-default: clamp(var(--default-grid-baseline), var(--button-radius), calc(var(--default-grid-baseline) * 4)); --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-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: 2px; border-radius: var(--button-radius); box-sizing: border-box; position: relative; width: fit-content; overflow: hidden; padding-block: 1px 0px; 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: var(--font-weight-element, bold); }
.button-vue--size-small[data-v-29ac0caf] { --button-size: var(--clickable-area-small, 24px); --button-radius: var(--border-radius); }
.button-vue--size-large[data-v-29ac0caf] { --button-size: var(--clickable-area-large, 48px); }
.button-vue[data-v-29ac0caf], .button-vue[data-v-29ac0caf] * { cursor: pointer; }
.button-vue[data-v-29ac0caf]:focus { outline: none; }
.button-vue[data-v-29ac0caf]:disabled { cursor: default; opacity: 0.5; filter: saturate(0.7); }
.button-vue[data-v-29ac0caf]:disabled * { cursor: default; }
.button-vue[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-primary-element-light-hover); }
.button-vue[data-v-29ac0caf]:active:not(:disabled) { background-color: var(--color-primary-element-light); }
.button-vue__wrapper[data-v-29ac0caf] { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.button-vue--end .button-vue__wrapper[data-v-29ac0caf] { justify-content: end; }
.button-vue--start .button-vue__wrapper[data-v-29ac0caf] { justify-content: start; }
.button-vue--reverse .button-vue__wrapper[data-v-29ac0caf] { flex-direction: row-reverse; }
.button-vue--reverse.button-vue--icon-and-text[data-v-29ac0caf] { --button-padding: var(--button-padding-default) var(--default-grid-baseline); }
.button-vue__icon[data-v-29ac0caf] { --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--size-small .button-vue__icon[data-v-29ac0caf] > * { max-height: 16px; max-width: 16px; }
.button-vue--size-small .button-vue__icon[data-v-29ac0caf] svg { height: 16px; width: 16px; }
.button-vue__text[data-v-29ac0caf] { font-weight: var(--font-weight-element, bold); margin-bottom: 1px; padding: 2px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.button-vue--icon-only[data-v-29ac0caf] { --button-padding: clamp(var(--default-grid-baseline), var(--button-radius), calc(var(--default-grid-baseline) * 4)); line-height: 1; width: var(--button-size) !important; }
.button-vue--text-only[data-v-29ac0caf] { --button-padding: var(--button-padding-default); }
.button-vue--text-only .button-vue__text[data-v-29ac0caf] { margin-inline: 4px; }
.button-vue--wide[data-v-29ac0caf] { width: 100%; }
.button-vue[data-v-29ac0caf]: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-29ac0caf] { outline: 2px solid var(--color-primary-element-text); border-radius: var(--border-radius-element, var(--border-radius)); background-color: transparent; }
.button-vue--vue-primary[data-v-29ac0caf] { background-color: var(--color-primary-element); border-color: var(--color-primary-element-hover); color: var(--color-primary-element-text); }
.button-vue--vue-primary[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-primary-element-hover); }
.button-vue--vue-primary[data-v-29ac0caf]:active { background-color: var(--color-primary-element); }
.button-vue--vue-secondary[data-v-29ac0caf] { background-color: var(--color-primary-element-light); border-color: var(--color-primary-element-light-hover); color: var(--color-primary-element-light-text); }
.button-vue--vue-secondary[data-v-29ac0caf]:hover:not(:disabled) { color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light-hover); }
.button-vue--tertiary[data-v-29ac0caf], .button-vue--vue-tertiary[data-v-29ac0caf] { background-color: transparent; border-color: transparent; color: var(--color-main-text); }
.button-vue--tertiary[data-v-29ac0caf]:hover:not(:disabled), .button-vue--vue-tertiary[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-background-hover); }
.button-vue--tertiary[data-v-29ac0caf]:not(.button-vue--legacy34):hover:not(:disabled) { background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent); }
.button-vue--vue-tertiary-no-background[data-v-29ac0caf]:hover:not(:disabled) { background-color: transparent; }
.button-vue--vue-tertiary-on-primary[data-v-29ac0caf] { color: var(--color-primary-element-text); }
.button-vue--vue-tertiary-on-primary[data-v-29ac0caf]:hover:not(:disabled) { background-color: transparent; }
.button-vue--vue-success[data-v-29ac0caf] { background-color: var(--color-success); border-color: var(--color-success-hover); color: var(--color-success-text); }
.button-vue--vue-success[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-success-hover); }
.button-vue--vue-success[data-v-29ac0caf]:active { background-color: var(--color-success); }
.button-vue--vue-warning[data-v-29ac0caf] { background-color: var(--color-warning); border-color: var(--color-warning-hover); color: var(--color-warning-text); }
.button-vue--vue-warning[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-warning-hover); }
.button-vue--vue-warning[data-v-29ac0caf]:active { background-color: var(--color-warning); }
.button-vue--vue-error[data-v-29ac0caf] { background-color: var(--color-error); border-color: var(--color-error-hover); color: var(--color-error-text); }
.button-vue--vue-error[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-error-hover); }
.button-vue--vue-error[data-v-29ac0caf]:active { background-color: var(--color-error); }
.button-vue--legacy[data-v-29ac0caf] { --button-inner-size: var(--button-size); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-block: 0px; }
.button-vue--legacy.button-vue--vue-error[data-v-29ac0caf], .button-vue--legacy.button-vue--vue-success[data-v-29ac0caf], .button-vue--legacy.button-vue--vue-warning[data-v-29ac0caf] { color: white; }
._material-design-icon_S8GUm { display: flex; place-self: center; align-items: center; justify-content: center; }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8 .resize-observer { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; pointer-events: none; display: block; overflow: hidden; opacity: 0; }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8 .resize-observer object { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper { z-index: 100000; top: 0px; left: 0px; display: block !important; }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__wrapper { box-shadow: 0 1px 10px var(--color-box-shadow); border-radius: var(--border-radius-large); }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__inner { padding: 0px; color: var(--color-main-text); border-radius: var(--border-radius-large); overflow: hidden; background: var(--color-main-background); }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__arrow-container { position: absolute; z-index: 1; width: 0px; height: 0px; border-style: solid; border-color: transparent; border-width: 10px; }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-container { bottom: -9px; border-bottom-width: 0px; border-top-color: var(--color-main-background); }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container { top: -9px; border-top-width: 0px; border-bottom-color: var(--color-main-background); }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-container { left: -9px; border-left-width: 0px; border-right-color: var(--color-main-background); }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-container { right: -9px; border-right-width: 0px; border-left-color: var(--color-main-background); }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[aria-hidden="true"] { visibility: hidden; transition: opacity var(--animation-quick), visibility var(--animation-quick); opacity: 0; }
._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[aria-hidden="false"] { visibility: visible; transition: opacity var(--animation-quick); opacity: 1; }
.material-design-icon[data-v-53618902] { display: flex; place-self: center; align-items: center; justify-content: center; }
.empty-content[data-v-53618902] { display: flex; align-items: center; flex-direction: column; justify-content: center; flex-grow: 1; padding: var(--default-grid-baseline); }
.modal-wrapper .empty-content[data-v-53618902] { margin-top: 5vh; margin-bottom: 5vh; }
.empty-content__icon[data-v-53618902] { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0px auto 15px; opacity: 0.4; background-repeat: no-repeat; background-position: center center; background-size: 64px auto; }
.empty-content__icon[data-v-53618902] svg { width: 64px !important; height: 64px !important; max-width: 64px !important; max-height: 64px !important; }
.empty-content__name[data-v-53618902] { margin-bottom: 10px; text-align: center; font-weight: var(--font-weight-heading, bold); font-size: 20px; line-height: 30px; }
.empty-content__description[data-v-53618902] { color: var(--color-text-maxcontrast); text-align: center; text-wrap-style: balance; }
.empty-content__action[data-v-53618902] { margin-top: 8px; }
.modal-wrapper .empty-content__action[data-v-53618902] { margin-top: 20px; display: flex; }
.material-design-icon[data-v-07bfaab0] { display: flex; place-self: center; align-items: center; justify-content: center; }
.mention-bubble--primary .mention-bubble__content[data-v-07bfaab0] { color: var(--color-primary-element-text); background-color: var(--color-primary-element); }
.mention-bubble__wrapper[data-v-07bfaab0] { position: relative; max-width: 150px; height: 18px; vertical-align: text-bottom; display: inline-flex; align-items: center; }
.mention-bubble__content[data-v-07bfaab0] { display: inline-flex; overflow: hidden; align-items: center; max-width: 100%; height: 20px; user-select: none; padding-inline: 2px 6px; border-radius: 10px; background-color: var(--color-background-dark); }
.mention-bubble__icon[data-v-07bfaab0] { position: relative; width: 16px; height: 16px; border-radius: 8px; background-color: var(--color-background-darker); background-repeat: no-repeat; background-position: center center; background-size: 12px auto; }
.mention-bubble__icon--with-avatar[data-v-07bfaab0] { color: inherit; background-size: cover; }
.mention-bubble__title[data-v-07bfaab0] { overflow: hidden; margin-inline-start: 2px; white-space: nowrap; text-overflow: ellipsis; }
.mention-bubble__title[data-v-07bfaab0]::before { content: attr(title); }
.mention-bubble__select[data-v-07bfaab0] { position: absolute; z-index: -1; inset-inline-start: -100vw; width: 1px; height: 1px; overflow: hidden; }
.material-design-icon[data-v-f00deac7] { display: flex; place-self: center; align-items: center; justify-content: center; }
.header-menu[data-v-f00deac7] { position: relative; width: var(--header-height); height: var(--header-height); }
.header-menu .header-menu__trigger[data-v-f00deac7] { height: var(--header-height); opacity: 0.85; --button-size: var(--header-height) !important; filter: none !important; color: var(--color-background-plain-text, var(--color-primary-text)) !important; }
.header-menu .header-menu__trigger[data-v-f00deac7]:focus-visible { outline: none !important; box-shadow: none !important; }
.header-menu .header-menu__trigger[data-v-f00deac7] .button-vue__icon svg, .header-menu .header-menu__trigger[data-v-f00deac7] .button-vue__icon:not(:has(svg)) { mask: var(--header-menu-icon-mask, none); }
.header-menu--opened .header-menu__trigger[data-v-f00deac7], .header-menu__trigger[data-v-f00deac7]:hover, .header-menu__trigger[data-v-f00deac7]:focus, .header-menu__trigger[data-v-f00deac7]:active { opacity: 1; }
@media only screen and (max-width: 512px) {
  .header-menu[data-v-f00deac7] { width: var(--default-clickable-area); }
  .header-menu .header-menu__trigger[data-v-f00deac7] { --button-size: var(--default-clickable-area) !important; }
}
.header-menu__wrapper[data-v-f00deac7] { position: fixed; z-index: 2000; top: var(--header-height); inset-inline-end: 0px; box-sizing: border-box; margin: 0px 8px; border-radius: var(--border-radius-large); background-color: var(--color-main-background); filter: drop-shadow(0 1px 5px var(--color-box-shadow)); }
.header-menu__carret[data-v-f00deac7] { position: absolute; z-index: 2001; bottom: 0px; inset-inline-start: calc(50% - 10px); width: 0px; height: 0px; content: " "; pointer-events: none; border-width: 10px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-image: none; border-bottom-color: var(--color-main-background); }
.header-menu__content[data-v-f00deac7] { overflow: auto; width: 350px; max-width: calc(-16px + 100vw); min-height: calc(var(--default-clickable-area) * 1.5); max-height: calc(100vh - var(--header-height) * 2); }
.header-menu__content[data-v-f00deac7] .empty-content { margin: 12vh 10px; }
.material-design-icon[data-v-94ff8098] { display: flex; place-self: center; align-items: center; justify-content: center; }
.loading-icon[data-v-94ff8098] { overflow: hidden; }
.loading-icon svg[data-v-94ff8098] { animation: rotate var(--animation-duration, 0.8s) linear infinite; }
.material-design-icon[data-v-17c3f609] { display: flex; place-self: center; align-items: center; justify-content: center; }
.input-field[data-v-17c3f609] { --input-border-color: var(--color-border-maxcontrast); --input-border-radius: var(--border-radius-element); --input-padding-start: var(--border-radius-large); --input-padding-end: var(--border-radius-large); position: relative; width: 100%; margin-block-start: 6px; }
.input-field--disabled[data-v-17c3f609] { opacity: 0.4; filter: saturate(0.4); }
.input-field--label-outside[data-v-17c3f609] { margin-block-start: 0px; }
.input-field--leading-icon[data-v-17c3f609] { --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline)); }
.input-field--trailing-icon[data-v-17c3f609] { --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline)); }
.input-field--pill[data-v-17c3f609] { --input-border-radius: var(--border-radius-pill); }
.input-field__main-wrapper[data-v-17c3f609] { height: var(--default-clickable-area); padding: var(--border-width-input-focused, 2px); position: relative; }
.input-field__input[data-v-17c3f609] { --input-border-box-shadow-light: 0 -1px var(--input-border-color),
  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); --input-border-box-shadow-dark: 0 1px var(--input-border-color),
  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); --input-border-box-shadow: var(--input-border-box-shadow-light); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--border-radius-element); box-shadow: var(--input-border-box-shadow); }
.input-field__input[data-v-17c3f609]:hover:not([disabled]) { box-shadow: 0 0 0 1px var(--input-border-color); }
@media (prefers-color-scheme: dark) {
  .input-field__input .input-field__input[data-v-17c3f609] { --input-border-box-shadow: var(--input-border-box-shadow-dark); }
}
[data-theme-dark] .input-field__input[data-v-17c3f609] { --input-border-box-shadow: var(--input-border-box-shadow-dark); }
[data-theme-light] .input-field__input[data-v-17c3f609] { --input-border-box-shadow: var(--input-border-box-shadow-light); }
.input-field--legacy .input-field__input[data-v-17c3f609] { box-shadow: 0 0 0 1px var(--input-border-color); }
.input-field--legacy .input-field__input[data-v-17c3f609]:hover:not([disabled]) { box-shadow: 0 0 0 2px var(--input-border-color); }
.input-field__input[data-v-17c3f609]:focus-within:not([disabled]), .input-field__input[data-v-17c3f609]:active:not([disabled]) { box-shadow: 0 0 0 2px var(--input-border-color), 0 0 0 4px var(--color-main-background) !important; }
.input-field__input[data-v-17c3f609] { background-color: var(--color-main-background); color: var(--color-main-text); border-radius: var(--input-border-radius); cursor: pointer; font-size: var(--default-font-size); text-overflow: ellipsis; padding-block: 0px; padding-inline: var(--input-padding-start) var(--input-padding-end); min-height: unset; width: 100%; appearance: textfield !important; height: 100% !important; }
.input-field__input[data-v-17c3f609]::placeholder { color: var(--color-text-maxcontrast); }
.input-field__input[data-v-17c3f609]::-webkit-search-cancel-button { display: none; }
.input-field__input[data-v-17c3f609]:active:not([disabled]), .input-field__input[data-v-17c3f609]:focus:not([disabled]) { --input-border-color: var(--color-main-text); }
.input-field__input:focus + .input-field__label[data-v-17c3f609], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-17c3f609] { color: var(--color-main-text); }
.input-field__input[data-v-17c3f609]:focus { cursor: text; }
.input-field__input[data-v-17c3f609]:disabled { cursor: default; }
.input-field__input[data-v-17c3f609]:focus-visible { box-shadow: unset !important; }
.input-field__input--success[data-v-17c3f609] { border-color: var(--color-border-success, var(--color-success)) !important; }
.input-field__input--success[data-v-17c3f609]: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__input--error[data-v-17c3f609], .input-field__input[data-v-17c3f609]:user-invalid { border-color: var(--color-border-error, var(--color-error)) !important; }
.input-field__input--error[data-v-17c3f609]:focus-visible, .input-field__input[data-v-17c3f609]: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:not(.input-field--label-outside) .input-field__input[data-v-17c3f609]:not(:focus)::placeholder { opacity: 0; }
.input-field__label[data-v-17c3f609] { --input-label-font-size: var(--default-font-size); position: absolute; margin-inline: var(--input-padding-start) var(--input-padding-end); max-width: fit-content; font-size: var(--input-label-font-size); 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-17c3f609], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-17c3f609] { --input-label-font-size: 13px; line-height: 1.5; inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2); font-weight: var(--font-weight-element, 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-17c3f609] { 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: 0px; }
.input-field__icon--leading[data-v-17c3f609] { inset-inline-start: 0px; }
.input-field__icon--trailing[data-v-17c3f609] { inset-inline-end: 0px; }
.input-field__trailing-button[data-v-17c3f609] { --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px)); --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important; }
.input-field__trailing-button.button-vue[data-v-17c3f609] { 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-17c3f609]:focus-visible { box-shadow: none !important; }
.input-field__helper-text-message[data-v-17c3f609] { padding-block: 4px; padding-inline: var(--border-radius-large); display: flex; align-items: center; color: var(--color-text-maxcontrast); overflow-wrap: anywhere; }
.input-field__helper-text-message__icon[data-v-17c3f609] { margin-inline-end: 8px; }
.input-field__helper-text-message--error[data-v-17c3f609] { color: var(--color-text-error, var(--color-error)); }
.input-field--error .input-field__input[data-v-17c3f609], .input-field__input[data-v-17c3f609]:user-invalid { --input-border-color: var(--color-border-error, var(--color-error)) !important; }
.input-field--error .input-field__input[data-v-17c3f609]:focus-visible, .input-field__input[data-v-17c3f609]: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-17c3f609] { --input-border-color: var(--color-border-success, var(--color-success)) !important; }
.input-field--success .input-field__input[data-v-17c3f609]: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; }
.material-design-icon[data-v-b7a160c7] { display: flex; place-self: center; align-items: center; justify-content: center; }
li.action[data-v-b7a160c7]:hover, li.action.active[data-v-b7a160c7] { border-radius: 6px; padding: 0px; }
li.action[data-v-b7a160c7]:hover { background-color: var(--color-background-hover); }
.action-link[data-v-b7a160c7] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0px; padding: 0px; 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: 0px; border-radius: 0px; background-color: transparent; box-shadow: none; font-weight: var(--font-weight-element, normal); font-size: var(--default-font-size); line-height: var(--default-clickable-area); }
.action-link > span[data-v-b7a160c7] { cursor: pointer; white-space: nowrap; }
.action-link__icon[data-v-b7a160c7] { 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 auto; background-repeat: no-repeat; }
.action-link[data-v-b7a160c7] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; }
.action-link[data-v-b7a160c7] .material-design-icon .material-design-icon__svg { vertical-align: middle; }
.action-link__longtext-wrapper[data-v-b7a160c7], .action-link__longtext[data-v-b7a160c7] { 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-b7a160c7] { cursor: pointer; white-space: pre-wrap !important; }
.action-link__name[data-v-b7a160c7] { font-weight: var(--font-weight-heading, bold); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: block; }
.action-link__description[data-v-b7a160c7] { display: block; white-space: pre-wrap; font-size: var(--font-size-small); font-weight: var(--font-weight-default, normal); line-height: var(--default-line-height); color: var(--color-text-maxcontrast); cursor: pointer; }
.action-link__menu-icon[data-v-b7a160c7] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); }
.material-design-icon[data-v-2fe7eb92] { display: flex; place-self: center; align-items: center; justify-content: center; }
li.action[data-v-2fe7eb92]:hover, li.action.active[data-v-2fe7eb92] { border-radius: 6px; padding: 0px; }
li.action[data-v-2fe7eb92]:hover { background-color: var(--color-background-hover); }
.action-text[data-v-2fe7eb92] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0px; padding: 0px; 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: 0px; border-radius: 0px; background-color: transparent; box-shadow: none; font-weight: var(--font-weight-element, normal); font-size: var(--default-font-size); line-height: var(--default-clickable-area); }
.action-text > span[data-v-2fe7eb92] { cursor: pointer; white-space: nowrap; }
.action-text__icon[data-v-2fe7eb92] { 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 auto; background-repeat: no-repeat; }
.action-text[data-v-2fe7eb92] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; }
.action-text[data-v-2fe7eb92] .material-design-icon .material-design-icon__svg { vertical-align: middle; }
.action-text__longtext-wrapper[data-v-2fe7eb92], .action-text__longtext[data-v-2fe7eb92] { 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-2fe7eb92] { cursor: pointer; white-space: pre-wrap !important; }
.action-text__name[data-v-2fe7eb92] { font-weight: var(--font-weight-heading, bold); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: block; }
.action-text__description[data-v-2fe7eb92] { display: block; white-space: pre-wrap; font-size: var(--font-size-small); font-weight: var(--font-weight-default, normal); line-height: var(--default-line-height); color: var(--color-text-maxcontrast); cursor: pointer; }
.action-text__menu-icon[data-v-2fe7eb92] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); }
.action--disabled[data-v-2fe7eb92] { pointer-events: none; opacity: 0.5; }
.action--disabled[data-v-2fe7eb92]:hover, .action--disabled[data-v-2fe7eb92]:focus { cursor: default; opacity: 0.5; }
.action--disabled [data-v-2fe7eb92] { opacity: 1 !important; }
.action-text[data-v-2fe7eb92], .action-text span[data-v-2fe7eb92] { cursor: default; }
.material-design-icon[data-v-c3ee4dd7] { display: flex; place-self: center; align-items: center; justify-content: center; }
.avatardiv[data-v-c3ee4dd7] { position: relative; display: inline-block; width: var(--avatar-size); height: var(--avatar-size); }
.avatardiv--unknown[data-v-c3ee4dd7] { position: relative; background-color: var(--color-main-background); white-space: normal; }
.avatardiv[data-v-c3ee4dd7]:not(.avatardiv--unknown) { background-color: var(--color-main-background) !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px inset; }
.avatardiv--with-menu[data-v-c3ee4dd7] { cursor: pointer; position: relative; }
.avatardiv--with-legacy-menu .action-item[data-v-c3ee4dd7] { position: absolute; top: 0px; inset-inline-start: 0px; }
.avatardiv--with-legacy-menu[data-v-c3ee4dd7] .action-item__menutoggle { cursor: pointer; opacity: 0; }
.avatardiv--with-legacy-menu[data-v-c3ee4dd7]:focus-within .action-item__menutoggle, .avatardiv--with-legacy-menu[data-v-c3ee4dd7]:hover .action-item__menutoggle, .avatardiv--with-legacy-menu.avatardiv--with-menu-loading[data-v-c3ee4dd7] .action-item__menutoggle { opacity: 1; }
.avatardiv--with-legacy-menu:focus-within img[data-v-c3ee4dd7], .avatardiv--with-legacy-menu:hover img[data-v-c3ee4dd7], .avatardiv--with-legacy-menu.avatardiv--with-menu-loading img[data-v-c3ee4dd7] { opacity: 0.3; }
.avatardiv--with-legacy-menu[data-v-c3ee4dd7] .action-item__menutoggle, .avatardiv--with-legacy-menu img[data-v-c3ee4dd7] { transition: opacity var(--animation-quick); }
.avatardiv--with-legacy-menu[data-v-c3ee4dd7] .button-vue, .avatardiv--with-legacy-menu[data-v-c3ee4dd7] .button-vue__icon { height: var(--avatar-size); min-height: var(--avatar-size); min-width: var(--avatar-size); width: var(--avatar-size) !important; }
.avatardiv--with-legacy-menu[data-v-c3ee4dd7] > .button-vue, .avatardiv--with-legacy-menu[data-v-c3ee4dd7] > .action-item .button-vue { --button-radius: calc(var(--avatar-size) / 2); }
.avatardiv .avatar-profile-popover[data-v-c3ee4dd7] { position: absolute; inset: 0px; width: 100%; height: 100%; z-index: 1; }
.avatardiv .avatar-profile-popover__trigger[data-v-c3ee4dd7] { display: block; width: 100%; height: 100%; border-radius: inherit; outline: none; }
.avatardiv .avatardiv__initials-wrapper[data-v-c3ee4dd7] { 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-c3ee4dd7] { position: absolute; top: 0px; left: 0px; display: block; width: 100%; text-align: center; font-weight: var(--font-weight-default, normal); }
.avatardiv img[data-v-c3ee4dd7] { width: 100%; height: 100%; object-fit: cover; }
.avatardiv .material-design-icon[data-v-c3ee4dd7] { width: var(--avatar-size); height: var(--avatar-size); }
.avatardiv .avatardiv__user-status[data-v-c3ee4dd7] { --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: 0px; inset-block-end: 0px; 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 center; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.acli:hover .avatardiv .avatardiv__user-status[data-v-c3ee4dd7] { border-color: var(--color-background-hover); background-color: var(--color-background-hover); }
.acli.active .avatardiv .avatardiv__user-status[data-v-c3ee4dd7] { border-color: var(--color-primary-element-light); background-color: var(--color-primary-element-light); }
.avatardiv .avatardiv__user-status--icon[data-v-c3ee4dd7] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }
.avatardiv .popovermenu-wrapper[data-v-c3ee4dd7] { position: relative; display: inline-block; }
.avatar-class-icon[data-v-c3ee4dd7] { display: block; border-radius: calc(var(--avatar-size) / 2); background-color: var(--color-background-darker); height: 100%; }
._material-design-icon_08-Q6 { display: flex; place-self: center; align-items: center; justify-content: center; }
._externalLink_qMkgj { text-decoration: underline; }
._externalLink_decorated_Tm8HU::after { content: " ↗"; }
.material-design-icon[data-v-86b73d39] { display: flex; place-self: center; align-items: center; justify-content: center; }
.user-status-icon[data-v-86b73d39] { --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-86b73d39] { filter: var(--background-invert-if-dark); }
.user-status-icon[data-v-86b73d39] svg { width: 100%; height: 100%; }
.material-design-icon[data-v-4dae1ff7] { display: flex; place-self: center; align-items: center; justify-content: center; }
li.action[data-v-4dae1ff7]:hover, li.action.active[data-v-4dae1ff7] { border-radius: 6px; padding: 0px; }
li.action[data-v-4dae1ff7]:hover { background-color: var(--color-background-hover); }
.action-router[data-v-4dae1ff7] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0px; padding: 0px; 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: 0px; border-radius: 0px; background-color: transparent; box-shadow: none; font-weight: var(--font-weight-element, normal); font-size: var(--default-font-size); line-height: var(--default-clickable-area); }
.action-router > span[data-v-4dae1ff7] { cursor: pointer; white-space: nowrap; }
.action-router__icon[data-v-4dae1ff7] { 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 auto; background-repeat: no-repeat; }
.action-router[data-v-4dae1ff7] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; }
.action-router[data-v-4dae1ff7] .material-design-icon .material-design-icon__svg { vertical-align: middle; }
.action-router__longtext-wrapper[data-v-4dae1ff7], .action-router__longtext[data-v-4dae1ff7] { 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-4dae1ff7] { cursor: pointer; white-space: pre-wrap !important; }
.action-router__name[data-v-4dae1ff7] { font-weight: var(--font-weight-heading, bold); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: block; }
.action-router__description[data-v-4dae1ff7] { display: block; white-space: pre-wrap; font-size: var(--font-size-small); font-weight: var(--font-weight-default, normal); line-height: var(--default-line-height); color: var(--color-text-maxcontrast); cursor: pointer; }
.action-router__menu-icon[data-v-4dae1ff7] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); }
.action--disabled[data-v-4dae1ff7] { pointer-events: none; opacity: 0.5; }
.action--disabled[data-v-4dae1ff7]:hover, .action--disabled[data-v-4dae1ff7]:focus { cursor: default; opacity: 0.5; }
.action--disabled [data-v-4dae1ff7] { opacity: 1 !important; }
.contact[data-v-2db7d738] { display: flex; position: relative; align-items: center; padding: 3px; padding-inline-start: 10px; }
.contact__action__icon[data-v-2db7d738] { width: 20px; height: 20px; padding: calc((var(--default-clickable-area) - 20px)/2); filter: var(--background-invert-if-dark); }
.contact__avatar[data-v-2db7d738] { display: inherit; }
.contact__body[data-v-2db7d738] { flex-grow: 1; padding-inline-start: 10px; margin-inline-start: 10px; min-width: 0px; }
.contact__body div[data-v-2db7d738] { position: relative; width: 100%; overflow-x: clip; text-overflow: ellipsis; margin: -1px 0px; }
.contact__body div[data-v-2db7d738]:first-of-type { margin-top: 0px; }
.contact__body div[data-v-2db7d738]:last-of-type { margin-bottom: 0px; }
.contact__body__last-message[data-v-2db7d738], .contact__body__status-message[data-v-2db7d738], .contact__body__email-address[data-v-2db7d738] { color: var(--color-text-maxcontrast); }
.contact__body[data-v-2db7d738]:focus-visible { box-shadow: 0 0 0 4px var(--color-main-background) !important; outline: 2px solid var(--color-main-text) !important; }
.contact .other-actions[data-v-2db7d738] { width: 16px; height: 16px; cursor: pointer; }
.contact .other-actions img[data-v-2db7d738] { filter: var(--background-invert-if-dark); }
.contact button.other-actions[data-v-2db7d738] { width: 44px; }
.contact button.other-actions[data-v-2db7d738]:focus { border-color: rgba(0, 0, 0, 0); box-shadow: 0 0 0 2px var(--color-main-text); }
.contact button.other-actions[data-v-2db7d738]:focus-visible { border-radius: var(--border-radius-pill); }
.contact .menu[data-v-2db7d738] { top: 47px; margin-inline-end: 13px; }
.contact .popovermenu[data-v-2db7d738]::after { inset-inline-end: 2px; }
.contactsmenu[data-v-4c0f4bc8] { overflow-y: hidden; }
.contactsmenu__trigger-icon[data-v-4c0f4bc8] { color: var(--color-background-plain-text) !important; }
.contactsmenu__menu[data-v-4c0f4bc8] { display: flex; flex-direction: column; overflow: hidden; height: 328px; max-height: inherit; }
.contactsmenu__menu__search-container[data-v-4c0f4bc8] { padding: 10px; display: flex; column-gap: 10px; }
.contactsmenu__menu__input-wrapper[data-v-4c0f4bc8] { z-index: 2; top: 0px; flex-grow: 1; display: flex; gap: var(--default-grid-baseline); }
.contactsmenu__menu__search[data-v-4c0f4bc8] { width: 100%; height: 34px; margin-top: 0px !important; }
.contactsmenu__menu__content[data-v-4c0f4bc8] { overflow-y: auto; margin-top: 10px; flex: 1 1 auto; }
.contactsmenu__menu__content__footer[data-v-4c0f4bc8] { display: flex; flex-direction: column; align-items: center; }
.contactsmenu__menu a[data-v-4c0f4bc8]:focus-visible { box-shadow: inset 0 0 0 2px var(--color-main-text) !important; }
.contactsmenu[data-v-4c0f4bc8] .empty-content { margin: 0px !important; }
.app-action-icon[data-v-c060ff50] { --app-action-icon-glyph-size: calc(var(--app-action-icon-size, calc(var(--default-grid-baseline) * 12)) * 0.8); position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: var(--app-action-icon-size, calc(var(--default-grid-baseline) * 12)); height: var(--app-action-icon-size, calc(var(--default-grid-baseline) * 12)); transform: scale(var(--app-icon-scale, 1)); transition: transform var(--animation-quick) ease-out; }
@media (prefers-reduced-motion: reduce) {
  .app-action-icon[data-v-c060ff50] { transition: none; }
}
.app-action-icon__img[data-v-c060ff50] { width: var(--app-action-icon-glyph-size); height: var(--app-action-icon-glyph-size); background: var(--app-action-icon-url) center/contain no-repeat; }
.app-action-icon[data-v-c060ff50] .material-design-icon { width: var(--app-action-icon-glyph-size); height: var(--app-action-icon-glyph-size); }
.app-action-icon[data-v-c060ff50] .material-design-icon svg { width: 100%; height: 100%; }
.app-action-icon__indicator[data-v-c060ff50] { --app-action-icon-indicator-size: max(12px, calc(var(--app-action-icon-size, calc(var(--default-grid-baseline) * 12)) * 0.36)); position: absolute; inset-block-end: 0px; inset-inline-end: 0px; display: flex; align-items: center; justify-content: center; width: var(--app-action-icon-indicator-size); height: var(--app-action-icon-indicator-size); border-radius: 50%; background-color: var(--app-action-icon-indicator-color); border: 2px solid var(--color-main-background); box-sizing: content-box; color: rgb(255, 255, 255); }
.app-action-icon__indicator[data-v-c060ff50] svg { width: 100%; height: 100%; }
.app-icon[data-v-5cb82f82] { --app-icon-circle-size: calc(var(--default-grid-baseline) * 12); --app-icon-icon-size: calc(var(--app-icon-circle-size) * 7 / 12); --app-icon-bevel: inset 0 -1px 0 0 color-mix(in srgb, var(--color-primary-element-light), 10% var(--color-primary-element)), inset 0 -4px 6px -4px color-mix(in srgb, var(--color-primary-element-light), 16% var(--color-primary-element)); box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; width: var(--app-icon-circle-size); height: var(--app-icon-circle-size); min-height: var(--app-icon-circle-size); border-radius: 50%; transform: scale(var(--app-icon-scale, 1)); transition: transform var(--animation-quick) ease-out; background-color: var(--color-primary-element-light); background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color-primary-element-light), 15% var(--color-main-background)) 0%, var(--color-primary-element-light) 100%); box-shadow: var(--app-icon-bevel); }
@media (prefers-color-scheme: dark) {
  .app-icon[data-v-5cb82f82] { --app-icon-bevel: none; }
}
@media (prefers-reduced-motion: reduce) {
  .app-icon[data-v-5cb82f82] { transition: none; }
}
.app-icon__img[data-v-5cb82f82] { width: var(--app-icon-icon-size); height: var(--app-icon-icon-size); background-color: var(--color-primary-element); background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color-primary-element), 28% var(--color-primary-element-light)) 0%, var(--color-primary-element) 100%); mask: var(--app-icon-url) center/contain no-repeat; }
@media (forced-colors: active) {
  .app-icon__img[data-v-5cb82f82] { background-color: canvastext; background-image: none; }
}
.app-icon--outlined[data-v-5cb82f82] { background: none rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px var(--color-border); }
.app-icon--outlined .app-icon__img[data-v-5cb82f82] { background-color: var(--color-text-maxcontrast); background-image: none; }
[data-themes*="dark"] .app-icon { --app-icon-bevel: none; }
[data-themes*="light"] .app-icon { --app-icon-bevel: inset 0 -1px 0 0 color-mix(in srgb, var(--color-primary-element-light), 10% var(--color-primary-element)), inset 0 -4px 6px -4px color-mix(in srgb, var(--color-primary-element-light), 16% var(--color-primary-element)); }
.app-item[data-v-6f8600fd] { display: flex; flex-direction: column; align-items: center; gap: var(--default-grid-baseline); padding-block: var(--default-grid-baseline); border-radius: var(--border-radius-element); text-decoration: none; color: var(--color-main-text); min-width: 0px; padding-inline: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgba(0, 0, 0, 0); font: inherit; cursor: pointer; }
.app-item[data-v-6f8600fd]:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--color-primary-element); }
.app-item[data-v-6f8600fd]:hover, .app-item[data-v-6f8600fd]:focus-visible { --app-icon-scale: 1.08; }
.app-item[data-v-6f8600fd]:active { --app-icon-scale: 0.96; }
.app-item__unread[data-v-6f8600fd] { position: absolute; top: 0px; inset-inline-end: 0px; width: calc(var(--default-grid-baseline)*3); height: calc(var(--default-grid-baseline)*3); border-radius: 50%; background-color: var(--color-error); border: 2px solid var(--color-main-background); box-sizing: content-box; }
.app-item__label[data-v-6f8600fd] { font-size: 12px; line-height: 1.3; text-align: center; color: var(--color-main-text); hyphens: auto; word-break: normal; overflow-wrap: break-word; max-width: 100%; letter-spacing: -0.3px; padding-inline: var(--default-grid-baseline); }
.app-item--active .app-item__label[data-v-6f8600fd] { font-weight: bold; }
.app-item--outlined .app-item__label[data-v-6f8600fd] { color: var(--color-text-maxcontrast); }
.app-item--compact[data-v-6f8600fd] { flex-direction: row; align-items: center; gap: calc(var(--default-grid-baseline)*2); width: 100%; padding-inline: var(--default-grid-baseline); --app-icon-circle-size: calc(var(--default-grid-baseline) * 8); --app-action-icon-size: calc(var(--default-grid-baseline) * 8); }
.app-item--compact[data-v-6f8600fd]:hover, .app-item--compact[data-v-6f8600fd]:focus-visible { background-color: var(--color-background-hover); }
.app-item--compact .app-item__label[data-v-6f8600fd] { font-size: var(--default-font-size); text-align: start; white-space: nowrap; hyphens: none; overflow: hidden; text-overflow: ellipsis; letter-spacing: normal; }
.app-menu-actions[data-v-53961a2a] { position: sticky; inset-block-end: 0px; z-index: 1; flex-shrink: 0; box-sizing: border-box; display: grid; grid-template-columns: repeat(4, var(--app-item-col-width, 69px)); padding: calc(var(--default-grid-baseline)*2); border-block-start: 1px solid var(--color-border); background-color: var(--color-main-background); }
.app-menu-actions[data-v-53961a2a] .v-popper { display: flex; }
.app-menu-actions[data-v-53961a2a] .app-item { width: 100%; }
.app-menu-actions__popover-base .app-menu-actions__submenu { display: flex; flex-direction: column; gap: var(--default-grid-baseline); padding: var(--default-grid-baseline); min-width: 200px; max-width: min(320px,100vw - var(--default-grid-baseline)*4); background-color: var(--color-main-background); }
.app-menu[data-v-53448058] { display: flex; align-items: center; }
.app-menu__trigger[data-v-53448058] { position: relative; display: flex; align-items: center; height: var(--header-height); isolation: isolate; }
.app-menu__trigger[data-v-53448058]::before { content: ""; position: absolute; inset-block: calc((var(--header-height) - var(--default-clickable-area))/2); inset-inline: 0px; border-radius: var(--border-radius-element); z-index: -1; pointer-events: none; }
.app-menu__trigger[data-v-53448058]:hover::before, .app-menu__trigger--open[data-v-53448058]::before { background-color: rgba(0, 0, 0, 0.1); }
.app-menu__trigger[data-v-53448058]:active::before { background-color: rgba(0, 0, 0, 0.15); }
.app-menu__waffle[data-v-53448058], .app-menu__current-app[data-v-53448058] { position: relative; --color-main-text: var(--color-background-plain-text); color: var(--color-background-plain-text); height: var(--header-height) !important; }
.app-menu__waffle.button-vue[data-v-53448058]:hover:not(:disabled), .app-menu__waffle.button-vue[data-v-53448058]:active:not(:disabled), .app-menu__current-app.button-vue[data-v-53448058]:hover:not(:disabled), .app-menu__current-app.button-vue[data-v-53448058]:active:not(:disabled) { background-color: rgba(0, 0, 0, 0) !important; }
.app-menu__waffle.button-vue[data-v-53448058]:focus-visible, .app-menu__current-app.button-vue[data-v-53448058]:focus-visible { outline: none !important; box-shadow: none !important; }
.app-menu__waffle.button-vue[data-v-53448058]:focus-visible::before, .app-menu__current-app.button-vue[data-v-53448058]:focus-visible::before { content: ""; position: absolute; inset-block: calc((var(--header-height) - var(--default-clickable-area))/2); inset-inline: 0px; border-radius: var(--border-radius-element); box-shadow: inset 0 0 0 2px var(--color-background-plain-text); pointer-events: none; }
.app-menu__current-app[data-v-53448058] .button-vue__text { min-width: 0px; }
@media only screen and (max-width: 1024px) {
  .app-menu__current-app[data-v-53448058] { display: none !important; }
}
.app-menu__current-app-icon[data-v-53448058] { display: flex; width: calc(var(--default-grid-baseline)*5); height: calc(var(--default-grid-baseline)*5); mask: var(--header-menu-icon-mask); }
.app-menu__current-app-glyph[data-v-53448058] { width: 100%; height: 100%; background-color: var(--color-background-plain-text); mask: var(--app-icon-url) center/contain no-repeat; }
@media (forced-colors: active) {
  .app-menu__current-app-glyph[data-v-53448058] { background-color: canvastext; }
}
.app-menu__current-app-cog[data-v-53448058] { mask: var(--header-menu-icon-mask); }
.app-menu__current-app-name[data-v-53448058] { display: inline-block; vertical-align: middle; font-size: var(--default-font-size); font-weight: 500; white-space: nowrap; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; max-width: clamp(80px, 22vw, 320px); }
.app-menu__popover[data-v-53448058] { --app-item-col-width: 69px; --app-item-row-height: calc(15 * var(--default-grid-baseline) + 1.5 * var(--default-font-size)); display: flex; flex-direction: column; max-height: calc(100vh - var(--header-height) - var(--default-grid-baseline)); max-width: calc(100vw - var(--default-grid-baseline)*4); background-color: var(--color-main-background); }
.app-menu__grid[data-v-53448058] { box-sizing: border-box; padding: calc(var(--default-grid-baseline)*2); display: grid; grid-template-columns: repeat(4, var(--app-item-col-width)); grid-auto-rows: minmax(var(--app-item-row-height), max-content); min-height: 0px; overflow: hidden auto; }
.app-menu__grid[data-v-53448058] > :nth-child(-n+4) { padding-block-start: calc(var(--default-grid-baseline)*2) !important; }
.app-menu__grid[data-v-53448058] { scrollbar-width: thin; scrollbar-color: var(--color-scrollbar) rgba(0,0,0,0); }
.app-menu__popover-base { --border-radius-large: var(--border-radius-container-large); --border-radius-element: var(--border-radius-container-large); }
.app-menu__popover-base .v-popper__arrow-container { display: none; }
.app-menu__popover-base .v-popper__wrapper { margin-block-start: -10px; }
.app-menu__popover-base .app-menu__popover { --border-radius-element: 8px; }
.app-menu__popover-base .app-menu__grid { scrollbar-width: thin !important; scrollbar-color: var(--color-scrollbar) rgba(0,0,0,0) !important; }
.app-menu__popover-base .app-menu__grid::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
.app-menu__popover-base .app-menu__grid::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0) !important; }
.app-menu__popover-base .app-menu__grid::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 3px !important; background-clip: padding-box !important; }
.material-design-icon[data-v-9ea2f116] { display: flex; place-self: center; align-items: center; justify-content: center; }
.list-item__wrapper[data-v-9ea2f116] { display: flex; position: relative; width: 100%; padding: 2px 4px; }
.list-item__wrapper[data-v-9ea2f116]:first-of-type { padding-block-start: 4px; }
.list-item__wrapper[data-v-9ea2f116]:last-of-type { padding-block-end: 4px; }
.list-item__wrapper--active .list-item[data-v-9ea2f116], .list-item__wrapper.active .list-item[data-v-9ea2f116] { background-color: var(--color-primary-element); color: var(--color-primary-element-text) !important; }
.list-item__wrapper--active .list-item[data-v-9ea2f116]:hover, .list-item__wrapper--active .list-item[data-v-9ea2f116]:focus-within, .list-item__wrapper--active .list-item[data-v-9ea2f116]:has(:focus-visible), .list-item__wrapper--active .list-item[data-v-9ea2f116]:has(:active), .list-item__wrapper.active .list-item[data-v-9ea2f116]:hover, .list-item__wrapper.active .list-item[data-v-9ea2f116]:focus-within, .list-item__wrapper.active .list-item[data-v-9ea2f116]:has(:focus-visible), .list-item__wrapper.active .list-item[data-v-9ea2f116]:has(:active) { background-color: var(--color-primary-element-hover); }
.list-item__wrapper--active .list-item-content__name[data-v-9ea2f116], .list-item__wrapper--active .list-item-content__subname[data-v-9ea2f116], .list-item__wrapper--active .list-item-content__details[data-v-9ea2f116], .list-item__wrapper--active .list-item-details__details[data-v-9ea2f116], .list-item__wrapper.active .list-item-content__name[data-v-9ea2f116], .list-item__wrapper.active .list-item-content__subname[data-v-9ea2f116], .list-item__wrapper.active .list-item-content__details[data-v-9ea2f116], .list-item__wrapper.active .list-item-details__details[data-v-9ea2f116] { color: var(--color-primary-element-text) !important; }
.list-item__wrapper .list-item-content__name[data-v-9ea2f116], .list-item__wrapper .list-item-content__subname[data-v-9ea2f116], .list-item__wrapper .list-item-content__details[data-v-9ea2f116], .list-item__wrapper .list-item-details__details[data-v-9ea2f116] { white-space: nowrap; margin-block: 0px; margin-inline: 0px auto; overflow: hidden; text-overflow: ellipsis; }
.list-item-content__name[data-v-9ea2f116] { min-width: 100px; flex: 1 1 10%; font-weight: var(--font-weight-element, 500); }
.list-item-content__subname[data-v-9ea2f116] { flex: 1 0 0%; min-width: 0px; color: var(--color-text-maxcontrast); }
.list-item-content__subname--bold[data-v-9ea2f116] { font-weight: var(--font-weight-element, 500); }
.list-item[data-v-9ea2f116] { --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-9ea2f116]:hover, .list-item[data-v-9ea2f116]:focus-within, .list-item[data-v-9ea2f116]:has(:active), .list-item[data-v-9ea2f116]:has(:focus-visible) { background-color: var(--color-background-hover); }
.list-item[data-v-9ea2f116]: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-9ea2f116] { --list-item-padding: calc(0.5 * var(--default-grid-baseline)) var(--default-grid-baseline); }
.list-item--compact[data-v-9ea2f116]:not(:has(.list-item-content__subname)) { --list-item-height: var(--default-clickable-area); }
.list-item--legacy[data-v-9ea2f116] { --list-item-padding: calc(2 * var(--default-grid-baseline)); }
.list-item--legacy.list-item--compact[data-v-9ea2f116] { --list-item-padding: var(--default-grid-baseline) calc(2 * var(--default-grid-baseline)); }
.list-item--one-line[data-v-9ea2f116] { --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--one-line--legacy[data-v-9ea2f116] { --list-item-padding: 2px calc((var(--list-item-height) - var(--list-item-border-radius)) / 2); }
.list-item--one-line .list-item-content__main[data-v-9ea2f116] { display: flex; justify-content: start; gap: 12px; min-width: 0px; }
.list-item--one-line .list-item-content__details[data-v-9ea2f116] { flex-direction: row; align-items: center; justify-content: end; }
.list-item--one-line .list-item-content__name[data-v-9ea2f116] { align-self: center; max-width: 300px; }
.list-item__anchor[data-v-9ea2f116] { color: inherit; display: flex; flex: 1 0 auto; align-items: center; height: var(--list-item-height); min-width: 0px; }
.list-item__anchor[data-v-9ea2f116]:focus-visible { outline: none; }
.list-item-content[data-v-9ea2f116] { display: flex; flex: 1 0 0%; justify-content: space-between; padding-inline-start: calc(2 * var(--default-grid-baseline)); min-width: 0px; }
.list-item-content__main[data-v-9ea2f116] { flex: 1 0 0%; width: 0px; margin: auto 0px; }
.list-item-content__main--oneline[data-v-9ea2f116] { display: flex; }
.list-item-content__details[data-v-9ea2f116] { display: flex; flex-direction: column; justify-content: end; align-items: end; }
.list-item-content__actions[data-v-9ea2f116], .list-item-content__extra-actions[data-v-9ea2f116] { flex: 0 0 auto; align-self: center; justify-content: center; margin-inline-start: var(--default-grid-baseline); }
.list-item-content__extra-actions[data-v-9ea2f116] { display: flex; align-items: center; gap: var(--default-grid-baseline); }
.list-item-details__details[data-v-9ea2f116] { color: var(--color-text-maxcontrast); font-weight: var(--font-weight-default, normal); margin: 0px 9px !important; }
.list-item-details__extra[data-v-9ea2f116] { margin: 2px 4px 0px; display: flex; align-items: center; }
.list-item-details__indicator[data-v-9ea2f116] { margin: 0px 5px; }
.list-item__extra[data-v-9ea2f116] { margin-top: var(--default-grid-baseline); }
.material-design-icon[data-v-7d9795d6] { display: flex; place-self: center; align-items: center; justify-content: center; }
.counter-bubble__counter[data-v-7d9795d6] { --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: var(--border-radius-pill); background-color: var(--color-primary-element-light); font-weight: bold; color: var(--color-primary-element-light-text); }
.counter-bubble__counter .active[data-v-7d9795d6] { color: var(--color-main-background); background-color: var(--color-primary-element-light); }
.counter-bubble__counter--highlighted[data-v-7d9795d6] { color: var(--color-primary-element-text); background-color: var(--color-primary-element); }
.counter-bubble__counter--highlighted.active[data-v-7d9795d6] { color: var(--color-primary-element); background-color: var(--color-main-background); }
.counter-bubble__counter--outlined[data-v-7d9795d6] { color: var(--color-primary-element); background: transparent; box-shadow: 0px 0px 0px 2px inset; }
.counter-bubble__counter--outlined.active[data-v-7d9795d6] { color: var(--color-main-background); box-shadow: 0px 0px 0px 2px inset; }
.account-menu-entry__icon[data-v-bdb908d2] { height: 16px; width: 16px; margin: calc((var(--default-clickable-area) - 16px)/2); filter: var(--background-invert-if-dark); }
.account-menu-entry__icon--active[data-v-bdb908d2] { filter: var(--primary-invert-if-dark); }
.account-menu-entry__loading[data-v-bdb908d2] { height: 20px; width: 20px; margin: calc((var(--default-clickable-area) - 20px)/2); }
.account-menu-entry[data-v-bdb908d2] .list-item-content__main { width: fit-content; }
.material-design-icon { display: flex; place-self: center; align-items: center; justify-content: center; }
@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); }
}
.material-design-icon[data-v-24e91b99] { display: flex; place-self: center; align-items: center; justify-content: center; }
.dialog[data-v-24e91b99] { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container { padding-block: 4px 0px; padding-inline: 12px 0px; display: flex !important; }
.dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container__content { display: flex; flex-direction: column; overflow: hidden; }
.dialog__wrapper[data-v-24e91b99] { display: flex; flex-direction: row; flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.dialog__wrapper--collapsed[data-v-24e91b99] { flex-direction: column; }
.dialog__navigation[data-v-24e91b99] { display: flex; flex-shrink: 0; }
.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-24e91b99] { flex-direction: column; overflow: hidden auto; height: 100%; min-width: 200px; margin-inline-end: 20px; }
.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-24e91b99] { flex-direction: row; justify-content: space-between; overflow: auto hidden; width: 100%; min-width: 100%; }
.dialog__name[data-v-24e91b99] { 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: 0px 12px; }
.dialog__content[data-v-24e91b99] { flex: 1 1 0%; min-height: 0px; overflow: auto; padding-inline-end: 12px; }
.dialog__text[data-v-24e91b99] { padding-block-end: 6px; }
.dialog__actions[data-v-24e91b99] { display: flex; gap: 6px; place-content: center end; width: 100%; max-width: 100%; padding-inline: 0px 12px; margin-inline: 0px; margin-block: 0px; }
.dialog__actions[data-v-24e91b99]:not(:empty) { margin-block: 6px 12px; }
@media only screen and (max-width: 512px) {
  .dialog__name[data-v-24e91b99] { text-align: start; margin-inline-end: var(--default-clickable-area); }
}
.material-design-icon[data-v-09093702] { display: flex; place-self: center; align-items: center; justify-content: center; }
.button-vue[data-v-09093702] { --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-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: 2px; border-radius: var(--button-radius); box-sizing: border-box; position: relative; width: fit-content; overflow: hidden; padding-block: 1px 0px; 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-09093702] { --button-size: var(--clickable-area-small); }
.button-vue--size-large[data-v-09093702] { --button-size: var(--clickable-area-large); }
.button-vue[data-v-09093702] * { cursor: pointer; }
.button-vue[data-v-09093702]:focus { outline: none; }
.button-vue[data-v-09093702]:disabled { filter: saturate(0.7); opacity: 0.5; cursor: default; }
.button-vue[data-v-09093702]:disabled * { cursor: default; }
.button-vue[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-primary-element-light-hover); }
.button-vue[data-v-09093702]:active:not(:disabled) { background-color: var(--color-primary-element-light); }
.button-vue__wrapper[data-v-09093702] { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.button-vue--end .button-vue__wrapper[data-v-09093702] { justify-content: end; }
.button-vue--start .button-vue__wrapper[data-v-09093702] { justify-content: start; }
.button-vue--reverse .button-vue__wrapper[data-v-09093702] { flex-direction: row-reverse; }
.button-vue--reverse[data-v-09093702] { --button-padding: var(--button-padding-default) var(--default-grid-baseline); }
.button-vue__icon[data-v-09093702] { --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-09093702]:empty { display: none; }
.button-vue--size-small .button-vue__icon[data-v-09093702] > * { max-height: 16px; max-width: 16px; }
.button-vue--size-small .button-vue__icon[data-v-09093702] svg { height: 16px; width: 16px; }
.button-vue__text[data-v-09093702] { font-weight: bold; margin-bottom: 1px; padding: 2px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.button-vue__text[data-v-09093702]:empty { display: none; }
.button-vue[data-v-09093702]:has(.button-vue__text:empty) { --button-padding: var(--button-radius); line-height: 1; width: var(--button-size) !important; }
.button-vue[data-v-09093702]:has(.button-vue__icon:empty) { --button-padding: var(--button-padding-default); }
.button-vue:has(.button-vue__icon:empty) .button-vue__text[data-v-09093702] { padding-inline: var(--default-grid-baseline); }
.button-vue--wide[data-v-09093702] { width: 100%; }
.button-vue[data-v-09093702]: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-09093702] { outline: 2px solid var(--color-primary-element-text); border-radius: var(--border-radius-element); background-color: transparent; }
.button-vue--primary[data-v-09093702] { background-color: var(--color-primary-element); border-color: var(--color-primary-element-hover); color: var(--color-primary-element-text); }
.button-vue--primary[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-primary-element-hover); }
.button-vue--primary[data-v-09093702]:active { background-color: var(--color-primary-element); }
.button-vue--secondary[data-v-09093702] { 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-09093702]:hover:not(:disabled) { color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light-hover); }
.button-vue--tertiary[data-v-09093702] { background-color: transparent; border-color: transparent; color: var(--color-main-text); }
.button-vue--tertiary[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-background-hover); }
.button-vue--tertiary-no-background[data-v-09093702]:hover:not(:disabled) { background-color: transparent; }
.button-vue--tertiary-on-primary[data-v-09093702] { color: var(--color-primary-element-text); }
.button-vue--tertiary-on-primary[data-v-09093702]:hover:not(:disabled) { background-color: transparent; }
.button-vue--success[data-v-09093702] { border-color: var(--color-success-hover); background-color: var(--color-success); color: var(--color-success-text); }
.button-vue--success[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-success-hover); }
.button-vue--success[data-v-09093702]:active { background-color: var(--color-success); }
.button-vue--warning[data-v-09093702] { border-color: var(--color-warning-hover); background-color: var(--color-warning); color: var(--color-warning-text); }
.button-vue--warning[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-warning-hover); }
.button-vue--warning[data-v-09093702]:active { background-color: var(--color-warning); }
.button-vue--error[data-v-09093702] { border-color: var(--color-error-hover); background-color: var(--color-error); color: var(--color-error-text); }
.button-vue--error[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-error-hover); }
.button-vue--error[data-v-09093702]:active { background-color: var(--color-error); }
.button-vue--legacy[data-v-09093702] { --button-inner-size: var(--button-size); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-block: 0px; }
.button-vue--legacy.button-vue--error[data-v-09093702], .button-vue--legacy.button-vue--success[data-v-09093702], .button-vue--legacy.button-vue--warning[data-v-09093702] { color: white; }
.material-design-icon[data-v-aaedb1c3] { display: flex; place-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] { min-width: fit-content; min-height: fit-content; vertical-align: text-bottom; display: inline-flex !important; }
.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); }
.material-design-icon[data-v-cf399190] { display: flex; place-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; }
.material-design-icon[data-v-3a70b8e0] { display: flex; place-self: center; align-items: center; justify-content: center; }
.modal-mask[data-v-3a70b8e0] { position: fixed; z-index: 9998; top: 0px; inset-inline-start: 0px; display: block; width: 100%; height: 100%; --backdrop-color: 0, 0, 0; background-color: rgba(var(--backdrop-color), 0.5); }
.modal-mask[data-v-3a70b8e0], .modal-mask[data-v-3a70b8e0] * { box-sizing: border-box; }
.modal-mask--opaque[data-v-3a70b8e0] { background-color: rgba(var(--backdrop-color), 0.92); }
.modal-mask--light[data-v-3a70b8e0] { --backdrop-color: 255, 255, 255; }
.modal-header[data-v-3a70b8e0] { position: absolute; z-index: 10001; top: 0px; inset-inline: 0px; align-items: center; justify-content: space-between; width: 100%; height: var(--header-height); overflow: hidden; transition: opacity 250ms, visibility 250ms; display: flex !important; }
.modal-header__name[data-v-3a70b8e0] { overflow-x: hidden; width: 100%; padding-inline: 12px 0px; transition: padding 100ms; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; margin-block: 0px; }
@media only screen and (min-width: 1024px) {
  .modal-header__name[data-v-3a70b8e0] { padding-inline-start: calc(var(--header-height) * var(--5a2241b0)); text-align: center; }
}
.modal-header .icons-menu[data-v-3a70b8e0] { display: flex; align-items: center; justify-content: flex-end; align-self: flex-end; }
.modal-header .icons-menu .header-close[data-v-3a70b8e0] { display: flex; align-items: center; justify-content: center; margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); padding: 0px; }
.modal-header .icons-menu .play-pause-icons[data-v-3a70b8e0] { position: relative; width: var(--header-height); height: var(--header-height); margin: 0px; padding: 0px; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__icon[data-v-3a70b8e0], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__icon[data-v-3a70b8e0] { 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__icon[data-v-3a70b8e0] { 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-3a70b8e0] .action-item { margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); }
.modal-header .icons-menu[data-v-3a70b8e0] .action-item--single { width: var(--default-clickable-area); height: var(--default-clickable-area); cursor: pointer; background-position: center center; background-size: 22px auto; }
.modal-header .icons-menu .header-actions[data-v-3a70b8e0] button:focus-visible { box-shadow: none !important; outline: rgb(255, 255, 255) solid 2px !important; }
.modal-wrapper[data-v-3a70b8e0] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.modal-wrapper .prev[data-v-3a70b8e0], .modal-wrapper .next[data-v-3a70b8e0] { z-index: 10000; height: 35vh; min-height: 300px; position: absolute; transition: opacity 250ms; color: white; }
.modal-wrapper .prev[data-v-3a70b8e0]:focus-visible, .modal-wrapper .next[data-v-3a70b8e0]:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-element-text); background-color: var(--color-box-shadow); }
.modal-wrapper .prev[data-v-3a70b8e0] { inset-inline-start: 2px; }
.modal-wrapper .next[data-v-3a70b8e0] { inset-inline-end: 2px; }
.modal-wrapper[data-v-3a70b8e0] { }
.modal-wrapper .modal-container[data-v-3a70b8e0] { position: relative; display: flex; padding: 0px; transition: transform 300ms; border-radius: var(--border-radius-container); background-color: var(--color-main-background); color: var(--color-main-text); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px; overflow: auto; }
.modal-wrapper .modal-container__close[data-v-3a70b8e0] { z-index: 1; position: absolute; top: 4px; inset-inline-end: var(--default-grid-baseline); }
.modal-wrapper .modal-container__content[data-v-3a70b8e0] { width: 100%; min-height: 52px; overflow: auto; }
.modal-wrapper--small > .modal-container[data-v-3a70b8e0] { width: 400px; max-width: 90%; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--normal > .modal-container[data-v-3a70b8e0] { max-width: 90%; width: 600px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--large > .modal-container[data-v-3a70b8e0] { max-width: 90%; width: 900px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--full > .modal-container[data-v-3a70b8e0] { width: 100%; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
@media only screen and ((max-width: 512px) or (max-height: 400px)) {
  .modal-wrapper .modal-container[data-v-3a70b8e0] { max-width: initial; width: 100%; max-height: initial; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
}
.fade-enter-active[data-v-3a70b8e0], .fade-leave-active[data-v-3a70b8e0] { transition: opacity 250ms; }
.fade-enter-from[data-v-3a70b8e0], .fade-leave-to[data-v-3a70b8e0] { opacity: 0; }
.fade-visibility-enter-from[data-v-3a70b8e0], .fade-visibility-leave-to[data-v-3a70b8e0] { visibility: hidden; opacity: 0; }
.modal-in-enter-active[data-v-3a70b8e0], .modal-in-leave-active[data-v-3a70b8e0], .modal-out-enter-active[data-v-3a70b8e0], .modal-out-leave-active[data-v-3a70b8e0] { transition: opacity 250ms; }
.modal-in-enter-from[data-v-3a70b8e0], .modal-in-leave-to[data-v-3a70b8e0], .modal-out-enter-from[data-v-3a70b8e0], .modal-out-leave-to[data-v-3a70b8e0] { opacity: 0; }
.modal-in-enter .modal-container[data-v-3a70b8e0], .modal-in-leave-to .modal-container[data-v-3a70b8e0] { transform: scale(0.9); }
.modal-out-enter .modal-container[data-v-3a70b8e0], .modal-out-leave-to .modal-container[data-v-3a70b8e0] { transform: scale(1.1); }
.modal-mask .play-pause-icons .progress-ring[data-v-3a70b8e0] { position: absolute; top: 0px; inset-inline-start: 0px; transform: rotate(-90deg); }
.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-3a70b8e0] { transition: stroke-dashoffset 100ms; transform-origin: 50% 50%; animation: progressring-3a70b8e0 linear var(--6e8e498c) infinite; stroke-linecap: round; stroke-dashoffset: 94.2478; stroke-dasharray: 94.2478; }
.modal-mask .play-pause-icons--paused .play-pause-icons__icon[data-v-3a70b8e0] { animation: 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running breath-3a70b8e0; }
.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-3a70b8e0] { animation-play-state: paused !important; }
@keyframes progressring-3a70b8e0 { 
  0% { stroke-dashoffset: 94.2478; }
  100% { stroke-dashoffset: 0; }
}
@keyframes breath-3a70b8e0 { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.material-design-icon[data-v-5f7eed6b] { display: flex; place-self: center; align-items: center; justify-content: center; }
.action-items[data-v-5f7eed6b] { display: flex; align-items: center; gap: calc((var(--default-clickable-area) - 16px) / 2 / 2); }
.action-item[data-v-5f7eed6b] { --open-background-color: var(--color-background-hover, $action-background-hover); position: relative; display: inline-block; }
.action-item.action-item--primary[data-v-5f7eed6b] { --open-background-color: var(--color-primary-element-hover); }
.action-item.action-item--secondary[data-v-5f7eed6b] { --open-background-color: var(--color-primary-element-light-hover); }
.action-item.action-item--error[data-v-5f7eed6b] { --open-background-color: var(--color-error-hover); }
.action-item.action-item--warning[data-v-5f7eed6b] { --open-background-color: var(--color-warning-hover); }
.action-item.action-item--success[data-v-5f7eed6b] { --open-background-color: var(--color-success-hover); }
.action-item.action-item--tertiary-no-background[data-v-5f7eed6b] { --open-background-color: transparent; }
.action-item.action-item--open .action-item__menutoggle[data-v-5f7eed6b] { background-color: var(--open-background-color); }
.action-item__menutoggle__icon[data-v-5f7eed6b] { width: 20px; height: 20px; object-fit: contain; }
.material-design-icon { display: flex; place-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; }
._material-design-icon_FKPyJ { display: flex; place-self: center; align-items: center; justify-content: center; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9, ._ncPopover_HjJ88.v-popper--theme-nc-popover-9 * { box-sizing: border-box; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9 .resize-observer { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; pointer-events: none; display: block; overflow: hidden; opacity: 0; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9 .resize-observer object { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper { z-index: 100000; top: 0px; left: 0px; display: block !important; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper { box-shadow: 0 1px 10px var(--color-box-shadow); border-radius: var(--border-radius-element); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner { padding: 0px; color: var(--color-main-text); border-radius: var(--border-radius-element); overflow: hidden; background: var(--color-main-background); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container { position: absolute; z-index: 1; width: 0px; height: 0px; border-style: solid; border-color: transparent; border-width: 10px; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-container { bottom: -9px; border-bottom-width: 0px; border-top-color: var(--color-main-background); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container { top: -9px; border-top-width: 0px; border-bottom-color: var(--color-main-background); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-container { left: -9px; border-left-width: 0px; border-right-color: var(--color-main-background); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-container { right: -9px; border-right-width: 0px; border-left-color: var(--color-main-background); }
._ncPopover_HjJ88.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_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden="false"] { visibility: visible; transition: opacity var(--animation-quick); opacity: 1; }
.material-design-icon[data-v-00e75248] { display: flex; place-self: center; align-items: center; justify-content: center; }
[data-v-00e75248] .password-field__input--secure-text { -webkit-text-security: disc; }
.material-design-icon[data-v-fccfce00] { display: flex; place-self: center; align-items: center; justify-content: center; }
.input-field[data-v-fccfce00] { --input-border-color: var(--color-border-maxcontrast); --input-border-radius: var(--border-radius-element); --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-fccfce00] { opacity: 0.4; filter: saturate(0.4); }
.input-field--label-outside[data-v-fccfce00] { margin-block-start: 0px; }
.input-field--leading-icon[data-v-fccfce00] { --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline)); }
.input-field--trailing-icon[data-v-fccfce00] { --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline)); }
.input-field--pill[data-v-fccfce00] { --input-border-radius: var(--border-radius-pill); }
.input-field__main-wrapper[data-v-fccfce00] { height: var(--default-clickable-area); padding: var(--border-width-input-focused, 2px); position: relative; }
.input-field__input[data-v-fccfce00] { --input-border-box-shadow-light: 0 -1px var(--input-border-color),
  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); --input-border-box-shadow-dark: 0 1px var(--input-border-color),
  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); --input-border-box-shadow: var(--input-border-box-shadow-light); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--border-radius-element); box-shadow: var(--input-border-box-shadow); }
.input-field__input[data-v-fccfce00]:hover:not([disabled]) { box-shadow: 0 0 0 1px var(--input-border-color); }
@media (prefers-color-scheme: dark) {
  .input-field__input .input-field__input[data-v-fccfce00] { --input-border-box-shadow: var(--input-border-box-shadow-dark); }
}
[data-theme-dark] .input-field__input[data-v-fccfce00] { --input-border-box-shadow: var(--input-border-box-shadow-dark); }
[data-theme-light] .input-field__input[data-v-fccfce00] { --input-border-box-shadow: var(--input-border-box-shadow-light); }
.input-field--legacy .input-field__input[data-v-fccfce00] { box-shadow: 0 0 0 1px var(--input-border-color); }
.input-field--legacy .input-field__input[data-v-fccfce00]:hover:not([disabled]) { box-shadow: 0 0 0 2px var(--input-border-color); }
.input-field__input[data-v-fccfce00]:focus-within:not([disabled]), .input-field__input[data-v-fccfce00]:active:not([disabled]) { box-shadow: 0 0 0 2px var(--input-border-color), 0 0 0 4px var(--color-main-background) !important; }
.input-field__input[data-v-fccfce00] { background-color: var(--color-main-background); color: var(--color-main-text); border-radius: var(--input-border-radius); cursor: pointer; font-size: var(--default-font-size); text-overflow: ellipsis; padding-block: 0px; padding-inline: var(--input-padding-start) var(--input-padding-end); min-height: unset; width: 100%; appearance: textfield !important; height: 100% !important; }
.input-field__input[data-v-fccfce00]::placeholder { color: var(--color-text-maxcontrast); }
.input-field__input[data-v-fccfce00]::-webkit-search-cancel-button { display: none; }
.input-field__input[data-v-fccfce00]:active:not([disabled]), .input-field__input[data-v-fccfce00]:focus:not([disabled]) { --input-border-color: var(--color-main-text); }
.input-field__input:focus + .input-field__label[data-v-fccfce00], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-fccfce00] { color: var(--color-main-text); }
.input-field__input[data-v-fccfce00]:focus { cursor: text; }
.input-field__input[data-v-fccfce00]:disabled { cursor: default; }
.input-field__input[data-v-fccfce00]:focus-visible { box-shadow: unset !important; }
.input-field:not(.input-field--label-outside) .input-field__input[data-v-fccfce00]:not(:focus)::placeholder { opacity: 0; }
.input-field__label[data-v-fccfce00] { --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-fccfce00], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-fccfce00] { --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-fccfce00] { 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: 0px; }
.input-field__icon--leading[data-v-fccfce00] { inset-inline-start: 0px; }
.input-field__icon--trailing[data-v-fccfce00] { inset-inline-end: 0px; }
.input-field__trailing-button[data-v-fccfce00] { --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px)); --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important; }
.input-field__trailing-button.button-vue[data-v-fccfce00] { 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-fccfce00]:focus-visible { box-shadow: none !important; }
.input-field__helper-text-message[data-v-fccfce00] { padding-block: 4px; padding-inline: var(--border-radius-element); display: flex; align-items: center; color: var(--color-text-maxcontrast); overflow-wrap: anywhere; }
.input-field__helper-text-message__icon[data-v-fccfce00] { margin-inline-end: 8px; }
.input-field--error .input-field__helper-text-message[data-v-fccfce00], .input-field--error .input-field__icon--trailing[data-v-fccfce00] { color: var(--color-text-error, var(--color-error)); }
.input-field--error .input-field__input[data-v-fccfce00], .input-field__input[data-v-fccfce00]:user-invalid { --input-border-color: var(--color-border-error, var(--color-error)) !important; }
.input-field--error .input-field__input[data-v-fccfce00]:focus-visible, .input-field__input[data-v-fccfce00]: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-fccfce00] { --input-border-color: var(--color-border-success, var(--color-success)) !important; }
.input-field--success .input-field__input[data-v-fccfce00]: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-fccfce00] { color: var(--color-border-success, var(--color-success)); }
.material-design-icon { display: flex; place-self: center; align-items: center; justify-content: center; }
@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-large); }
}
.material-design-icon[data-v-66c29e13] { display: flex; place-self: center; align-items: center; justify-content: center; }
.dialog[data-v-66c29e13] { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.dialog__modal[data-v-66c29e13] .modal-wrapper .modal-container { padding-block: 4px 0px; padding-inline: 12px 0px; display: flex !important; }
.dialog__modal[data-v-66c29e13] .modal-wrapper .modal-container__content { display: flex; flex-direction: column; overflow: hidden; }
.dialog__wrapper[data-v-66c29e13] { display: flex; flex-direction: row; flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.dialog__wrapper--collapsed[data-v-66c29e13] { flex-direction: column; }
.dialog__navigation[data-v-66c29e13] { display: flex; flex-shrink: 0; }
.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-66c29e13] { flex-direction: column; overflow: hidden auto; height: 100%; min-width: 200px; margin-inline-end: 20px; }
.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-66c29e13] { flex-direction: row; justify-content: space-between; overflow: auto hidden; width: 100%; min-width: 100%; }
.dialog__name[data-v-66c29e13] { 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: 0px 12px; }
.dialog__content[data-v-66c29e13] { flex: 1 1 0%; min-height: 0px; overflow: auto; padding-inline-end: 12px; }
.dialog__text[data-v-66c29e13] { padding-block-end: 6px; }
.dialog__actions[data-v-66c29e13] { box-sizing: border-box; display: flex; gap: 6px; place-content: center end; width: 100%; max-width: 100%; padding-inline: 0px 12px; margin-inline: 0px; margin-block: 0px; }
.dialog__actions[data-v-66c29e13]:not(:empty) { margin-block: 6px 12px; }
@media only screen and (max-width: 512px) {
  .dialog__name[data-v-66c29e13] { text-align: start; margin-inline-end: var(--default-clickable-area); }
}
.material-design-icon[data-v-01926ad2] { display: flex; place-self: center; align-items: center; justify-content: center; }
.modal-mask[data-v-01926ad2] { --backdrop-color: 0, 0, 0; --icon-size: 20px; --slideshow-duration: var(--476657af); position: fixed; z-index: 9998; top: 0px; inset-inline-start: 0px; display: block; width: 100%; height: 100%; background-color: rgba(var(--backdrop-color), 0.5); }
.modal-mask--opaque[data-v-01926ad2] { background-color: rgba(var(--backdrop-color), 0.92); }
.modal-mask--light[data-v-01926ad2] { --backdrop-color: 255, 255, 255; }
.modal-header[data-v-01926ad2] { position: absolute; z-index: 10001; top: 0px; inset-inline: 0px; align-items: center; justify-content: space-between; width: 100%; height: var(--header-height); overflow: hidden; transition: opacity 250ms, visibility 250ms; display: flex !important; }
.modal-header__name[data-v-01926ad2] { overflow-x: hidden; box-sizing: border-box; width: 100%; padding-inline: 12px 0px; transition: padding 100ms; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; margin-block: 0px; }
@media only screen and (min-width: 1024px) {
  .modal-header__name[data-v-01926ad2] { padding-inline-start: calc(var(--header-height) * var(--19158013)); text-align: center; }
}
.modal-header .icons-menu[data-v-01926ad2] { display: flex; align-items: center; justify-content: flex-end; align-self: flex-end; }
.modal-header .icons-menu .header-close[data-v-01926ad2] { display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); padding: 0px; }
.modal-header .icons-menu .play-pause-icons[data-v-01926ad2] { position: relative; width: var(--header-height); height: var(--header-height); margin: 0px; padding: 0px; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-01926ad2], .modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-01926ad2], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-01926ad2], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-01926ad2] { 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-01926ad2], .modal-header .icons-menu .play-pause-icons__pause[data-v-01926ad2] { box-sizing: border-box; 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-01926ad2] .action-item { margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); }
.modal-header .icons-menu[data-v-01926ad2] .action-item--single { box-sizing: border-box; width: var(--default-clickable-area); height: var(--default-clickable-area); cursor: pointer; background-position: center center; background-size: 22px auto; }
.modal-header .icons-menu .header-actions[data-v-01926ad2] button:focus-visible { box-shadow: none !important; outline: rgb(255, 255, 255) solid 2px !important; }
.modal-header .icons-menu[data-v-01926ad2] .action-item__menutoggle { padding: 0px; }
.modal-header .icons-menu[data-v-01926ad2] .action-item__menutoggle span, .modal-header .icons-menu[data-v-01926ad2] .action-item__menutoggle svg { width: var(--icon-size); height: var(--icon-size); }
.modal-wrapper[data-v-01926ad2] { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; }
.modal-wrapper .prev[data-v-01926ad2], .modal-wrapper .next[data-v-01926ad2] { z-index: 10000; height: 35vh; min-height: 300px; position: absolute; transition: opacity 250ms; color: white; }
.modal-wrapper .prev[data-v-01926ad2]:focus-visible, .modal-wrapper .next[data-v-01926ad2]:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-element-text); background-color: var(--color-box-shadow); }
.modal-wrapper .prev[data-v-01926ad2] { inset-inline-start: 2px; }
.modal-wrapper .next[data-v-01926ad2] { inset-inline-end: 2px; }
.modal-wrapper[data-v-01926ad2] { }
.modal-wrapper .modal-container[data-v-01926ad2] { position: relative; display: flex; padding: 0px; transition: transform 300ms; border-radius: var(--border-radius-container, var(--border-radius-rounded)); background-color: var(--color-main-background); color: var(--color-main-text); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px; }
.modal-wrapper .modal-container__close[data-v-01926ad2] { z-index: 1; position: absolute; top: 4px; inset-inline-end: var(--default-grid-baseline); }
.modal-wrapper .modal-container__content[data-v-01926ad2] { width: 100%; min-height: 52px; overflow: auto; }
.modal-wrapper--small > .modal-container[data-v-01926ad2] { width: 400px; max-width: 90%; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--normal > .modal-container[data-v-01926ad2] { max-width: 90%; width: 600px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--large > .modal-container[data-v-01926ad2] { max-width: 90%; width: 900px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--full > .modal-container[data-v-01926ad2] { width: 100%; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
@media only screen and ((max-width: 512px) or (max-height: 400px)) {
  .modal-wrapper .modal-container[data-v-01926ad2] { max-width: initial; width: 100%; max-height: initial; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
}
.fade-enter-active[data-v-01926ad2], .fade-leave-active[data-v-01926ad2] { transition: opacity 250ms; }
.fade-enter[data-v-01926ad2], .fade-leave-to[data-v-01926ad2] { opacity: 0; }
.fade-visibility-enter[data-v-01926ad2], .fade-visibility-leave-to[data-v-01926ad2] { visibility: hidden; opacity: 0; }
.modal-in-enter-active[data-v-01926ad2], .modal-in-leave-active[data-v-01926ad2], .modal-out-enter-active[data-v-01926ad2], .modal-out-leave-active[data-v-01926ad2] { transition: opacity 250ms; }
.modal-in-enter[data-v-01926ad2], .modal-in-leave-to[data-v-01926ad2], .modal-out-enter[data-v-01926ad2], .modal-out-leave-to[data-v-01926ad2] { opacity: 0; }
.modal-in-enter .modal-container[data-v-01926ad2], .modal-in-leave-to .modal-container[data-v-01926ad2] { transform: scale(0.9); }
.modal-out-enter .modal-container[data-v-01926ad2], .modal-out-leave-to .modal-container[data-v-01926ad2] { transform: scale(1.1); }
.modal-mask .play-pause-icons .progress-ring[data-v-01926ad2] { position: absolute; top: 0px; inset-inline-start: 0px; transform: rotate(-90deg); }
.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-01926ad2] { transition: stroke-dashoffset 100ms; transform-origin: 50% 50%; animation: progressring-01926ad2 linear var(--slideshow-duration) infinite; stroke-linecap: round; stroke-dashoffset: 94.2478; stroke-dasharray: 94.2478; }
.modal-mask .play-pause-icons--paused .icon-pause[data-v-01926ad2] { animation: 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running breath-01926ad2; }
.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-01926ad2] { animation-play-state: paused !important; }
@keyframes progressring-01926ad2 { 
  0% { stroke-dashoffset: 94.2478; }
  100% { stroke-dashoffset: 0; }
}
@keyframes breath-01926ad2 { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.qr-login__content { display: flex; flex-direction: column; align-items: center; gap: var(--default-grid-baseline); }
.qr-login__description { text-align: center; }
[data-v-3d724f6c] #header-menu-user-menu { padding: 0px !important; }
.account-menu[data-v-3d724f6c] * { mask: none !important; }
.account-menu__avatar[data-v-3d724f6c] { --account-menu-outline: var(--border-width-input) solid color-mix(in srgb, var(--color-background-plain-text), transparent 75%); outline: var(--account-menu-outline); position: fixed; }
.account-menu__avatar[data-v-3d724f6c]:hover { --account-menu-outline: none; border: var(--border-width-input-focused) solid var(--color-background-plain-text); }
.account-menu__list[data-v-3d724f6c] { display: inline-flex; flex-direction: column; padding-block: var(--default-grid-baseline) 0; padding-inline: 0 var(--default-grid-baseline); }
.account-menu__list[data-v-3d724f6c] > li { box-sizing: border-box; flex: 0 1 0%; }
.account-menu[data-v-3d724f6c] .header-menu__content { width: fit-content !important; }
.account-menu[data-v-3d724f6c] button { opacity: 1 !important; }
.account-menu[data-v-3d724f6c] button:focus-visible .account-menu__avatar { --account-menu-outline: none; border: var(--border-width-input-focused) solid var(--color-background-plain-text); }
.material-design-icon[data-v-00a99684] { display: flex; place-self: center; align-items: center; justify-content: center; }
.button-vue[data-v-00a99684] { --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-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: 2px; border-radius: var(--button-radius); box-sizing: border-box; position: relative; width: fit-content; overflow: hidden; padding-block: 1px 0px; 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: var(--font-weight-element, bold); }
.button-vue--size-small[data-v-00a99684] { --button-size: var(--clickable-area-small); }
.button-vue--size-large[data-v-00a99684] { --button-size: var(--clickable-area-large); }
.button-vue[data-v-00a99684] * { cursor: pointer; }
.button-vue[data-v-00a99684]:focus { outline: none; }
.button-vue[data-v-00a99684]:disabled { filter: saturate(0.7); opacity: 0.5; cursor: default; }
.button-vue[data-v-00a99684]:disabled * { cursor: default; }
.button-vue[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-primary-element-light-hover); }
.button-vue[data-v-00a99684]:active:not(:disabled) { background-color: var(--color-primary-element-light); }
.button-vue__wrapper[data-v-00a99684] { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.button-vue--end .button-vue__wrapper[data-v-00a99684] { justify-content: end; }
.button-vue--start .button-vue__wrapper[data-v-00a99684] { justify-content: start; }
.button-vue--reverse .button-vue__wrapper[data-v-00a99684] { flex-direction: row-reverse; }
.button-vue--reverse[data-v-00a99684] { --button-padding: var(--button-padding-default) var(--default-grid-baseline); }
.button-vue__icon[data-v-00a99684] { --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-00a99684]:empty { display: none; }
.button-vue--size-small .button-vue__icon[data-v-00a99684] > * { max-height: 16px; max-width: 16px; }
.button-vue--size-small .button-vue__icon[data-v-00a99684] svg { height: 16px; width: 16px; }
.button-vue__text[data-v-00a99684] { font-weight: var(--font-weight-element, bold); margin-bottom: 1px; padding: 2px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.button-vue__text[data-v-00a99684]:empty { display: none; }
.button-vue[data-v-00a99684]:has(.button-vue__text:empty):not(.button-vue--wide) { --button-padding: var(--button-radius); line-height: 1; width: var(--button-size) !important; }
.button-vue[data-v-00a99684]:has(.button-vue__icon:empty) { --button-padding: var(--button-padding-default); }
.button-vue:has(.button-vue__icon:empty) .button-vue__text[data-v-00a99684] { padding-inline: var(--default-grid-baseline); }
.button-vue--wide[data-v-00a99684] { width: 100%; }
.button-vue[data-v-00a99684]: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-00a99684] { outline: 2px solid var(--color-primary-element-text); border-radius: var(--border-radius-element); background-color: transparent; }
.button-vue--primary[data-v-00a99684] { background-color: var(--color-primary-element); border-color: var(--color-primary-element-hover); color: var(--color-primary-element-text); }
.button-vue--primary[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-primary-element-hover); }
.button-vue--primary[data-v-00a99684]:active { background-color: var(--color-primary-element); }
.button-vue--secondary[data-v-00a99684] { 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-00a99684]:hover:not(:disabled) { color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light-hover); }
.button-vue--tertiary[data-v-00a99684] { background-color: transparent; border-color: transparent; color: var(--color-main-text); }
.button-vue--tertiary[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-background-hover); }
.button-vue--tertiary[data-v-00a99684]:not(.button-vue--legacy34):hover:not(:disabled) { background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent); }
.button-vue--tertiary-no-background[data-v-00a99684]:hover:not(:disabled) { background-color: transparent; }
.button-vue--tertiary-on-primary[data-v-00a99684] { color: var(--color-primary-element-text); }
.button-vue--tertiary-on-primary[data-v-00a99684]:hover:not(:disabled) { background-color: transparent; }
.button-vue--success[data-v-00a99684] { border-color: var(--color-success-hover); background-color: var(--color-success); color: var(--color-success-text); }
.button-vue--success[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-success-hover); }
.button-vue--success[data-v-00a99684]:active { background-color: var(--color-success); }
.button-vue--warning[data-v-00a99684] { border-color: var(--color-warning-hover); background-color: var(--color-warning); color: var(--color-warning-text); }
.button-vue--warning[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-warning-hover); }
.button-vue--warning[data-v-00a99684]:active { background-color: var(--color-warning); }
.button-vue--error[data-v-00a99684] { border-color: var(--color-error-hover); background-color: var(--color-error); color: var(--color-error-text); }
.button-vue--error[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-error-hover); }
.button-vue--error[data-v-00a99684]:active { background-color: var(--color-error); }
.button-vue--legacy[data-v-00a99684] { --button-inner-size: var(--button-size); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-block: 0px; }
.button-vue--legacy.button-vue--error[data-v-00a99684], .button-vue--legacy.button-vue--success[data-v-00a99684], .button-vue--legacy.button-vue--warning[data-v-00a99684] { color: white; }
.material-design-icon[data-v-aaedb1c3] { display: flex; place-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] { min-width: fit-content; min-height: fit-content; vertical-align: text-bottom; display: inline-flex !important; }
.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); }
.material-design-icon[data-v-cf399190] { display: flex; place-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; }
.material-design-icon { display: flex; place-self: center; align-items: center; justify-content: center; }
@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); }
}
.material-design-icon[data-v-24e91b99] { display: flex; place-self: center; align-items: center; justify-content: center; }
.dialog[data-v-24e91b99] { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container { padding-block: 4px 0px; padding-inline: 12px 0px; display: flex !important; }
.dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container__content { display: flex; flex-direction: column; overflow: hidden; }
.dialog__wrapper[data-v-24e91b99] { display: flex; flex-direction: row; flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.dialog__wrapper--collapsed[data-v-24e91b99] { flex-direction: column; }
.dialog__navigation[data-v-24e91b99] { display: flex; flex-shrink: 0; }
.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-24e91b99] { flex-direction: column; overflow: hidden auto; height: 100%; min-width: 200px; margin-inline-end: 20px; }
.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-24e91b99] { flex-direction: row; justify-content: space-between; overflow: auto hidden; width: 100%; min-width: 100%; }
.dialog__name[data-v-24e91b99] { 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: 0px 12px; }
.dialog__content[data-v-24e91b99] { flex: 1 1 0%; min-height: 0px; overflow: auto; padding-inline-end: 12px; }
.dialog__text[data-v-24e91b99] { padding-block-end: 6px; }
.dialog__actions[data-v-24e91b99] { display: flex; gap: 6px; place-content: center end; width: 100%; max-width: 100%; padding-inline: 0px 12px; margin-inline: 0px; margin-block: 0px; }
.dialog__actions[data-v-24e91b99]:not(:empty) { margin-block: 6px 12px; }
@media only screen and (max-width: 512px) {
  .dialog__name[data-v-24e91b99] { text-align: start; margin-inline-end: var(--default-clickable-area); }
}
.material-design-icon[data-v-3c357e2d] { display: flex; place-self: center; align-items: center; justify-content: center; }
.modal-mask[data-v-3c357e2d] { position: fixed; z-index: 9998; top: 0px; inset-inline-start: 0px; display: block; width: 100%; height: 100%; --backdrop-color: 0, 0, 0; background-color: rgba(var(--backdrop-color), 0.5); }
.modal-mask[data-v-3c357e2d], .modal-mask[data-v-3c357e2d] * { box-sizing: border-box; }
.modal-mask--opaque[data-v-3c357e2d] { background-color: rgba(var(--backdrop-color), 0.92); }
.modal-mask--light[data-v-3c357e2d] { --backdrop-color: 255, 255, 255; }
.modal-header[data-v-3c357e2d] { position: absolute; z-index: 10001; top: 0px; inset-inline: 0px; align-items: center; justify-content: space-between; width: 100%; height: var(--header-height); overflow: hidden; transition: opacity 250ms, visibility 250ms; display: flex !important; }
.modal-header__name[data-v-3c357e2d] { overflow-x: hidden; width: 100%; padding-inline: 12px 0px; transition: padding 100ms; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; margin-block: 0px; }
@media only screen and (min-width: 1024px) {
  .modal-header__name[data-v-3c357e2d] { padding-inline-start: calc(var(--header-height) * var(--v046d2bb2)); text-align: center; }
}
.modal-header .icons-menu[data-v-3c357e2d] { display: flex; align-items: center; justify-content: flex-end; align-self: flex-end; }
.modal-header .icons-menu .header-close[data-v-3c357e2d] { display: flex; align-items: center; justify-content: center; margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); padding: 0px; }
.modal-header .icons-menu .play-pause-icons[data-v-3c357e2d] { position: relative; width: var(--header-height); height: var(--header-height); margin: 0px; padding: 0px; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__icon[data-v-3c357e2d], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__icon[data-v-3c357e2d] { 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__icon[data-v-3c357e2d] { 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-3c357e2d] .action-item { margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); }
.modal-header .icons-menu[data-v-3c357e2d] .action-item--single { width: var(--default-clickable-area); height: var(--default-clickable-area); cursor: pointer; background-position: center center; background-size: 22px auto; }
.modal-header .icons-menu .header-actions[data-v-3c357e2d] button:focus-visible { box-shadow: none !important; outline: rgb(255, 255, 255) solid 2px !important; }
.modal-wrapper[data-v-3c357e2d] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.modal-wrapper .prev[data-v-3c357e2d], .modal-wrapper .next[data-v-3c357e2d] { z-index: 10000; height: 35vh; min-height: 300px; position: absolute; transition: opacity 250ms; color: white; }
.modal-wrapper .prev[data-v-3c357e2d]:focus-visible, .modal-wrapper .next[data-v-3c357e2d]:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-element-text); background-color: var(--color-box-shadow); }
.modal-wrapper .prev[data-v-3c357e2d] { inset-inline-start: 2px; }
.modal-wrapper .next[data-v-3c357e2d] { inset-inline-end: 2px; }
.modal-wrapper[data-v-3c357e2d] { }
.modal-wrapper .modal-container[data-v-3c357e2d] { position: relative; display: flex; padding: 0px; transition: transform 300ms; border-radius: var(--border-radius-container); background-color: var(--color-main-background); color: var(--color-main-text); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px; overflow: auto; }
.modal-wrapper .modal-container__close[data-v-3c357e2d] { z-index: 1; position: absolute; top: 4px; inset-inline-end: var(--default-grid-baseline); }
.modal-wrapper .modal-container__content[data-v-3c357e2d] { width: 100%; min-height: 52px; overflow: auto; }
.modal-wrapper--small > .modal-container[data-v-3c357e2d] { width: 400px; max-width: 90%; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--normal > .modal-container[data-v-3c357e2d] { max-width: 90%; width: 600px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--large > .modal-container[data-v-3c357e2d] { max-width: 90%; width: 900px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--full > .modal-container[data-v-3c357e2d] { width: 100%; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
@media only screen and ((max-width: 512px) or (max-height: 400px)) {
  .modal-wrapper .modal-container[data-v-3c357e2d] { max-width: initial; width: 100%; max-height: initial; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
}
.fade-enter-active[data-v-3c357e2d], .fade-leave-active[data-v-3c357e2d] { transition: opacity 250ms; }
.fade-enter-from[data-v-3c357e2d], .fade-leave-to[data-v-3c357e2d] { opacity: 0; }
.fade-visibility-enter-from[data-v-3c357e2d], .fade-visibility-leave-to[data-v-3c357e2d] { visibility: hidden; opacity: 0; }
.modal-in-enter-active[data-v-3c357e2d], .modal-in-leave-active[data-v-3c357e2d], .modal-out-enter-active[data-v-3c357e2d], .modal-out-leave-active[data-v-3c357e2d] { transition: opacity 250ms; }
.modal-in-enter-from[data-v-3c357e2d], .modal-in-leave-to[data-v-3c357e2d], .modal-out-enter-from[data-v-3c357e2d], .modal-out-leave-to[data-v-3c357e2d] { opacity: 0; }
.modal-in-enter .modal-container[data-v-3c357e2d], .modal-in-leave-to .modal-container[data-v-3c357e2d] { transform: scale(0.9); }
.modal-out-enter .modal-container[data-v-3c357e2d], .modal-out-leave-to .modal-container[data-v-3c357e2d] { transform: scale(1.1); }
.modal-mask .play-pause-icons .progress-ring[data-v-3c357e2d] { position: absolute; top: 0px; inset-inline-start: 0px; transform: rotate(-90deg); }
.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-3c357e2d] { transition: stroke-dashoffset 100ms; transform-origin: 50% 50%; animation: progressring-3c357e2d linear var(--v71f7c020) infinite; stroke-linecap: round; stroke-dashoffset: 94.2478; stroke-dasharray: 94.2478; }
.modal-mask .play-pause-icons--paused .play-pause-icons__icon[data-v-3c357e2d] { animation: 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running breath-3c357e2d; }
.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-3c357e2d] { animation-play-state: paused !important; }
@keyframes progressring-3c357e2d { 
  0% { stroke-dashoffset: 94.2478; }
  100% { stroke-dashoffset: 0; }
}
@keyframes breath-3c357e2d { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.material-design-icon[data-v-23e5cae7] { display: flex; place-self: center; align-items: center; justify-content: center; }
.action-items[data-v-23e5cae7] { display: flex; align-items: center; gap: calc((var(--default-clickable-area) - 16px) / 2 / 2); }
.action-item[data-v-23e5cae7] { --open-background-color: var(--color-background-hover, $action-background-hover); position: relative; display: inline-block; }
.action-item.action-item--primary[data-v-23e5cae7] { --open-background-color: var(--color-primary-element-hover); }
.action-item.action-item--secondary[data-v-23e5cae7] { --open-background-color: var(--color-primary-element-light-hover); }
.action-item.action-item--error[data-v-23e5cae7] { --open-background-color: var(--color-error-hover); }
.action-item.action-item--warning[data-v-23e5cae7] { --open-background-color: var(--color-warning-hover); }
.action-item.action-item--success[data-v-23e5cae7] { --open-background-color: var(--color-success-hover); }
.action-item.action-item--tertiary-no-background[data-v-23e5cae7] { --open-background-color: transparent; }
.action-item.action-item--open .action-item__menutoggle[data-v-23e5cae7] { background-color: var(--open-background-color); }
.action-item.action-item--wide[data-v-23e5cae7] { width: 100%; }
.action-item__menutoggle__icon[data-v-23e5cae7] { width: 20px; height: 20px; object-fit: contain; }
.material-design-icon { display: flex; place-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; }
._material-design-icon_bkeq- { display: flex; place-self: center; align-items: center; justify-content: center; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9, ._ncPopover_zfWgY.v-popper--theme-nc-popover-9 * { box-sizing: border-box; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9 .resize-observer { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; pointer-events: none; display: block; overflow: hidden; opacity: 0; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9 .resize-observer object { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper { z-index: 100000; top: 0px; left: 0px; display: block !important; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper { box-shadow: 0 1px 10px var(--color-box-shadow); border-radius: var(--border-radius-element); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner { padding: 0px; color: var(--color-main-text); border-radius: var(--border-radius-element); overflow: hidden; background: var(--color-main-background); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container { position: absolute; z-index: 1; width: 0px; height: 0px; border-style: solid; border-color: transparent; border-width: 10px; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-container { bottom: -9px; border-bottom-width: 0px; border-top-color: var(--color-main-background); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container { top: -9px; border-top-width: 0px; border-bottom-color: var(--color-main-background); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-container { left: -9px; border-left-width: 0px; border-right-color: var(--color-main-background); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-container { right: -9px; border-right-width: 0px; border-left-color: var(--color-main-background); }
._ncPopover_zfWgY.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_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden="false"] { visibility: visible; transition: opacity var(--animation-quick); opacity: 1; }
.material-design-icon[data-v-6be9fa31] { display: flex; place-self: center; align-items: center; justify-content: center; }
.notecard[data-v-6be9fa31] { --note-card-icon-size: 20px; --note-card-padding: calc(2 * var(--default-grid-baseline)); border-inline-start: var(--default-grid-baseline) solid var(--note-theme); border-radius: var(--border-radius-small); margin: 1rem 0px; padding: var(--note-card-padding); display: flex; flex-direction: row; gap: var(--note-card-padding); color: var(--color-main-text) !important; background-color: var(--note-background) !important; }
.notecard__heading[data-v-6be9fa31] { font-size: var(--note-card-icon-size); font-weight: var(--font-weight-heading, 600); }
.notecard__icon[data-v-6be9fa31] { color: var(--note-theme); }
.notecard__icon--heading[data-v-6be9fa31] { font-size: var(--note-card-icon-size); margin-block: calc(-0.5em + 0.5lh) auto; }
.notecard--success[data-v-6be9fa31] { --note-background: var(--color-success); --note-theme: var(--color-success-text); }
.notecard--info[data-v-6be9fa31] { --note-background: var(--color-info); --note-theme: var(--color-info-text); }
.notecard--error[data-v-6be9fa31] { --note-background: var(--color-error); --note-theme: var(--color-error-text); }
.notecard--warning[data-v-6be9fa31] { --note-background: var(--color-warning); --note-theme: var(--color-warning-text); }
.notecard--legacy[data-v-6be9fa31] { background-color: color-mix(in srgb, var(--note-background), var(--color-main-background) 80%) !important; color: var(--color-main-text) !important; }
.material-design-icon[data-v-29ac0caf] { display: flex; place-self: center; align-items: center; justify-content: center; }
.button-vue[data-v-29ac0caf] { --button-size: var(--default-clickable-area); --button-inner-size: calc(var(--button-size) - 4px); --button-radius: var(--border-radius-element, calc(var(--button-size) / 2)); --button-padding-default: clamp(var(--default-grid-baseline), var(--button-radius), calc(var(--default-grid-baseline) * 4)); --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-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: 2px; border-radius: var(--button-radius); box-sizing: border-box; position: relative; width: fit-content; overflow: hidden; padding-block: 1px 0px; 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: var(--font-weight-element, bold); }
.button-vue--size-small[data-v-29ac0caf] { --button-size: var(--clickable-area-small, 24px); --button-radius: var(--border-radius); }
.button-vue--size-large[data-v-29ac0caf] { --button-size: var(--clickable-area-large, 48px); }
.button-vue[data-v-29ac0caf], .button-vue[data-v-29ac0caf] * { cursor: pointer; }
.button-vue[data-v-29ac0caf]:focus { outline: none; }
.button-vue[data-v-29ac0caf]:disabled { cursor: default; opacity: 0.5; filter: saturate(0.7); }
.button-vue[data-v-29ac0caf]:disabled * { cursor: default; }
.button-vue[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-primary-element-light-hover); }
.button-vue[data-v-29ac0caf]:active:not(:disabled) { background-color: var(--color-primary-element-light); }
.button-vue__wrapper[data-v-29ac0caf] { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.button-vue--end .button-vue__wrapper[data-v-29ac0caf] { justify-content: end; }
.button-vue--start .button-vue__wrapper[data-v-29ac0caf] { justify-content: start; }
.button-vue--reverse .button-vue__wrapper[data-v-29ac0caf] { flex-direction: row-reverse; }
.button-vue--reverse.button-vue--icon-and-text[data-v-29ac0caf] { --button-padding: var(--button-padding-default) var(--default-grid-baseline); }
.button-vue__icon[data-v-29ac0caf] { --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--size-small .button-vue__icon[data-v-29ac0caf] > * { max-height: 16px; max-width: 16px; }
.button-vue--size-small .button-vue__icon[data-v-29ac0caf] svg { height: 16px; width: 16px; }
.button-vue__text[data-v-29ac0caf] { font-weight: var(--font-weight-element, bold); margin-bottom: 1px; padding: 2px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.button-vue--icon-only[data-v-29ac0caf] { --button-padding: clamp(var(--default-grid-baseline), var(--button-radius), calc(var(--default-grid-baseline) * 4)); line-height: 1; width: var(--button-size) !important; }
.button-vue--text-only[data-v-29ac0caf] { --button-padding: var(--button-padding-default); }
.button-vue--text-only .button-vue__text[data-v-29ac0caf] { margin-inline: 4px; }
.button-vue--wide[data-v-29ac0caf] { width: 100%; }
.button-vue[data-v-29ac0caf]: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-29ac0caf] { outline: 2px solid var(--color-primary-element-text); border-radius: var(--border-radius-element, var(--border-radius)); background-color: transparent; }
.button-vue--vue-primary[data-v-29ac0caf] { background-color: var(--color-primary-element); border-color: var(--color-primary-element-hover); color: var(--color-primary-element-text); }
.button-vue--vue-primary[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-primary-element-hover); }
.button-vue--vue-primary[data-v-29ac0caf]:active { background-color: var(--color-primary-element); }
.button-vue--vue-secondary[data-v-29ac0caf] { background-color: var(--color-primary-element-light); border-color: var(--color-primary-element-light-hover); color: var(--color-primary-element-light-text); }
.button-vue--vue-secondary[data-v-29ac0caf]:hover:not(:disabled) { color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light-hover); }
.button-vue--tertiary[data-v-29ac0caf], .button-vue--vue-tertiary[data-v-29ac0caf] { background-color: transparent; border-color: transparent; color: var(--color-main-text); }
.button-vue--tertiary[data-v-29ac0caf]:hover:not(:disabled), .button-vue--vue-tertiary[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-background-hover); }
.button-vue--tertiary[data-v-29ac0caf]:not(.button-vue--legacy34):hover:not(:disabled) { background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent); }
.button-vue--vue-tertiary-no-background[data-v-29ac0caf]:hover:not(:disabled) { background-color: transparent; }
.button-vue--vue-tertiary-on-primary[data-v-29ac0caf] { color: var(--color-primary-element-text); }
.button-vue--vue-tertiary-on-primary[data-v-29ac0caf]:hover:not(:disabled) { background-color: transparent; }
.button-vue--vue-success[data-v-29ac0caf] { background-color: var(--color-success); border-color: var(--color-success-hover); color: var(--color-success-text); }
.button-vue--vue-success[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-success-hover); }
.button-vue--vue-success[data-v-29ac0caf]:active { background-color: var(--color-success); }
.button-vue--vue-warning[data-v-29ac0caf] { background-color: var(--color-warning); border-color: var(--color-warning-hover); color: var(--color-warning-text); }
.button-vue--vue-warning[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-warning-hover); }
.button-vue--vue-warning[data-v-29ac0caf]:active { background-color: var(--color-warning); }
.button-vue--vue-error[data-v-29ac0caf] { background-color: var(--color-error); border-color: var(--color-error-hover); color: var(--color-error-text); }
.button-vue--vue-error[data-v-29ac0caf]:hover:not(:disabled) { background-color: var(--color-error-hover); }
.button-vue--vue-error[data-v-29ac0caf]:active { background-color: var(--color-error); }
.button-vue--legacy[data-v-29ac0caf] { --button-inner-size: var(--button-size); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-block: 0px; }
.button-vue--legacy.button-vue--vue-error[data-v-29ac0caf], .button-vue--legacy.button-vue--vue-success[data-v-29ac0caf], .button-vue--legacy.button-vue--vue-warning[data-v-29ac0caf] { color: white; }
.material-design-icon[data-v-4606150f] { display: flex; place-self: center; align-items: center; justify-content: center; }
.notecard[data-v-4606150f] { --note-card-icon-size: 20px; --note-card-padding: calc(2 * var(--default-grid-baseline)); border-inline-start: var(--default-grid-baseline) solid var(--note-theme); border-radius: var(--border-radius); margin: 1rem 0px; padding: var(--note-card-padding); display: flex; flex-direction: row; gap: var(--note-card-padding); color: var(--color-main-text) !important; background-color: var(--note-background) !important; }
.notecard__heading[data-v-4606150f] { font-size: var(--note-card-icon-size); font-weight: var(--font-weight-heading, 600); }
.notecard__icon--heading[data-v-4606150f] { font-size: var(--note-card-icon-size); margin-block: calc(-0.5em + 0.5lh) auto; }
.notecard--success[data-v-4606150f] { --note-background: var(--color-success); --note-theme: var(--color-success-text, var(--color-success)); }
.notecard--info[data-v-4606150f] { --note-background: var(--color-info); --note-theme: var(--color-info-text, var(--color-info)); }
.notecard--error[data-v-4606150f] { --note-background: var(--color-error); --note-theme: var(--color-error-text, var(--color-error)); }
.notecard--warning[data-v-4606150f] { --note-background: var(--color-warning); --note-theme: var(--color-warning-text, var(--color-warning)); }
.notecard--legacy.notecard--error[data-v-4606150f] { --note-background: rgba(var(--color-error-rgb), 0.1); }
.notecard--legacy.notecard--info[data-v-4606150f] { --note-background: rgba(var(--color-info-rgb), 0.1); }
.notecard--legacy.notecard--success[data-v-4606150f] { --note-background: rgba(var(--color-success-rgb), 0.1); }
.notecard--legacy.notecard--warning[data-v-4606150f] { --note-background: rgba(var(--color-warning-rgb), 0.1); }
.material-design-icon[data-v-dc2e9d6a] { display: flex; place-self: center; align-items: center; justify-content: center; }
.checkbox-content[data-v-dc2e9d6a] { 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-dc2e9d6a] { flex: 1 0 0%; }
.checkbox-content__text[data-v-dc2e9d6a]:empty { display: none; }
.checkbox-content-checkbox:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-dc2e9d6a], .checkbox-content-radio:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-dc2e9d6a], .checkbox-content-switch:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-dc2e9d6a] { margin-block: calc((var(--default-clickable-area) - 2 * var(--default-grid-baseline) - var(--icon-height)) / 2) auto; line-height: 0; }
.checkbox-content-checkbox:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-dc2e9d6a], .checkbox-content-radio:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-dc2e9d6a], .checkbox-content-switch:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-dc2e9d6a] { display: flex; align-items: center; margin-block-end: 0px; align-self: start; }
.checkbox-content__icon > [data-v-dc2e9d6a] { width: var(--icon-size); height: var(--icon-height); color: var(--color-primary-element); }
.checkbox-content__description[data-v-dc2e9d6a] { display: block; color: var(--color-text-maxcontrast); font-weight: var(--font-weight-default, normal); }
.checkbox-content--button-variant .checkbox-content__icon:not(.checkbox-content__icon--checked) > [data-v-dc2e9d6a] { color: var(--color-primary-element); }
.checkbox-content--button-variant .checkbox-content__icon--checked > [data-v-dc2e9d6a] { color: var(--color-primary-element-text); }
.checkbox-content--has-text[data-v-dc2e9d6a] { padding-right: calc((var(--default-clickable-area) - 16px) / 2); }
.checkbox-content[data-v-dc2e9d6a], .checkbox-content [data-v-dc2e9d6a] { cursor: pointer; flex-shrink: 0; }
.material-design-icon[data-v-8cf5299e] { display: flex; place-self: center; align-items: center; justify-content: center; }
.checkbox-radio-switch[data-v-8cf5299e] { --icon-size: var(--739f019a); --icon-height: var(--16409f00); display: flex; align-items: center; color: var(--color-main-text); background-color: transparent; box-sizing: border-box; font-size: var(--default-font-size); font-weight: var(--font-weight-element, normal); line-height: var(--default-line-height); padding: 0px; position: relative; }
.checkbox-radio-switch [data-v-8cf5299e] { box-sizing: border-box; }
.checkbox-radio-switch__input[data-v-8cf5299e] { position: absolute; z-index: -1; width: var(--icon-size); height: var(--icon-size); margin: 4px calc((var(--default-clickable-area) - 16px) / 2); opacity: 0 !important; }
.checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content[data-v-8cf5299e], .checkbox-radio-switch__input[data-v-8cf5299e]: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-8cf5299e] { opacity: 0.5; }
.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-8cf5299e] .checkbox-radio-switch__icon > * { color: var(--color-main-text); }
.checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-8cf5299e], .checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-8cf5299e] :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-8cf5299e], .checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content[data-v-8cf5299e]:hover { background-color: var(--color-background-hover); }
.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-8cf5299e], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-8cf5299e]: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-8cf5299e], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-8cf5299e]:hover { background-color: var(--color-primary-element-light-hover); }
.checkbox-radio-switch-switch[data-v-8cf5299e]: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-8cf5299e] .checkbox-radio-switch__icon > * { color: var(--color-primary-element-light); }
.checkbox-radio-switch[data-v-8cf5299e] { --checkbox-radio-switch--border-radius: var(--border-radius-element, calc(var(--default-clickable-area) / 2)); --checkbox-radio-switch--border-radius-outer: calc(var(--checkbox-radio-switch--border-radius) + 2px); }
.checkbox-radio-switch--button-variant.checkbox-radio-switch[data-v-8cf5299e] { 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-8cf5299e] { font-weight: var(--font-weight-element, bold); }
.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content[data-v-8cf5299e] { background-color: var(--color-primary-element); color: var(--color-primary-element-text); }
.checkbox-radio-switch--button-variant[data-v-8cf5299e] .checkbox-radio-switch__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.checkbox-radio-switch--button-variant[data-v-8cf5299e]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * { color: var(--color-main-text); }
.checkbox-radio-switch--button-variant[data-v-8cf5299e] .checkbox-radio-switch__icon:empty { display: none; }
.checkbox-radio-switch--button-variant[data-v-8cf5299e]: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-8cf5299e] { border-radius: var(--checkbox-radio-switch--border-radius); }
.checkbox-radio-switch[data-v-8cf5299e] { }
.checkbox-radio-switch--button-variant-v-grouped .checkbox-radio-switch__content[data-v-8cf5299e] { flex-basis: 100%; max-width: unset; }
.checkbox-radio-switch--button-variant-v-grouped[data-v-8cf5299e]: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-8cf5299e]: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-8cf5299e]:not(:last-of-type) { border-bottom: 0px !important; }
.checkbox-radio-switch--button-variant-v-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-8cf5299e] { margin-bottom: 2px; }
.checkbox-radio-switch--button-variant-v-grouped[data-v-8cf5299e]:not(:first-of-type) { border-top: 0px !important; }
.checkbox-radio-switch[data-v-8cf5299e] { }
.checkbox-radio-switch--button-variant-h-grouped[data-v-8cf5299e]: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-8cf5299e]: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-8cf5299e]:not(:last-of-type) { border-inline-end: 0px !important; }
.checkbox-radio-switch--button-variant-h-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-8cf5299e] { margin-inline-end: 2px; }
.checkbox-radio-switch--button-variant-h-grouped[data-v-8cf5299e]:not(:first-of-type) { border-inline-start: 0px !important; }
.checkbox-radio-switch--button-variant-h-grouped[data-v-8cf5299e] .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-8cf5299e] { flex-direction: column; justify-content: center; width: 100%; margin: 0px; gap: 0px; }
._material-design-icon_Tdewt { display: flex; place-self: center; align-items: center; justify-content: center; }
._iconToggleSwitch_NggOU { color: var(--2d1b8583); transition: color var(--animation-quick) ease; }
._iconToggleSwitch_NggOU svg { height: auto !important; }
._iconToggleSwitch_NggOU circle { cx: var(--78386a55); transition: cx var(--animation-quick) ease; }
.material-design-icon[data-v-4625d649] { display: flex; place-self: center; align-items: center; justify-content: center; }
.icon-vue[data-v-4625d649] { --icon-size: var(--dad67fa8); display: flex; justify-content: center; align-items: center; min-width: var(--default-clickable-area); min-height: var(--default-clickable-area); opacity: 1; }
.icon-vue--inline[data-v-4625d649] { display: inline-flex; min-width: fit-content; min-height: fit-content; vertical-align: text-bottom; }
.icon-vue span[data-v-4625d649] { line-height: 0; }
.icon-vue[data-v-4625d649] svg { fill: currentcolor; width: var(--icon-size, 20px); height: var(--icon-size, 20px); max-width: var(--icon-size, 20px); max-height: var(--icon-size, 20px); }
.icon-vue--directional[data-v-4625d649] svg:dir(rtl) { transform: scaleX(-1); }
.material-design-icon[data-v-94ff8098] { display: flex; place-self: center; align-items: center; justify-content: center; }
.loading-icon[data-v-94ff8098] { overflow: hidden; }
.loading-icon svg[data-v-94ff8098] { animation: rotate var(--animation-duration, 0.8s) linear infinite; }
.material-design-icon[data-v-0800cef1] { display: flex; place-self: center; align-items: center; justify-content: center; }
[data-v-0800cef1] .password-field__input--secure-text { -webkit-text-security: disc; }
.material-design-icon[data-v-17c3f609] { display: flex; place-self: center; align-items: center; justify-content: center; }
.input-field[data-v-17c3f609] { --input-border-color: var(--color-border-maxcontrast); --input-border-radius: var(--border-radius-element); --input-padding-start: var(--border-radius-large); --input-padding-end: var(--border-radius-large); position: relative; width: 100%; margin-block-start: 6px; }
.input-field--disabled[data-v-17c3f609] { opacity: 0.4; filter: saturate(0.4); }
.input-field--label-outside[data-v-17c3f609] { margin-block-start: 0px; }
.input-field--leading-icon[data-v-17c3f609] { --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline)); }
.input-field--trailing-icon[data-v-17c3f609] { --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline)); }
.input-field--pill[data-v-17c3f609] { --input-border-radius: var(--border-radius-pill); }
.input-field__main-wrapper[data-v-17c3f609] { height: var(--default-clickable-area); padding: var(--border-width-input-focused, 2px); position: relative; }
.input-field__input[data-v-17c3f609] { --input-border-box-shadow-light: 0 -1px var(--input-border-color),
  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); --input-border-box-shadow-dark: 0 1px var(--input-border-color),
  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); --input-border-box-shadow: var(--input-border-box-shadow-light); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--border-radius-element); box-shadow: var(--input-border-box-shadow); }
.input-field__input[data-v-17c3f609]:hover:not([disabled]) { box-shadow: 0 0 0 1px var(--input-border-color); }
@media (prefers-color-scheme: dark) {
  .input-field__input .input-field__input[data-v-17c3f609] { --input-border-box-shadow: var(--input-border-box-shadow-dark); }
}
[data-theme-dark] .input-field__input[data-v-17c3f609] { --input-border-box-shadow: var(--input-border-box-shadow-dark); }
[data-theme-light] .input-field__input[data-v-17c3f609] { --input-border-box-shadow: var(--input-border-box-shadow-light); }
.input-field--legacy .input-field__input[data-v-17c3f609] { box-shadow: 0 0 0 1px var(--input-border-color); }
.input-field--legacy .input-field__input[data-v-17c3f609]:hover:not([disabled]) { box-shadow: 0 0 0 2px var(--input-border-color); }
.input-field__input[data-v-17c3f609]:focus-within:not([disabled]), .input-field__input[data-v-17c3f609]:active:not([disabled]) { box-shadow: 0 0 0 2px var(--input-border-color), 0 0 0 4px var(--color-main-background) !important; }
.input-field__input[data-v-17c3f609] { background-color: var(--color-main-background); color: var(--color-main-text); border-radius: var(--input-border-radius); cursor: pointer; font-size: var(--default-font-size); text-overflow: ellipsis; padding-block: 0px; padding-inline: var(--input-padding-start) var(--input-padding-end); min-height: unset; width: 100%; appearance: textfield !important; height: 100% !important; }
.input-field__input[data-v-17c3f609]::placeholder { color: var(--color-text-maxcontrast); }
.input-field__input[data-v-17c3f609]::-webkit-search-cancel-button { display: none; }
.input-field__input[data-v-17c3f609]:active:not([disabled]), .input-field__input[data-v-17c3f609]:focus:not([disabled]) { --input-border-color: var(--color-main-text); }
.input-field__input:focus + .input-field__label[data-v-17c3f609], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-17c3f609] { color: var(--color-main-text); }
.input-field__input[data-v-17c3f609]:focus { cursor: text; }
.input-field__input[data-v-17c3f609]:disabled { cursor: default; }
.input-field__input[data-v-17c3f609]:focus-visible { box-shadow: unset !important; }
.input-field__input--success[data-v-17c3f609] { border-color: var(--color-border-success, var(--color-success)) !important; }
.input-field__input--success[data-v-17c3f609]: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__input--error[data-v-17c3f609], .input-field__input[data-v-17c3f609]:user-invalid { border-color: var(--color-border-error, var(--color-error)) !important; }
.input-field__input--error[data-v-17c3f609]:focus-visible, .input-field__input[data-v-17c3f609]: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:not(.input-field--label-outside) .input-field__input[data-v-17c3f609]:not(:focus)::placeholder { opacity: 0; }
.input-field__label[data-v-17c3f609] { --input-label-font-size: var(--default-font-size); position: absolute; margin-inline: var(--input-padding-start) var(--input-padding-end); max-width: fit-content; font-size: var(--input-label-font-size); 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-17c3f609], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-17c3f609] { --input-label-font-size: 13px; line-height: 1.5; inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2); font-weight: var(--font-weight-element, 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-17c3f609] { 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: 0px; }
.input-field__icon--leading[data-v-17c3f609] { inset-inline-start: 0px; }
.input-field__icon--trailing[data-v-17c3f609] { inset-inline-end: 0px; }
.input-field__trailing-button[data-v-17c3f609] { --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px)); --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important; }
.input-field__trailing-button.button-vue[data-v-17c3f609] { 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-17c3f609]:focus-visible { box-shadow: none !important; }
.input-field__helper-text-message[data-v-17c3f609] { padding-block: 4px; padding-inline: var(--border-radius-large); display: flex; align-items: center; color: var(--color-text-maxcontrast); overflow-wrap: anywhere; }
.input-field__helper-text-message__icon[data-v-17c3f609] { margin-inline-end: 8px; }
.input-field__helper-text-message--error[data-v-17c3f609] { color: var(--color-text-error, var(--color-error)); }
.input-field--error .input-field__input[data-v-17c3f609], .input-field__input[data-v-17c3f609]:user-invalid { --input-border-color: var(--color-border-error, var(--color-error)) !important; }
.input-field--error .input-field__input[data-v-17c3f609]:focus-visible, .input-field__input[data-v-17c3f609]: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-17c3f609] { --input-border-color: var(--color-border-success, var(--color-success)) !important; }
.input-field--success .input-field__input[data-v-17c3f609]: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; }
.button-vue[data-v-bbf83d00] { margin-top: 0.5rem; }
.login-form[data-v-1c88ccea] { text-align: start; font-size: 1rem; margin: 0px; }
.login-form__fieldset[data-v-1c88ccea] { width: 100%; display: flex; flex-direction: column; gap: 0.5rem; }
.login-form__headline[data-v-1c88ccea] { text-align: center; overflow-wrap: anywhere; }
.login-form[data-v-1c88ccea] input:invalid:not(:user-invalid) { border-color: var(--color-border-maxcontrast) !important; }
.material-design-icon[data-v-53618902] { display: flex; place-self: center; align-items: center; justify-content: center; }
.empty-content[data-v-53618902] { display: flex; align-items: center; flex-direction: column; justify-content: center; flex-grow: 1; padding: var(--default-grid-baseline); }
.modal-wrapper .empty-content[data-v-53618902] { margin-top: 5vh; margin-bottom: 5vh; }
.empty-content__icon[data-v-53618902] { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0px auto 15px; opacity: 0.4; background-repeat: no-repeat; background-position: center center; background-size: 64px auto; }
.empty-content__icon[data-v-53618902] svg { width: 64px !important; height: 64px !important; max-width: 64px !important; max-height: 64px !important; }
.empty-content__name[data-v-53618902] { margin-bottom: 10px; text-align: center; font-weight: var(--font-weight-heading, bold); font-size: 20px; line-height: 30px; }
.empty-content__description[data-v-53618902] { color: var(--color-text-maxcontrast); text-align: center; text-wrap-style: balance; }
.empty-content__action[data-v-53618902] { margin-top: 8px; }
.modal-wrapper .empty-content__action[data-v-53618902] { margin-top: 20px; display: flex; }
.password-less-login-form[data-v-25758ef3] { display: flex; flex-direction: column; gap: 0.5rem; margin: 0px; }
.reset-password-form[data-v-759a0fdd] { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; }
fieldset[data-v-2c0ecaf9] { text-align: center; }
input[type="submit"][data-v-2c0ecaf9] { margin-top: 20px; }
.login-box[data-v-518c0816] { width: 320px; box-sizing: border-box; }
.login-box__wrapper[data-v-518c0816] { display: flex; flex-direction: column; gap: calc(2*var(--default-grid-baseline)); }
.login-box__alternative-logins[data-v-518c0816] { display: flex; flex-direction: column; gap: 0.75rem; }
.fade-enter-active[data-v-518c0816], .fade-leave-active[data-v-518c0816] { transition: opacity 0.3s; }
.fade-enter[data-v-518c0816], .fade-leave-to[data-v-518c0816] { opacity: 0; }
.material-design-icon[data-v-00a99684] { display: flex; place-self: center; align-items: center; justify-content: center; }
.button-vue[data-v-00a99684] { --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-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: 2px; border-radius: var(--button-radius); box-sizing: border-box; position: relative; width: fit-content; overflow: hidden; padding-block: 1px 0px; 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: var(--font-weight-element, bold); }
.button-vue--size-small[data-v-00a99684] { --button-size: var(--clickable-area-small); }
.button-vue--size-large[data-v-00a99684] { --button-size: var(--clickable-area-large); }
.button-vue[data-v-00a99684] * { cursor: pointer; }
.button-vue[data-v-00a99684]:focus { outline: none; }
.button-vue[data-v-00a99684]:disabled { filter: saturate(0.7); opacity: 0.5; cursor: default; }
.button-vue[data-v-00a99684]:disabled * { cursor: default; }
.button-vue[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-primary-element-light-hover); }
.button-vue[data-v-00a99684]:active:not(:disabled) { background-color: var(--color-primary-element-light); }
.button-vue__wrapper[data-v-00a99684] { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.button-vue--end .button-vue__wrapper[data-v-00a99684] { justify-content: end; }
.button-vue--start .button-vue__wrapper[data-v-00a99684] { justify-content: start; }
.button-vue--reverse .button-vue__wrapper[data-v-00a99684] { flex-direction: row-reverse; }
.button-vue--reverse[data-v-00a99684] { --button-padding: var(--button-padding-default) var(--default-grid-baseline); }
.button-vue__icon[data-v-00a99684] { --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-00a99684]:empty { display: none; }
.button-vue--size-small .button-vue__icon[data-v-00a99684] > * { max-height: 16px; max-width: 16px; }
.button-vue--size-small .button-vue__icon[data-v-00a99684] svg { height: 16px; width: 16px; }
.button-vue__text[data-v-00a99684] { font-weight: var(--font-weight-element, bold); margin-bottom: 1px; padding: 2px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.button-vue__text[data-v-00a99684]:empty { display: none; }
.button-vue[data-v-00a99684]:has(.button-vue__text:empty):not(.button-vue--wide) { --button-padding: var(--button-radius); line-height: 1; width: var(--button-size) !important; }
.button-vue[data-v-00a99684]:has(.button-vue__icon:empty) { --button-padding: var(--button-padding-default); }
.button-vue:has(.button-vue__icon:empty) .button-vue__text[data-v-00a99684] { padding-inline: var(--default-grid-baseline); }
.button-vue--wide[data-v-00a99684] { width: 100%; }
.button-vue[data-v-00a99684]: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-00a99684] { outline: 2px solid var(--color-primary-element-text); border-radius: var(--border-radius-element); background-color: transparent; }
.button-vue--primary[data-v-00a99684] { background-color: var(--color-primary-element); border-color: var(--color-primary-element-hover); color: var(--color-primary-element-text); }
.button-vue--primary[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-primary-element-hover); }
.button-vue--primary[data-v-00a99684]:active { background-color: var(--color-primary-element); }
.button-vue--secondary[data-v-00a99684] { 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-00a99684]:hover:not(:disabled) { color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light-hover); }
.button-vue--tertiary[data-v-00a99684] { background-color: transparent; border-color: transparent; color: var(--color-main-text); }
.button-vue--tertiary[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-background-hover); }
.button-vue--tertiary[data-v-00a99684]:not(.button-vue--legacy34):hover:not(:disabled) { background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent); }
.button-vue--tertiary-no-background[data-v-00a99684]:hover:not(:disabled) { background-color: transparent; }
.button-vue--tertiary-on-primary[data-v-00a99684] { color: var(--color-primary-element-text); }
.button-vue--tertiary-on-primary[data-v-00a99684]:hover:not(:disabled) { background-color: transparent; }
.button-vue--success[data-v-00a99684] { border-color: var(--color-success-hover); background-color: var(--color-success); color: var(--color-success-text); }
.button-vue--success[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-success-hover); }
.button-vue--success[data-v-00a99684]:active { background-color: var(--color-success); }
.button-vue--warning[data-v-00a99684] { border-color: var(--color-warning-hover); background-color: var(--color-warning); color: var(--color-warning-text); }
.button-vue--warning[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-warning-hover); }
.button-vue--warning[data-v-00a99684]:active { background-color: var(--color-warning); }
.button-vue--error[data-v-00a99684] { border-color: var(--color-error-hover); background-color: var(--color-error); color: var(--color-error-text); }
.button-vue--error[data-v-00a99684]:hover:not(:disabled) { background-color: var(--color-error-hover); }
.button-vue--error[data-v-00a99684]:active { background-color: var(--color-error); }
.button-vue--legacy[data-v-00a99684] { --button-inner-size: var(--button-size); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-block: 0px; }
.button-vue--legacy.button-vue--error[data-v-00a99684], .button-vue--legacy.button-vue--success[data-v-00a99684], .button-vue--legacy.button-vue--warning[data-v-00a99684] { color: white; }
.material-design-icon[data-v-aaedb1c3] { display: flex; place-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] { min-width: fit-content; min-height: fit-content; vertical-align: text-bottom; display: inline-flex !important; }
.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); }
.material-design-icon[data-v-cf399190] { display: flex; place-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; }
.material-design-icon { display: flex; place-self: center; align-items: center; justify-content: center; }
@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); }
}
.material-design-icon[data-v-24e91b99] { display: flex; place-self: center; align-items: center; justify-content: center; }
.dialog[data-v-24e91b99] { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container { padding-block: 4px 0px; padding-inline: 12px 0px; display: flex !important; }
.dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container__content { display: flex; flex-direction: column; overflow: hidden; }
.dialog__wrapper[data-v-24e91b99] { display: flex; flex-direction: row; flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.dialog__wrapper--collapsed[data-v-24e91b99] { flex-direction: column; }
.dialog__navigation[data-v-24e91b99] { display: flex; flex-shrink: 0; }
.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-24e91b99] { flex-direction: column; overflow: hidden auto; height: 100%; min-width: 200px; margin-inline-end: 20px; }
.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-24e91b99] { flex-direction: row; justify-content: space-between; overflow: auto hidden; width: 100%; min-width: 100%; }
.dialog__name[data-v-24e91b99] { 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: 0px 12px; }
.dialog__content[data-v-24e91b99] { flex: 1 1 0%; min-height: 0px; overflow: auto; padding-inline-end: 12px; }
.dialog__text[data-v-24e91b99] { padding-block-end: 6px; }
.dialog__actions[data-v-24e91b99] { display: flex; gap: 6px; place-content: center end; width: 100%; max-width: 100%; padding-inline: 0px 12px; margin-inline: 0px; margin-block: 0px; }
.dialog__actions[data-v-24e91b99]:not(:empty) { margin-block: 6px 12px; }
@media only screen and (max-width: 512px) {
  .dialog__name[data-v-24e91b99] { text-align: start; margin-inline-end: var(--default-clickable-area); }
}
.material-design-icon[data-v-3c357e2d] { display: flex; place-self: center; align-items: center; justify-content: center; }
.modal-mask[data-v-3c357e2d] { position: fixed; z-index: 9998; top: 0px; inset-inline-start: 0px; display: block; width: 100%; height: 100%; --backdrop-color: 0, 0, 0; background-color: rgba(var(--backdrop-color), 0.5); }
.modal-mask[data-v-3c357e2d], .modal-mask[data-v-3c357e2d] * { box-sizing: border-box; }
.modal-mask--opaque[data-v-3c357e2d] { background-color: rgba(var(--backdrop-color), 0.92); }
.modal-mask--light[data-v-3c357e2d] { --backdrop-color: 255, 255, 255; }
.modal-header[data-v-3c357e2d] { position: absolute; z-index: 10001; top: 0px; inset-inline: 0px; align-items: center; justify-content: space-between; width: 100%; height: var(--header-height); overflow: hidden; transition: opacity 250ms, visibility 250ms; display: flex !important; }
.modal-header__name[data-v-3c357e2d] { overflow-x: hidden; width: 100%; padding-inline: 12px 0px; transition: padding 100ms; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; margin-block: 0px; }
@media only screen and (min-width: 1024px) {
  .modal-header__name[data-v-3c357e2d] { padding-inline-start: calc(var(--header-height) * var(--v046d2bb2)); text-align: center; }
}
.modal-header .icons-menu[data-v-3c357e2d] { display: flex; align-items: center; justify-content: flex-end; align-self: flex-end; }
.modal-header .icons-menu .header-close[data-v-3c357e2d] { display: flex; align-items: center; justify-content: center; margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); padding: 0px; }
.modal-header .icons-menu .play-pause-icons[data-v-3c357e2d] { position: relative; width: var(--header-height); height: var(--header-height); margin: 0px; padding: 0px; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__icon[data-v-3c357e2d], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__icon[data-v-3c357e2d] { 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__icon[data-v-3c357e2d] { 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-3c357e2d] .action-item { margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); }
.modal-header .icons-menu[data-v-3c357e2d] .action-item--single { width: var(--default-clickable-area); height: var(--default-clickable-area); cursor: pointer; background-position: center center; background-size: 22px auto; }
.modal-header .icons-menu .header-actions[data-v-3c357e2d] button:focus-visible { box-shadow: none !important; outline: rgb(255, 255, 255) solid 2px !important; }
.modal-wrapper[data-v-3c357e2d] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.modal-wrapper .prev[data-v-3c357e2d], .modal-wrapper .next[data-v-3c357e2d] { z-index: 10000; height: 35vh; min-height: 300px; position: absolute; transition: opacity 250ms; color: white; }
.modal-wrapper .prev[data-v-3c357e2d]:focus-visible, .modal-wrapper .next[data-v-3c357e2d]:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-element-text); background-color: var(--color-box-shadow); }
.modal-wrapper .prev[data-v-3c357e2d] { inset-inline-start: 2px; }
.modal-wrapper .next[data-v-3c357e2d] { inset-inline-end: 2px; }
.modal-wrapper[data-v-3c357e2d] { }
.modal-wrapper .modal-container[data-v-3c357e2d] { position: relative; display: flex; padding: 0px; transition: transform 300ms; border-radius: var(--border-radius-container); background-color: var(--color-main-background); color: var(--color-main-text); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px; overflow: auto; }
.modal-wrapper .modal-container__close[data-v-3c357e2d] { z-index: 1; position: absolute; top: 4px; inset-inline-end: var(--default-grid-baseline); }
.modal-wrapper .modal-container__content[data-v-3c357e2d] { width: 100%; min-height: 52px; overflow: auto; }
.modal-wrapper--small > .modal-container[data-v-3c357e2d] { width: 400px; max-width: 90%; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--normal > .modal-container[data-v-3c357e2d] { max-width: 90%; width: 600px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--large > .modal-container[data-v-3c357e2d] { max-width: 90%; width: 900px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--full > .modal-container[data-v-3c357e2d] { width: 100%; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
@media only screen and ((max-width: 512px) or (max-height: 400px)) {
  .modal-wrapper .modal-container[data-v-3c357e2d] { max-width: initial; width: 100%; max-height: initial; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
}
.fade-enter-active[data-v-3c357e2d], .fade-leave-active[data-v-3c357e2d] { transition: opacity 250ms; }
.fade-enter-from[data-v-3c357e2d], .fade-leave-to[data-v-3c357e2d] { opacity: 0; }
.fade-visibility-enter-from[data-v-3c357e2d], .fade-visibility-leave-to[data-v-3c357e2d] { visibility: hidden; opacity: 0; }
.modal-in-enter-active[data-v-3c357e2d], .modal-in-leave-active[data-v-3c357e2d], .modal-out-enter-active[data-v-3c357e2d], .modal-out-leave-active[data-v-3c357e2d] { transition: opacity 250ms; }
.modal-in-enter-from[data-v-3c357e2d], .modal-in-leave-to[data-v-3c357e2d], .modal-out-enter-from[data-v-3c357e2d], .modal-out-leave-to[data-v-3c357e2d] { opacity: 0; }
.modal-in-enter .modal-container[data-v-3c357e2d], .modal-in-leave-to .modal-container[data-v-3c357e2d] { transform: scale(0.9); }
.modal-out-enter .modal-container[data-v-3c357e2d], .modal-out-leave-to .modal-container[data-v-3c357e2d] { transform: scale(1.1); }
.modal-mask .play-pause-icons .progress-ring[data-v-3c357e2d] { position: absolute; top: 0px; inset-inline-start: 0px; transform: rotate(-90deg); }
.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-3c357e2d] { transition: stroke-dashoffset 100ms; transform-origin: 50% 50%; animation: progressring-3c357e2d linear var(--v71f7c020) infinite; stroke-linecap: round; stroke-dashoffset: 94.2478; stroke-dasharray: 94.2478; }
.modal-mask .play-pause-icons--paused .play-pause-icons__icon[data-v-3c357e2d] { animation: 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running breath-3c357e2d; }
.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-3c357e2d] { animation-play-state: paused !important; }
@keyframes progressring-3c357e2d { 
  0% { stroke-dashoffset: 94.2478; }
  100% { stroke-dashoffset: 0; }
}
@keyframes breath-3c357e2d { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.material-design-icon[data-v-23e5cae7] { display: flex; place-self: center; align-items: center; justify-content: center; }
.action-items[data-v-23e5cae7] { display: flex; align-items: center; gap: calc((var(--default-clickable-area) - 16px) / 2 / 2); }
.action-item[data-v-23e5cae7] { --open-background-color: var(--color-background-hover, $action-background-hover); position: relative; display: inline-block; }
.action-item.action-item--primary[data-v-23e5cae7] { --open-background-color: var(--color-primary-element-hover); }
.action-item.action-item--secondary[data-v-23e5cae7] { --open-background-color: var(--color-primary-element-light-hover); }
.action-item.action-item--error[data-v-23e5cae7] { --open-background-color: var(--color-error-hover); }
.action-item.action-item--warning[data-v-23e5cae7] { --open-background-color: var(--color-warning-hover); }
.action-item.action-item--success[data-v-23e5cae7] { --open-background-color: var(--color-success-hover); }
.action-item.action-item--tertiary-no-background[data-v-23e5cae7] { --open-background-color: transparent; }
.action-item.action-item--open .action-item__menutoggle[data-v-23e5cae7] { background-color: var(--open-background-color); }
.action-item.action-item--wide[data-v-23e5cae7] { width: 100%; }
.action-item__menutoggle__icon[data-v-23e5cae7] { width: 20px; height: 20px; object-fit: contain; }
.material-design-icon { display: flex; place-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; }
._material-design-icon_bkeq- { display: flex; place-self: center; align-items: center; justify-content: center; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9, ._ncPopover_zfWgY.v-popper--theme-nc-popover-9 * { box-sizing: border-box; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9 .resize-observer { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; pointer-events: none; display: block; overflow: hidden; opacity: 0; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9 .resize-observer object { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper { z-index: 100000; top: 0px; left: 0px; display: block !important; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper { box-shadow: 0 1px 10px var(--color-box-shadow); border-radius: var(--border-radius-element); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner { padding: 0px; color: var(--color-main-text); border-radius: var(--border-radius-element); overflow: hidden; background: var(--color-main-background); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container { position: absolute; z-index: 1; width: 0px; height: 0px; border-style: solid; border-color: transparent; border-width: 10px; }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-container { bottom: -9px; border-bottom-width: 0px; border-top-color: var(--color-main-background); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container { top: -9px; border-top-width: 0px; border-bottom-color: var(--color-main-background); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-container { left: -9px; border-left-width: 0px; border-right-color: var(--color-main-background); }
._ncPopover_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-container { right: -9px; border-right-width: 0px; border-left-color: var(--color-main-background); }
._ncPopover_zfWgY.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_zfWgY.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden="false"] { visibility: visible; transition: opacity var(--animation-quick); opacity: 1; }
.material-design-icon[data-v-6be9fa31] { display: flex; place-self: center; align-items: center; justify-content: center; }
.notecard[data-v-6be9fa31] { --note-card-icon-size: 20px; --note-card-padding: calc(2 * var(--default-grid-baseline)); border-inline-start: var(--default-grid-baseline) solid var(--note-theme); border-radius: var(--border-radius-small); margin: 1rem 0px; padding: var(--note-card-padding); display: flex; flex-direction: row; gap: var(--note-card-padding); color: var(--color-main-text) !important; background-color: var(--note-background) !important; }
.notecard__heading[data-v-6be9fa31] { font-size: var(--note-card-icon-size); font-weight: var(--font-weight-heading, 600); }
.notecard__icon[data-v-6be9fa31] { color: var(--note-theme); }
.notecard__icon--heading[data-v-6be9fa31] { font-size: var(--note-card-icon-size); margin-block: calc(-0.5em + 0.5lh) auto; }
.notecard--success[data-v-6be9fa31] { --note-background: var(--color-success); --note-theme: var(--color-success-text); }
.notecard--info[data-v-6be9fa31] { --note-background: var(--color-info); --note-theme: var(--color-info-text); }
.notecard--error[data-v-6be9fa31] { --note-background: var(--color-error); --note-theme: var(--color-error-text); }
.notecard--warning[data-v-6be9fa31] { --note-background: var(--color-warning); --note-theme: var(--color-warning-text); }
.notecard--legacy[data-v-6be9fa31] { background-color: color-mix(in srgb, var(--note-background), var(--color-main-background) 80%) !important; color: var(--color-main-text) !important; }
.material-design-icon { display: flex; place-self: center; align-items: center; justify-content: center; }
@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); }
}
.material-design-icon[data-v-24e91b99] { display: flex; place-self: center; align-items: center; justify-content: center; }
.dialog[data-v-24e91b99] { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container { padding-block: 4px 0px; padding-inline: 12px 0px; display: flex !important; }
.dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container__content { display: flex; flex-direction: column; overflow: hidden; }
.dialog__wrapper[data-v-24e91b99] { display: flex; flex-direction: row; flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.dialog__wrapper--collapsed[data-v-24e91b99] { flex-direction: column; }
.dialog__navigation[data-v-24e91b99] { display: flex; flex-shrink: 0; }
.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-24e91b99] { flex-direction: column; overflow: hidden auto; height: 100%; min-width: 200px; margin-inline-end: 20px; }
.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-24e91b99] { flex-direction: row; justify-content: space-between; overflow: auto hidden; width: 100%; min-width: 100%; }
.dialog__name[data-v-24e91b99] { 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: 0px 12px; }
.dialog__content[data-v-24e91b99] { flex: 1 1 0%; min-height: 0px; overflow: auto; padding-inline-end: 12px; }
.dialog__text[data-v-24e91b99] { padding-block-end: 6px; }
.dialog__actions[data-v-24e91b99] { display: flex; gap: 6px; place-content: center end; width: 100%; max-width: 100%; padding-inline: 0px 12px; margin-inline: 0px; margin-block: 0px; }
.dialog__actions[data-v-24e91b99]:not(:empty) { margin-block: 6px 12px; }
@media only screen and (max-width: 512px) {
  .dialog__name[data-v-24e91b99] { text-align: start; margin-inline-end: var(--default-clickable-area); }
}
.material-design-icon[data-v-09093702] { display: flex; place-self: center; align-items: center; justify-content: center; }
.button-vue[data-v-09093702] { --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-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: 2px; border-radius: var(--button-radius); box-sizing: border-box; position: relative; width: fit-content; overflow: hidden; padding-block: 1px 0px; 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-09093702] { --button-size: var(--clickable-area-small); }
.button-vue--size-large[data-v-09093702] { --button-size: var(--clickable-area-large); }
.button-vue[data-v-09093702] * { cursor: pointer; }
.button-vue[data-v-09093702]:focus { outline: none; }
.button-vue[data-v-09093702]:disabled { filter: saturate(0.7); opacity: 0.5; cursor: default; }
.button-vue[data-v-09093702]:disabled * { cursor: default; }
.button-vue[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-primary-element-light-hover); }
.button-vue[data-v-09093702]:active:not(:disabled) { background-color: var(--color-primary-element-light); }
.button-vue__wrapper[data-v-09093702] { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.button-vue--end .button-vue__wrapper[data-v-09093702] { justify-content: end; }
.button-vue--start .button-vue__wrapper[data-v-09093702] { justify-content: start; }
.button-vue--reverse .button-vue__wrapper[data-v-09093702] { flex-direction: row-reverse; }
.button-vue--reverse[data-v-09093702] { --button-padding: var(--button-padding-default) var(--default-grid-baseline); }
.button-vue__icon[data-v-09093702] { --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-09093702]:empty { display: none; }
.button-vue--size-small .button-vue__icon[data-v-09093702] > * { max-height: 16px; max-width: 16px; }
.button-vue--size-small .button-vue__icon[data-v-09093702] svg { height: 16px; width: 16px; }
.button-vue__text[data-v-09093702] { font-weight: bold; margin-bottom: 1px; padding: 2px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.button-vue__text[data-v-09093702]:empty { display: none; }
.button-vue[data-v-09093702]:has(.button-vue__text:empty) { --button-padding: var(--button-radius); line-height: 1; width: var(--button-size) !important; }
.button-vue[data-v-09093702]:has(.button-vue__icon:empty) { --button-padding: var(--button-padding-default); }
.button-vue:has(.button-vue__icon:empty) .button-vue__text[data-v-09093702] { padding-inline: var(--default-grid-baseline); }
.button-vue--wide[data-v-09093702] { width: 100%; }
.button-vue[data-v-09093702]: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-09093702] { outline: 2px solid var(--color-primary-element-text); border-radius: var(--border-radius-element); background-color: transparent; }
.button-vue--primary[data-v-09093702] { background-color: var(--color-primary-element); border-color: var(--color-primary-element-hover); color: var(--color-primary-element-text); }
.button-vue--primary[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-primary-element-hover); }
.button-vue--primary[data-v-09093702]:active { background-color: var(--color-primary-element); }
.button-vue--secondary[data-v-09093702] { 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-09093702]:hover:not(:disabled) { color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light-hover); }
.button-vue--tertiary[data-v-09093702] { background-color: transparent; border-color: transparent; color: var(--color-main-text); }
.button-vue--tertiary[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-background-hover); }
.button-vue--tertiary-no-background[data-v-09093702]:hover:not(:disabled) { background-color: transparent; }
.button-vue--tertiary-on-primary[data-v-09093702] { color: var(--color-primary-element-text); }
.button-vue--tertiary-on-primary[data-v-09093702]:hover:not(:disabled) { background-color: transparent; }
.button-vue--success[data-v-09093702] { border-color: var(--color-success-hover); background-color: var(--color-success); color: var(--color-success-text); }
.button-vue--success[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-success-hover); }
.button-vue--success[data-v-09093702]:active { background-color: var(--color-success); }
.button-vue--warning[data-v-09093702] { border-color: var(--color-warning-hover); background-color: var(--color-warning); color: var(--color-warning-text); }
.button-vue--warning[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-warning-hover); }
.button-vue--warning[data-v-09093702]:active { background-color: var(--color-warning); }
.button-vue--error[data-v-09093702] { border-color: var(--color-error-hover); background-color: var(--color-error); color: var(--color-error-text); }
.button-vue--error[data-v-09093702]:hover:not(:disabled) { background-color: var(--color-error-hover); }
.button-vue--error[data-v-09093702]:active { background-color: var(--color-error); }
.button-vue--legacy[data-v-09093702] { --button-inner-size: var(--button-size); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-block: 0px; }
.button-vue--legacy.button-vue--error[data-v-09093702], .button-vue--legacy.button-vue--success[data-v-09093702], .button-vue--legacy.button-vue--warning[data-v-09093702] { color: white; }
.material-design-icon[data-v-aaedb1c3] { display: flex; place-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] { min-width: fit-content; min-height: fit-content; vertical-align: text-bottom; display: inline-flex !important; }
.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); }
.material-design-icon[data-v-cf399190] { display: flex; place-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; }
.material-design-icon[data-v-3a70b8e0] { display: flex; place-self: center; align-items: center; justify-content: center; }
.modal-mask[data-v-3a70b8e0] { position: fixed; z-index: 9998; top: 0px; inset-inline-start: 0px; display: block; width: 100%; height: 100%; --backdrop-color: 0, 0, 0; background-color: rgba(var(--backdrop-color), 0.5); }
.modal-mask[data-v-3a70b8e0], .modal-mask[data-v-3a70b8e0] * { box-sizing: border-box; }
.modal-mask--opaque[data-v-3a70b8e0] { background-color: rgba(var(--backdrop-color), 0.92); }
.modal-mask--light[data-v-3a70b8e0] { --backdrop-color: 255, 255, 255; }
.modal-header[data-v-3a70b8e0] { position: absolute; z-index: 10001; top: 0px; inset-inline: 0px; align-items: center; justify-content: space-between; width: 100%; height: var(--header-height); overflow: hidden; transition: opacity 250ms, visibility 250ms; display: flex !important; }
.modal-header__name[data-v-3a70b8e0] { overflow-x: hidden; width: 100%; padding-inline: 12px 0px; transition: padding 100ms; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; margin-block: 0px; }
@media only screen and (min-width: 1024px) {
  .modal-header__name[data-v-3a70b8e0] { padding-inline-start: calc(var(--header-height) * var(--5a2241b0)); text-align: center; }
}
.modal-header .icons-menu[data-v-3a70b8e0] { display: flex; align-items: center; justify-content: flex-end; align-self: flex-end; }
.modal-header .icons-menu .header-close[data-v-3a70b8e0] { display: flex; align-items: center; justify-content: center; margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); padding: 0px; }
.modal-header .icons-menu .play-pause-icons[data-v-3a70b8e0] { position: relative; width: var(--header-height); height: var(--header-height); margin: 0px; padding: 0px; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__icon[data-v-3a70b8e0], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__icon[data-v-3a70b8e0] { 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__icon[data-v-3a70b8e0] { 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-3a70b8e0] .action-item { margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); }
.modal-header .icons-menu[data-v-3a70b8e0] .action-item--single { width: var(--default-clickable-area); height: var(--default-clickable-area); cursor: pointer; background-position: center center; background-size: 22px auto; }
.modal-header .icons-menu .header-actions[data-v-3a70b8e0] button:focus-visible { box-shadow: none !important; outline: rgb(255, 255, 255) solid 2px !important; }
.modal-wrapper[data-v-3a70b8e0] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.modal-wrapper .prev[data-v-3a70b8e0], .modal-wrapper .next[data-v-3a70b8e0] { z-index: 10000; height: 35vh; min-height: 300px; position: absolute; transition: opacity 250ms; color: white; }
.modal-wrapper .prev[data-v-3a70b8e0]:focus-visible, .modal-wrapper .next[data-v-3a70b8e0]:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-element-text); background-color: var(--color-box-shadow); }
.modal-wrapper .prev[data-v-3a70b8e0] { inset-inline-start: 2px; }
.modal-wrapper .next[data-v-3a70b8e0] { inset-inline-end: 2px; }
.modal-wrapper[data-v-3a70b8e0] { }
.modal-wrapper .modal-container[data-v-3a70b8e0] { position: relative; display: flex; padding: 0px; transition: transform 300ms; border-radius: var(--border-radius-container); background-color: var(--color-main-background); color: var(--color-main-text); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px; overflow: auto; }
.modal-wrapper .modal-container__close[data-v-3a70b8e0] { z-index: 1; position: absolute; top: 4px; inset-inline-end: var(--default-grid-baseline); }
.modal-wrapper .modal-container__content[data-v-3a70b8e0] { width: 100%; min-height: 52px; overflow: auto; }
.modal-wrapper--small > .modal-container[data-v-3a70b8e0] { width: 400px; max-width: 90%; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--normal > .modal-container[data-v-3a70b8e0] { max-width: 90%; width: 600px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--large > .modal-container[data-v-3a70b8e0] { max-width: 90%; width: 900px; max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin)); }
.modal-wrapper--full > .modal-container[data-v-3a70b8e0] { width: 100%; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
@media only screen and ((max-width: 512px) or (max-height: 400px)) {
  .modal-wrapper .modal-container[data-v-3a70b8e0] { max-width: initial; width: 100%; max-height: initial; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0px; }
}
.fade-enter-active[data-v-3a70b8e0], .fade-leave-active[data-v-3a70b8e0] { transition: opacity 250ms; }
.fade-enter-from[data-v-3a70b8e0], .fade-leave-to[data-v-3a70b8e0] { opacity: 0; }
.fade-visibility-enter-from[data-v-3a70b8e0], .fade-visibility-leave-to[data-v-3a70b8e0] { visibility: hidden; opacity: 0; }
.modal-in-enter-active[data-v-3a70b8e0], .modal-in-leave-active[data-v-3a70b8e0], .modal-out-enter-active[data-v-3a70b8e0], .modal-out-leave-active[data-v-3a70b8e0] { transition: opacity 250ms; }
.modal-in-enter-from[data-v-3a70b8e0], .modal-in-leave-to[data-v-3a70b8e0], .modal-out-enter-from[data-v-3a70b8e0], .modal-out-leave-to[data-v-3a70b8e0] { opacity: 0; }
.modal-in-enter .modal-container[data-v-3a70b8e0], .modal-in-leave-to .modal-container[data-v-3a70b8e0] { transform: scale(0.9); }
.modal-out-enter .modal-container[data-v-3a70b8e0], .modal-out-leave-to .modal-container[data-v-3a70b8e0] { transform: scale(1.1); }
.modal-mask .play-pause-icons .progress-ring[data-v-3a70b8e0] { position: absolute; top: 0px; inset-inline-start: 0px; transform: rotate(-90deg); }
.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-3a70b8e0] { transition: stroke-dashoffset 100ms; transform-origin: 50% 50%; animation: progressring-3a70b8e0 linear var(--6e8e498c) infinite; stroke-linecap: round; stroke-dashoffset: 94.2478; stroke-dasharray: 94.2478; }
.modal-mask .play-pause-icons--paused .play-pause-icons__icon[data-v-3a70b8e0] { animation: 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running breath-3a70b8e0; }
.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-3a70b8e0] { animation-play-state: paused !important; }
@keyframes progressring-3a70b8e0 { 
  0% { stroke-dashoffset: 94.2478; }
  100% { stroke-dashoffset: 0; }
}
@keyframes breath-3a70b8e0 { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.material-design-icon[data-v-5f7eed6b] { display: flex; place-self: center; align-items: center; justify-content: center; }
.action-items[data-v-5f7eed6b] { display: flex; align-items: center; gap: calc((var(--default-clickable-area) - 16px) / 2 / 2); }
.action-item[data-v-5f7eed6b] { --open-background-color: var(--color-background-hover, $action-background-hover); position: relative; display: inline-block; }
.action-item.action-item--primary[data-v-5f7eed6b] { --open-background-color: var(--color-primary-element-hover); }
.action-item.action-item--secondary[data-v-5f7eed6b] { --open-background-color: var(--color-primary-element-light-hover); }
.action-item.action-item--error[data-v-5f7eed6b] { --open-background-color: var(--color-error-hover); }
.action-item.action-item--warning[data-v-5f7eed6b] { --open-background-color: var(--color-warning-hover); }
.action-item.action-item--success[data-v-5f7eed6b] { --open-background-color: var(--color-success-hover); }
.action-item.action-item--tertiary-no-background[data-v-5f7eed6b] { --open-background-color: transparent; }
.action-item.action-item--open .action-item__menutoggle[data-v-5f7eed6b] { background-color: var(--open-background-color); }
.action-item__menutoggle__icon[data-v-5f7eed6b] { width: 20px; height: 20px; object-fit: contain; }
.material-design-icon { display: flex; place-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; }
._material-design-icon_FKPyJ { display: flex; place-self: center; align-items: center; justify-content: center; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9, ._ncPopover_HjJ88.v-popper--theme-nc-popover-9 * { box-sizing: border-box; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9 .resize-observer { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; pointer-events: none; display: block; overflow: hidden; opacity: 0; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9 .resize-observer object { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper { z-index: 100000; top: 0px; left: 0px; display: block !important; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper { box-shadow: 0 1px 10px var(--color-box-shadow); border-radius: var(--border-radius-element); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner { padding: 0px; color: var(--color-main-text); border-radius: var(--border-radius-element); overflow: hidden; background: var(--color-main-background); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container { position: absolute; z-index: 1; width: 0px; height: 0px; border-style: solid; border-color: transparent; border-width: 10px; }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-container { bottom: -9px; border-bottom-width: 0px; border-top-color: var(--color-main-background); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container { top: -9px; border-top-width: 0px; border-bottom-color: var(--color-main-background); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-container { left: -9px; border-left-width: 0px; border-right-color: var(--color-main-background); }
._ncPopover_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-container { right: -9px; border-right-width: 0px; border-left-color: var(--color-main-background); }
._ncPopover_HjJ88.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_HjJ88.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden="false"] { visibility: visible; transition: opacity var(--animation-quick); opacity: 1; }
.material-design-icon[data-v-00e75248] { display: flex; place-self: center; align-items: center; justify-content: center; }
[data-v-00e75248] .password-field__input--secure-text { -webkit-text-security: disc; }
.material-design-icon[data-v-fccfce00] { display: flex; place-self: center; align-items: center; justify-content: center; }
.input-field[data-v-fccfce00] { --input-border-color: var(--color-border-maxcontrast); --input-border-radius: var(--border-radius-element); --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-fccfce00] { opacity: 0.4; filter: saturate(0.4); }
.input-field--label-outside[data-v-fccfce00] { margin-block-start: 0px; }
.input-field--leading-icon[data-v-fccfce00] { --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline)); }
.input-field--trailing-icon[data-v-fccfce00] { --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline)); }
.input-field--pill[data-v-fccfce00] { --input-border-radius: var(--border-radius-pill); }
.input-field__main-wrapper[data-v-fccfce00] { height: var(--default-clickable-area); padding: var(--border-width-input-focused, 2px); position: relative; }
.input-field__input[data-v-fccfce00] { --input-border-box-shadow-light: 0 -1px var(--input-border-color),
  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); --input-border-box-shadow-dark: 0 1px var(--input-border-color),
  	0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); --input-border-box-shadow: var(--input-border-box-shadow-light); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--border-radius-element); box-shadow: var(--input-border-box-shadow); }
.input-field__input[data-v-fccfce00]:hover:not([disabled]) { box-shadow: 0 0 0 1px var(--input-border-color); }
@media (prefers-color-scheme: dark) {
  .input-field__input .input-field__input[data-v-fccfce00] { --input-border-box-shadow: var(--input-border-box-shadow-dark); }
}
[data-theme-dark] .input-field__input[data-v-fccfce00] { --input-border-box-shadow: var(--input-border-box-shadow-dark); }
[data-theme-light] .input-field__input[data-v-fccfce00] { --input-border-box-shadow: var(--input-border-box-shadow-light); }
.input-field--legacy .input-field__input[data-v-fccfce00] { box-shadow: 0 0 0 1px var(--input-border-color); }
.input-field--legacy .input-field__input[data-v-fccfce00]:hover:not([disabled]) { box-shadow: 0 0 0 2px var(--input-border-color); }
.input-field__input[data-v-fccfce00]:focus-within:not([disabled]), .input-field__input[data-v-fccfce00]:active:not([disabled]) { box-shadow: 0 0 0 2px var(--input-border-color), 0 0 0 4px var(--color-main-background) !important; }
.input-field__input[data-v-fccfce00] { background-color: var(--color-main-background); color: var(--color-main-text); border-radius: var(--input-border-radius); cursor: pointer; font-size: var(--default-font-size); text-overflow: ellipsis; padding-block: 0px; padding-inline: var(--input-padding-start) var(--input-padding-end); min-height: unset; width: 100%; appearance: textfield !important; height: 100% !important; }
.input-field__input[data-v-fccfce00]::placeholder { color: var(--color-text-maxcontrast); }
.input-field__input[data-v-fccfce00]::-webkit-search-cancel-button { display: none; }
.input-field__input[data-v-fccfce00]:active:not([disabled]), .input-field__input[data-v-fccfce00]:focus:not([disabled]) { --input-border-color: var(--color-main-text); }
.input-field__input:focus + .input-field__label[data-v-fccfce00], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-fccfce00] { color: var(--color-main-text); }
.input-field__input[data-v-fccfce00]:focus { cursor: text; }
.input-field__input[data-v-fccfce00]:disabled { cursor: default; }
.input-field__input[data-v-fccfce00]:focus-visible { box-shadow: unset !important; }
.input-field:not(.input-field--label-outside) .input-field__input[data-v-fccfce00]:not(:focus)::placeholder { opacity: 0; }
.input-field__label[data-v-fccfce00] { --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-fccfce00], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-fccfce00] { --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-fccfce00] { 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: 0px; }
.input-field__icon--leading[data-v-fccfce00] { inset-inline-start: 0px; }
.input-field__icon--trailing[data-v-fccfce00] { inset-inline-end: 0px; }
.input-field__trailing-button[data-v-fccfce00] { --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px)); --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important; }
.input-field__trailing-button.button-vue[data-v-fccfce00] { 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-fccfce00]:focus-visible { box-shadow: none !important; }
.input-field__helper-text-message[data-v-fccfce00] { padding-block: 4px; padding-inline: var(--border-radius-element); display: flex; align-items: center; color: var(--color-text-maxcontrast); overflow-wrap: anywhere; }
.input-field__helper-text-message__icon[data-v-fccfce00] { margin-inline-end: 8px; }
.input-field--error .input-field__helper-text-message[data-v-fccfce00], .input-field--error .input-field__icon--trailing[data-v-fccfce00] { color: var(--color-text-error, var(--color-error)); }
.input-field--error .input-field__input[data-v-fccfce00], .input-field__input[data-v-fccfce00]:user-invalid { --input-border-color: var(--color-border-error, var(--color-error)) !important; }
.input-field--error .input-field__input[data-v-fccfce00]:focus-visible, .input-field__input[data-v-fccfce00]: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-fccfce00] { --input-border-color: var(--color-border-success, var(--color-success)) !important; }
.input-field--success .input-field__input[data-v-fccfce00]: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-fccfce00] { color: var(--color-border-success, var(--color-success)); }
#screen { display: contents; }