/* @import"../../dist/icons.css"; */
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:0;
  padding:0;
  border:0;
  font-weight:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  cursor:default;
  scrollbar-color:var(--color-border-dark) rgba(0,
  0,
  0,
  0);
  scrollbar-width:thin
}
.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
}
body {
  line-height:1.5
}
table {
  border-collapse:separate;
  border-spacing:0;
  white-space:nowrap
}
caption,
th,
td {
  text-align:left;
  font-weight:normal
}
table,
td,
th {
  vertical-align:middle
}
a {
  border:0;
  color:var(--color-main-text);
  text-decoration:none;
  cursor:pointer
}
a * {
  cursor:pointer
}
a.external {
  margin:0 3px;
  text-decoration:underline
}
input {
  cursor:pointer
}
input * {
  cursor:pointer
}
select,
.button span,
label {
  cursor:pointer
}
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;
  width:100% !important;
  display:inline-block;
  margin-bottom:0 !important;
  background-color:var(--color-background-darker) !important;
  border:none !important
}
.two-factor-link {
  display:inline-block;
  padding:12px;
  color:var(--color-text-lighter)
}
.float-spinner {
  height:32px;
  display:none
}
#nojavascript {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  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:var(--color-scrollbar);
  border-radius:var(--border-radius-large);
  border:2px solid rgba(0,0,0,0);
  background-clip:content-box
}
::selection {
  background-color:var(--color-primary-element);
  color:var(--color-primary-element-text)
}
#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;
  height:64px;
  width:64px;
  margin:0 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:.4
}
#datadirContent label {
  width:100%
}
.grouptop,
.groupmiddle,
.groupbottom {
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
#show,
#dbpassword {
  position:absolute;
  right:1em;
  top:.8em;
  float:right
}
#show+label,
#dbpassword+label {
  right:21px;
  top:15px !important;
  margin:-14px !important;
  padding:14px !important
}
#show:checked+label,
#dbpassword:checked+label,
#personal-show:checked+label {
  opacity:.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 {
  position:absolute !important;
  height:20px;
  width:24px;
  background-image:var(--icon-toggle-dark);
  background-repeat:no-repeat;
  background-position:center;
  opacity:.3
}
#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-right:30px
}
.personal-show-container {
  position:relative;
  display:inline-block;
  margin-right:6px
}
#personal-show+label {
  display:block;
  right:0;
  margin-top:-43px;
  margin-right:-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:#fff !important;
  font-weight:bold !important
}
.error:not(.toastify) a.button {
  color:var(--color-text-lighter) !important;
  display:inline-block;
  text-align:center
}
.error:not(.toastify) pre {
  white-space:pre-wrap;
  text-align:left
}
.error-wide {
  width:700px;
  margin-left:-200px !important
}
.error-wide .button {
  color:#000 !important
}
.warning-input {
  border-color:var(--color-error) !important
}
.avatar,
.avatardiv {
  border-radius:50%;
  flex-shrink:0
}
.avatar>img,
.avatardiv>img {
  border-radius:50%;
  flex-shrink:0
}
td.avatar {
  border-radius:0
}
tr .action:not(.permanent),
.selectedActions>a {
  opacity:0
}
tr:hover .action:not(.menuitem),
tr:focus .action:not(.menuitem),
tr .action.permanent:not(.menuitem) {
  opacity:.5
}
.selectedActions>a {
  opacity:.5;
  position:relative;
  top:2px
}
.selectedActions>a:hover,
.selectedActions>a:focus {
  opacity:1
}
tr .action {
  width:16px;
  height:16px
}
.header-action {
  opacity:.8
}
tr:hover .action:hover,
tr:focus .action:focus {
  opacity:1
}
.selectedActions a:hover,
.selectedActions a:focus {
  opacity:1
}
.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:.7em 13em 0 0
}
.pager li {
  display:inline-block
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  overflow:hidden;
  text-overflow:ellipsis
}
.ui-icon-circle-triangle-e {
  background-image:url("../img/actions/play-next.svg?v=1")
}
.ui-icon-circle-triangle-w {
  background-image:url("../img/actions/play-previous.svg?v=1")
}
.ui-widget.ui-datepicker {
  margin-top:10px;
  padding:4px 8px;
  width:auto;
  border-radius:var(--border-radius);
  border:none;
  z-index:1600 !important
}
.ui-widget.ui-datepicker .ui-state-default,
.ui-widget.ui-datepicker .ui-widget-content .ui-state-default,
.ui-widget.ui-datepicker .ui-widget-header .ui-state-default {
  border:1px solid rgba(0,0,0,0);
  background:inherit
}
.ui-widget.ui-datepicker .ui-widget-header {
  padding:7px;
  font-size:13px;
  border:none;
  background-color:var(--color-main-background);
  color:var(--color-main-text)
}
.ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-title {
  line-height:1;
  font-weight:normal
}
.ui-widget.ui-datepicker .ui-widget-header .ui-icon {
  opacity:.5
}
.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
  background:url("../img/actions/arrow-right.svg") center center no-repeat
}
.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
  background:url("../img/actions/arrow-left.svg") center center no-repeat
}
.ui-widget.ui-datepicker .ui-widget-header .ui-state-hover .ui-icon {
  opacity:1
}
.ui-widget.ui-datepicker .ui-datepicker-calendar th {
  font-weight:normal;
  color:var(--color-text-lighter);
  opacity:.8;
  width:26px;
  padding:2px
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tr:hover {
  background-color:inherit
}
.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:not(.ui-state-hover) {
  background-color:var(--color-background-darker)
}
.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active,
.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-hover,
.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-focus {
  background-color:var(--color-primary-element);
  color:var(--color-primary-element-text);
  font-weight:bold
}
.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:not(.ui-state-disabled) :not(.ui-state-hover),
.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-priority-secondary:not(.ui-state-hover) {
  color:var(--color-text-lighter);
  opacity:.8
}
.ui-datepicker-prev,
.ui-datepicker-next {
  border:var(--color-border-dark);
  background:var(--color-main-background)
}
.ui-widget.ui-timepicker {
  margin-top:10px !important;
  width:auto !important;
  border-radius:var(--border-radius);
  z-index:1600 !important
}
.ui-widget.ui-timepicker .ui-widget-content {
  border:none !important
}
.ui-widget.ui-timepicker .ui-state-default,
.ui-widget.ui-timepicker .ui-widget-content .ui-state-default,
.ui-widget.ui-timepicker .ui-widget-header .ui-state-default {
  border:1px solid rgba(0,0,0,0);
  background:inherit
}
.ui-widget.ui-timepicker .ui-widget-header {
  padding:7px;
  font-size:13px;
  border:none;
  background-color:var(--color-main-background);
  color:var(--color-main-text)
}
.ui-widget.ui-timepicker .ui-widget-header .ui-timepicker-title {
  line-height:1;
  font-weight:normal
}
.ui-widget.ui-timepicker table.ui-timepicker tr .ui-timepicker-hour-cell:first-child {
  margin-left:30px
}
.ui-widget.ui-timepicker .ui-timepicker-table th {
  font-weight:normal;
  color:var(--color-text-lighter);
  opacity:.8
}
.ui-widget.ui-timepicker .ui-timepicker-table th.periods {
  padding:0;
  width:30px;
  line-height:30px
}
.ui-widget.ui-timepicker .ui-timepicker-table tr:hover {
  background-color:inherit
}
.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hour-cell a.ui-state-active,
.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minute-cell a.ui-state-active,
.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-hover,
.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-focus {
  background-color:var(--color-primary-element);
  color:var(--color-primary-element-text);
  font-weight:bold
}
.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minutes:not(.ui-state-hover) {
  color:var(--color-text-lighter)
}
.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hours {
  border-right:1px solid var(--color-border)
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tr,
.ui-widget.ui-timepicker table.ui-timepicker tr {
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tr td,
.ui-widget.ui-timepicker table.ui-timepicker tr td {
  flex:1 1 auto;
  margin:0;
  padding:2px;
  height:26px;
  width:26px;
  display:flex;
  align-items:center;
  justify-content:center
}
.ui-widget.ui-datepicker .ui-datepicker-calendar tr td>*,
.ui-widget.ui-timepicker table.ui-timepicker tr td>* {
  border-radius:50%;
  text-align:center;
  font-weight:normal;
  color:var(--color-main-text);
  display:block;
  line-height:18px;
  width:18px;
  height:18px;
  padding:3px;
  font-size:.9em
}
.ui-dialog {
  position:fixed !important
}
span.ui-icon {
  float:left;
  margin:3px 7px 30px 0
}
.extra-data {
  padding-right:5px !important
}
#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:.3em .8em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-transition:background-color 500ms;
  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("../img/breadcrumb.svg?v=1");
  background-repeat:no-repeat;
  background-position:right center;
  height:44px;
  background-size:auto 24px;
  flex:0 0 auto;
  order:1;
  padding-right:7px
}
li.crumb.crumbmenu {
  order:2;
  position:relative
}
li.crumb.crumbmenu a {
  opacity:.5
}
li.crumb.crumbmenu.canDropChildren .popovermenu,
li.crumb.crumbmenu.canDrop .popovermenu {
  display:block
}
li.crumb.crumbmenu .popovermenu {
  top:100%;
  margin-right:3px
}
li.crumb.crumbmenu .popovermenu ul {
  max-height:345px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:5px
}
li.crumb.crumbmenu .popovermenu ul li.canDrop span:first-child {
  background-image:url("../img/filetypes/folder-drag-accept.svg?v=1") !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:.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:0;
  width:44px
}
li.crumb:last-child {
  font-weight:bold;
  margin-right:10px
}
li.crumb:last-child a~span {
  padding-left:0
}
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:.7
}
.appear {
  opacity:1;
  -webkit-transition:opacity 500ms ease 0s;
  -moz-transition:opacity 500ms ease 0s;
  -ms-transition:opacity 500ms ease 0s;
  -o-transition:opacity 500ms ease 0s;
  transition:opacity 500ms ease 0s
}
.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
}
@-ms-viewport {
  width:device-width
}
.hiddenuploadfield {
  display:none;
  width:0;
  height:0;
  opacity:0
}
input,
textarea,
select,
button,
div[contenteditable=true],
div[contenteditable=false] {
  font-family:var(--font-face)
}
.select2-container-multi .select2-choices .select2-search-field input,
.select2-search input,
.ui-widget {
  font-family:var(--font-face) !important
}
.select2-container.select2-drop-above .select2-choice {
  background-image:unset !important
}
select,
button:not(.button-vue,
[class^=vs__]),
input,
textarea,
div[contenteditable=true],
div[contenteditable=false] {
  width:130px;
  min-height:36px;
  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:.7
}
input:not([type=range]) {
  outline:none
}
div.select2-drop .select2-search input,
input[type=submit],
input[type=button],
input[type=reset],
button:not(.button-vue,
[class^=vs__]),
.button,
.pager li a {
  padding:7px 14px;
  font-size:13px;
  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
}
div.select2-drop .select2-search input:not(.app-navigation-entry-button),
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 3px 3px 0
}
div.select2-drop .select2-search input:not(:disabled,
.primary):not(.app-navigation-entry-button):hover,
div.select2-drop .select2-search input:not(:disabled,
.primary):not(.app-navigation-entry-button):focus,
div.select2-drop .select2-search input:not(:disabled,
.primary):not(.app-navigation-entry-button).active,
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-primary-element);
  outline:none
}
div.select2-drop .select2-search input:not(:disabled,
.primary):not(.app-navigation-entry-button):active,
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)
}
div.select2-drop .select2-search input:not(:disabled,
.primary):focus-visible,
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
}
div.select2-drop .select2-search input:disabled,
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:.5
}
div.select2-drop .select2-search input:required,
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
}
div.select2-drop .select2-search input:user-invalid,
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
}
div.select2-drop .select2-search input.primary,
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) div.select2-drop .select2-search input.primary,
#header div.select2-drop .select2-search input.primary,
#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)
}
div.select2-drop .select2-search input.primary:not(:disabled):hover,
div.select2-drop .select2-search input.primary:not(:disabled):focus,
div.select2-drop .select2-search input.primary:not(:disabled):active,
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)
}
div.select2-drop .select2-search input.primary:not(:disabled):focus,
div.select2-drop .select2-search input.primary:not(:disabled):focus-visible,
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)
}
div.select2-drop .select2-search input.primary:not(:disabled):active,
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)
}
div.select2-drop .select2-search input.primary:disabled,
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 3px 3px 0;
  padding:7px 6px;
  font-size:13px;
  background-color:var(--color-main-background);
  color:var(--color-text-maxcontrast);
  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:.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]) {
  -webkit-appearance:textfield;
  -moz-appearance:textfield;
  appearance:textfield;
  height:36px
}
input[type=radio],
input[type=checkbox],
input[type=file],
input[type=image] {
  height:auto;
  width:auto
}
input[type=color] {
  margin:3px;
  padding:0 2px;
  min-height:30px;
  width:40px;
  cursor:pointer
}
input[type=hidden] {
  height:0;
  width:0
}
input[type=time] {
  width:initial
}
select,
button:not(.button-vue,
[class^=vs__]),
.button,
input[type=button],
input[type=submit],
input[type=reset] {
  padding:8px 14px;
  font-size:var(--default-font-size);
  width:auto;
  min-height:36px;
  cursor:pointer;
  box-sizing:border-box;
  background-color:var(--color-background-dark)
}
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,
.select2-input,
.action-input__input,
[class^=vs__]),
select,
div[contenteditable=true],
textarea {
  margin:3px 3px 3px 0;
  padding:0 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,
.select2-input,
.action-input__input,
[class^=vs__]):not(:disabled):hover,
input:not([type=range],
.input-field__input,
[type=submit],
[type=button],
[type=reset],
.multiselect__input,
.select2-input,
.action-input__input,
[class^=vs__]):not(:disabled):focus,
input:not([type=range],
.input-field__input,
[type=submit],
[type=button],
[type=reset],
.multiselect__input,
.select2-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,
.select2-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
}
.multiselect__input,
.select2-input {
  background-color:var(--color-main-background);
  color:var(--color-main-text)
}
textarea,
div[contenteditable=true] {
  padding:12px;
  height:auto
}
select {
  background:var(--icon-triangle-s-dark) no-repeat right 8px center;
  appearance:none;
  background-color:var(--color-main-background);
  padding-right:28px !important
}
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-pill)
}
button:not(.button-vue,
[class^=vs__])::-moz-focus-inner,
.button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
  border:0
}
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-error) !important;
  color:#fff !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:.5
}
input[type=text]+.icon-confirm,
input[type=password]+.icon-confirm,
input[type=email]+.icon-confirm {
  margin-left:-13px !important;
  border-left-color:rgba(0,0,0,0) !important;
  border-radius:0 var(--border-radius-large) var(--border-radius-large) 0 !important;
  border-width:2px;
  background-clip:padding-box;
  background-color:var(--color-main-background) !important;
  opacity:1;
  height:36px;
  width:36px;
  padding:7px 6px;
  cursor:pointer;
  margin-right:0
}
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-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 {
  border-color:var(--color-primary-element) !important;
  border-left-color:rgba(0,0,0,0) !important;
  z-index:2
}
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;
  left:-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:0 6px 3px 3px;
  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-left: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;
  box-shadow:none !important;
  background-position:center
}
input[type=checkbox].checkbox:checked+label:before,
input[type=radio].checkbox:checked+label:before {
  background-image:url("../img/actions/checkbox-mark.svg")
}
input[type=checkbox].checkbox:indeterminate+label:before,
input[type=radio].checkbox:indeterminate+label:before {
  background-image:url("../img/actions/checkbox-mixed.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:#bababa
}
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:#fff
}
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:#dbdbdb;
  border-color:#dbdbdb
}
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:#bababa !important;
  border-color:rgba(255,255,255,.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);
  border-color:rgba(255,255,255,.4) !important;
  background-color:#bababa
}
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-color:rgba(0,0,0,0) !important;
  border-color:#fff !important;
  background-image:url("../img/actions/checkbox-mark-white.svg")
}
input[type=checkbox].checkbox--white:indeterminate+label:before,
input[type=radio].checkbox--white:indeterminate+label:before {
  background-image:url("../img/actions/checkbox-mixed-white.svg")
}
input[type=checkbox].checkbox--white:disabled+label:before,
input[type=radio].checkbox--white:disabled+label:before {
  opacity:.7
}
div.select2-drop {
  margin-top:-2px;
  background-color:var(--color-main-background)
}
div.select2-drop.select2-drop-active {
  border-color:var(--color-border-dark)
}
div.select2-drop .avatar {
  display:inline-block;
  margin-right:8px;
  vertical-align:middle
}
div.select2-drop .avatar img {
  cursor:pointer
}
div.select2-drop .select2-search input {
  min-height:auto;
  background:var(--icon-search-dark) no-repeat right center !important;
  background-origin:content-box !important
}
div.select2-drop .select2-results {
  max-height:250px;
  margin:0;
  padding:0
}
div.select2-drop .select2-results .select2-result-label {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
div.select2-drop .select2-results .select2-result-label span {
  cursor:pointer
}
div.select2-drop .select2-results .select2-result-label span em {
  cursor:inherit;
  background:unset
}
div.select2-drop .select2-results .select2-result,
div.select2-drop .select2-results .select2-no-results,
div.select2-drop .select2-results .select2-searching {
  position:relative;
  display:list-item;
  padding:12px;
  background-color:rgba(0,0,0,0);
  cursor:pointer;
  color:var(--color-text-maxcontrast)
}
div.select2-drop .select2-results .select2-result.select2-selected {
  background-color:var(--color-background-dark)
}
div.select2-drop .select2-results .select2-highlighted {
  background-color:var(--color-background-dark);
  color:var(--color-main-text)
}
.select2-chosen .avatar,
.select2-chosen .avatar img,
#select2-drop .avatar,
#select2-drop .avatar img {
  cursor:pointer
}
div.select2-container-multi .select2-choices,
div.select2-container-multi.select2-container-active .select2-choices {
  box-shadow:none;
  white-space:nowrap;
  text-overflow:ellipsis;
  background:var(--color-main-background);
  color:var(--color-text-maxcontrast) !important;
  box-sizing:content-box;
  border-radius:var(--border-radius-large);
  border:2px solid var(--color-border-dark);
  margin:0;
  padding:6px;
  min-height:44px
}
div.select2-container-multi .select2-choices:focus-within,
div.select2-container-multi.select2-container-active .select2-choices:focus-within {
  border-color:var(--color-primary-element)
}
div.select2-container-multi .select2-choices .select2-search-choice,
div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice {
  line-height:20px;
  padding-left:5px
}
div.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus,
div.select2-container-multi .select2-choices .select2-search-choice:hover,
div.select2-container-multi .select2-choices .select2-search-choice:active,
div.select2-container-multi .select2-choices .select2-search-choice,
div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus,
div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover,
div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:active,
div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice {
  background-image:none;
  background-color:var(--color-main-background);
  color:var(--color-text-maxcontrast);
  border:1px solid var(--color-border-dark)
}
div.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close,
div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice .select2-search-choice-close {
  display:none
}
div.select2-container-multi .select2-choices .select2-search-field input,
div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input {
  line-height:20px;
  min-height:28px;
  max-height:28px;
  color:var(--color-main-text)
}
div.select2-container-multi .select2-choices .select2-search-field input.select2-active,
div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input.select2-active {
  background:none !important
}
div.select2-container {
  margin:3px 3px 3px 0
}
div.select2-container.select2-container-multi .select2-choices {
  display:flex;
  flex-wrap:wrap
}
div.select2-container.select2-container-multi .select2-choices li {
  float:none
}
div.select2-container a.select2-choice {
  box-shadow:none;
  white-space:nowrap;
  text-overflow:ellipsis;
  background:var(--color-main-background);
  color:var(--color-text-maxcontrast) !important;
  box-sizing:content-box;
  border-radius:var(--border-radius-large);
  border:2px solid var(--color-border-dark);
  margin:0;
  padding:6px 12px;
  min-height:44px
}
div.select2-container a.select2-choice:focus-within {
  border-color:var(--color-primary-element)
}
div.select2-container a.select2-choice .select2-search-choice {
  line-height:20px;
  padding-left:5px;
  background-image:none;
  background-color:var(--color-background-dark);
  border-color:var(--color-background-dark)
}
div.select2-container a.select2-choice .select2-search-choice .select2-search-choice-close {
  display:none
}
div.select2-container a.select2-choice .select2-search-choice.select2-search-choice-focus,
div.select2-container a.select2-choice .select2-search-choice:hover {
  background-color:var(--color-border);
  border-color:var(--color-border)
}
div.select2-container a.select2-choice .select2-arrow {
  background:none;
  border-radius:0;
  border:none
}
div.select2-container a.select2-choice .select2-arrow b {
  background:var(--icon-triangle-s-dark) no-repeat center !important;
  opacity:.5
}
div.select2-container a.select2-choice:hover .select2-arrow b,
div.select2-container a.select2-choice:focus .select2-arrow b,
div.select2-container a.select2-choice:active .select2-arrow b {
  opacity:.7
}
div.select2-container a.select2-choice .select2-search-field input {
  line-height:20px
}
.v-select {
  margin:3px 3px 3px 0;
  display:inline-block
}
.v-select .dropdown-toggle {
  display:flex !important;
  flex-wrap:wrap
}
.v-select .dropdown-toggle .selected-tag {
  line-height:20px;
  padding-left: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-left:3px
}
.v-select .dropdown-menu {
  padding:0
}
.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:3px 7px 4px 2px;
  margin:0;
  cursor:pointer;
  min-height:1em;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  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;
  min-width:16px;
  min-height:16px;
  display:block;
  opacity:.5;
  margin-right: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:0;
  border:0 none;
  background-color:var(--color-background-dark);
  border-radius:var(--border-radius);
  flex-basis:100%;
  height:5px;
  overflow:hidden
}
progress:not(.vue).warn::-moz-progress-bar {
  background:var(--color-error)
}
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)::-moz-progress-bar {
  border-radius:var(--border-radius);
  background:var(--color-primary-element);
  transition:250ms all ease-in-out
}
progress:not(.vue)::-webkit-progress-value {
  border-radius:var(--border-radius);
  background:var(--color-primary-element);
  transition:250ms all 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:.7s;
  animation-timing-function:ease-out
}
label.infield {
  position:absolute;
  left:-10000px;
  top:-10000px;
  width:1px;
  height:1px;
  overflow:hidden
}
::placeholder {
  color:var(--color-text-maxcontrast);
  font-size:var(--default-font-size)
}
::-ms-input-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)
}
#header,
#expanddiv {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none
}
#header a:not(.button):focus-visible,
#header button:not(.button-vue):focus-visible,
#header div[role=button]:focus-visible,
#expanddiv a:not(.button):focus-visible,
#expanddiv button:not(.button-vue):focus-visible,
#expanddiv div[role=button]:focus-visible {
  outline:none
}
#header a:not(.button):focus-visible::after,
#header .button-vue:focus-visible::after,
#header div[role=button]:focus-visible::after,
#expanddiv a:not(.button):focus-visible::after,
#expanddiv .button-vue:focus-visible::after,
#expanddiv div[role=button]:focus-visible::after {
  content:" ";
  position:absolute;
  transform:translateX(-50%);
  width:12px;
  height:2px;
  border-radius:3px;
  background-color:var(--color-primary-text);
  left:50%;
  opacity:1
}
#header a:not(.button):focus-visible::after,
#header .button-vue:focus-visible::after,
#expanddiv a:not(.button):focus-visible::after,
#expanddiv .button-vue:focus-visible::after {
  bottom:2px
}
#header .header-right a:not(.button):focus-visible::after,
#header .header-right div[role=button]:focus-visible::after,
#expanddiv .header-right a:not(.button):focus-visible::after,
#expanddiv .header-right div[role=button]:focus-visible::after {
  bottom:4px
}
#header .header-right #expand.menutoggle:focus-visible::after,
#expanddiv .header-right #expand.menutoggle:focus-visible::after {
  left:40%
}
#body-user #header,
#body-settings #header,
#body-public #header {
  display:inline-flex;
  position:absolute;
  top:0;
  width:100%;
  z-index:2000;
  height:50px;
  box-sizing:border-box;
  justify-content:space-between
}
#nextcloud {
  padding:5px 0;
  padding-left:86px;
  position:relative;
  height:calc(100% - 4px);
  box-sizing:border-box;
  opacity:1;
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  overflow:hidden;
  margin:2px
}
#nextcloud:hover,
#nextcloud:active {
  opacity:1
}
#header .header-right>div>.menu {
  background-color:var(--color-main-background);
  filter:drop-shadow(0 1px 5px var(--color-box-shadow));
  border-radius:var(--border-radius-large);
  box-sizing:border-box;
  z-index:2000;
  position:absolute;
  max-width:350px;
  min-height:66px;
  max-height:calc(100vh - 50px - 8px);
  right:8px;
  top:50px;
  margin:0;
  overflow-y:auto
}
#header .header-right>div>.menu:not(.popovermenu) {
  display:none
}
#header .header-right>div>.menu:after {
  border:10px solid rgba(0,0,0,0);
  border-bottom-color:var(--color-main-background);
  bottom:100%;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  right:10px
}
#header .header-right>div>.menu>div,
#header .header-right>div>.menu>ul {
  -webkit-overflow-scrolling:touch;
  min-height:66px;
  max-height:calc(100vh - 50px - 8px)
}
#header .logo {
  display:inline-flex;
  background-image:var(--image-logoheader, var(--image-logo, url("../img/logo/logo.svg")));
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  width:62px;
  position:absolute;
  left:12px;
  top:1px;
  bottom:1px;
  filter:var(--image-logoheader-custom, var(--background-image-invert-if-bright))
}
#header .header-appname-container {
  display:none;
  padding-right:10px;
  flex-shrink:0
}
#header #header-left,
#header .header-left,
#header #header-right,
#header .header-right {
  display:inline-flex;
  align-items:center
}
#header #header-left,
#header .header-left {
  flex:1 0;
  white-space:nowrap;
  min-width:0
}
#header #header-right,
#header .header-right {
  justify-content:flex-end;
  flex-shrink:1
}
#header .header-right>.header-menu:not(.user-menu)>.header-menu__trigger {
  filter:var(--background-image-invert-if-bright)
}
#header .header-right>.header-menu:not(.user-menu)>.trigger {
  filter:var(--background-image-invert-if-bright)
}
#header .header-right>.header-menu:not(.user-menu) .unified-search__trigger {
  filter:var(--background-image-invert-if-bright) !important
}
#header .header-right>div,
#header .header-right>form {
  height:100%;
  position:relative
}
#header .header-right>div>.menutoggle,
#header .header-right>form>.menutoggle {
  display:flex;
  justify-content:center;
  align-items:center;
  width:50px;
  height:44px;
  cursor:pointer;
  opacity:.85;
  padding:0;
  margin:2px 0
}
#header .header-right>div>.menutoggle:focus,
#header .header-right>form>.menutoggle:focus {
  opacity:1
}
#header .header-right>div>.menutoggle:focus-visible,
#header .header-right>form>.menutoggle:focus-visible {
  outline:none
}
.header-appname-container .header-appname {
  opacity:.75
}
.header-appname {
  color:var(--color-primary-element-text);
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding:0;
  padding-right:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1 1 100%
}
.header-shared-by {
  color:var(--color-primary-element-text);
  position:relative;
  font-weight:300;
  font-size:11px;
  line-height:11px;
  overflow:hidden;
  text-overflow:ellipsis
}
#skip-actions {
  position:absolute;
  overflow:hidden;
  z-index:9999;
  top:-999px;
  left:3px;
  padding:11px;
  display:flex;
  flex-wrap:wrap;
  gap:11px
}
#skip-actions:focus-within {
  top:50px
}
header #emptycontent h2,
header .emptycontent h2 {
  font-weight:normal;
  font-size:16px
}
header #emptycontent [class^=icon-],
header #emptycontent [class*=icon-],
header .emptycontent [class^=icon-],
header .emptycontent [class*=icon-] {
  background-size:48px;
  height:48px;
  width:48px
}
[class^=icon-],
[class*=" icon-"] {
  background-repeat:no-repeat;
  background-position:center;
  min-width:16px;
  min-height:16px
}
.icon-breadcrumb {
  background-image:url("../img/breadcrumb.svg?v=1")
}
.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 0 0 -16px;
  position:absolute;
  top:50%;
  left:50%;
  border-radius:100%;
  -webkit-animation:rotate .8s infinite linear;
  animation:rotate .8s infinite linear;
  -webkit-transform-origin:center;
  -ms-transform-origin:center;
  transform-origin:center;
  border:2px solid var(--color-loading-light);
  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:2px solid var(--color-loading-dark);
  border-top-color:var(--color-loading-light)
}
.icon-loading-small:after,
.icon-loading-small-dark:after {
  height:12px;
  width:12px;
  margin:-8px 0 0 -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("../img/loading.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("../img/loading-dark.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("../img/loading-small.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("../img/loading-small-dark.gif")
}
@keyframes rotate {
  from {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(360deg)
  }
}
.icon-32 {
  background-size:32px !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))
}
:root {
  --border-radius-rounded: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px);
  --body-container-radius: var(--border-radius-rounded);
  --body-container-margin: calc(var(--default-grid-baseline) * 2);
  --body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin))
}
@media screen and (max-width: 1024px) {
  :root {
    --body-container-margin: 0px;
    --body-container-radius: 0px
  }
}
html {
  width:100%;
  height:100%;
  position:absolute;
  background-color:var(--color-background-plain, var(--color-main-background))
}
body {
  background-color:var(--color-background-plain, var(--color-main-background));
  background-image:var(--image-background, var(--image-background-plain, var(--image-background-default)));
  background-size:cover;
  background-position:center;
  position:fixed;
  width:100%;
  height:calc(100vh - env(safe-area-inset-bottom))
}
h2 {
  font-weight:bold;
  font-size:20px;
  margin-bottom:12px;
  line-height:30px;
  color:var(--color-text-light)
}
h3 {
  font-size:16px;
  margin:12px 0;
  color:var(--color-text-light)
}
h4 {
  font-size:14px
}
em {
  font-style:normal;
  color:var(--color-text-lighter)
}
dl {
  padding:12px 0
}
dt,
dd {
  display:inline-block;
  padding:12px;
  padding-left:0
}
dt {
  width:130px;
  white-space:nowrap;
  text-align:right
}
kbd {
  padding:4px 10px;
  border:1px solid #ccc;
  box-shadow:0 1px 0 rgba(0,0,0,.2);
  border-radius:var(--border-radius);
  display:inline-block;
  white-space:nowrap
}
#content[class*=app-] * {
  box-sizing:border-box
}
#app-navigation:not(.vue) {
  --border-radius-pill: calc(var(--default-clickable-area) / 2);
  --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text));
  width:300px;
  z-index:500;
  overflow-y:auto;
  overflow-x:hidden;
  background-color:var(--color-main-background-blur);
  backdrop-filter:var(--filter-background-blur);
  -webkit-backdrop-filter:var(--filter-background-blur);
  -webkit-user-select:none;
  position:sticky;
  height:100%;
  -moz-user-select:none;
  -ms-user-select:none;
  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:44px;
  padding:10px 44px 0 44px;
  white-space:nowrap;
  text-overflow:ellipsis;
  box-shadow:none !important;
  user-select:none;
  pointer-events:none;
  margin-left:10px
}
.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-left:34px;
  background-position:10px center;
  text-align:left;
  margin:0
}
.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-x:hidden;
  overflow-y:auto;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  padding:calc(var(--default-grid-baseline)*2);
  padding-bottom:0
}
.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:0;
  margin-bottom:3px;
  width:100%;
  border-radius:var(--border-radius-pill)
}
.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-left:44px !important
}
.app-navigation-personal>ul>li>.app-navigation-entry-edit,
.app-navigation-administration>ul>li>.app-navigation-entry-edit {
  padding-left:38px !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 {
  left: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-left:44px;
  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-pill);
  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-pill);
  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 {
  left:22px
}
.app-navigation-personal>ul>li>ul>li>.app-navigation-entry-deleted,
.app-navigation-administration>ul>li>ul>li>.app-navigation-entry-deleted {
  margin-left:4px;
  padding-left:84px
}
.app-navigation-personal>ul>li>ul>li>.app-navigation-entry-edit,
.app-navigation-administration>ul>li>ul>li>.app-navigation-entry-edit {
  margin-left:4px;
  padding-left:78px !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-position:14px center;
  background-repeat:no-repeat;
  display:block;
  justify-content:space-between;
  line-height:44px;
  min-height:44px;
  padding:0 12px 0 14px;
  overflow:hidden;
  box-sizing:border-box;
  white-space:nowrap;
  text-overflow:ellipsis;
  border-radius:var(--border-radius-pill);
  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:0 12px 0 44px
}
.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:0 8px 0 42px
}
.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 {
  margin-right:11px !important;
  width:16px;
  height:16px;
  filter:var(--background-invert-if-dark)
}
.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;
  float:right
}
.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-right:0 !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: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:44px
}
.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(0);
  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:0;
  opacity:.5;
  background-color:rgba(0,0,0,0);
  background-repeat:no-repeat;
  background-position: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:44px;
  height:44px;
  margin:0;
  z-index:110;
  left:0
}
.app-navigation-personal .collapsible .collapse:focus-visible,
.app-navigation-administration .collapsible .collapse:focus-visible {
  opacity:1;
  border-width:0;
  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:44px;
  width:44px;
  margin:0;
  padding:0;
  background:none;
  background-image:var(--icon-triangle-s-dark);
  background-size:16px;
  background-repeat:no-repeat;
  background-position:center;
  border:none;
  border-radius:0;
  outline:none !important;
  box-shadow:none;
  content:" ";
  opacity:0;
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  z-index:105;
  border-radius:50%;
  transition:opacity 100ms ease-in-out
}
.app-navigation-personal .collapsible>a:first-child,
.app-navigation-administration .collapsible>a:first-child {
  padding-left:44px
}
.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 {
  -webkit-transform:rotate(0);
  -ms-transform:rotate(0);
  transform:rotate(0)
}
.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 {
  display:flex !important;
  align-items:center;
  justify-content:flex-end
}
.app-navigation-personal .app-navigation-entry-utils li,
.app-navigation-administration .app-navigation-entry-utils li {
  width:44px !important;
  height:44px
}
.app-navigation-personal .app-navigation-entry-utils button,
.app-navigation-administration .app-navigation-entry-utils button {
  height:100%;
  width:100%;
  margin:0;
  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:right;
  font-size:9pt;
  line-height:44px;
  padding:0 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:0;
  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-left:5px;
  padding-right: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-right:0;
  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:0;
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.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:0 !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-left:-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-bottom-right-radius:var(--border-radius);
  border-top-right-radius:var(--border-radius);
  border-bottom-left-radius:0;
  border-top-left-radius:0
}
.app-navigation-personal .app-navigation-entry-deleted,
.app-navigation-administration .app-navigation-entry-deleted {
  display:inline-flex;
  padding-left:44px;
  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:44px
}
.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:0;
  height:44px;
  width:44px;
  line-height:44px
}
.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;
  left:0;
  background-color:var(--color-main-background);
  box-sizing:border-box
}
.app-navigation-personal .drag-and-drop,
.app-navigation-administration .drag-and-drop {
  -webkit-transition:padding-bottom 500ms ease 0s;
  transition:padding-bottom 500ms ease 0s;
  padding-bottom:40px
}
.app-navigation-personal .error,
.app-navigation-administration .error {
  color:var(--color-error)
}
.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
}
#content {
  box-sizing:border-box;
  position:static;
  margin:var(--body-container-margin);
  margin-top:50px;
  padding:0;
  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 (max-width: 1024px) {
  #content {
    border-top-left-radius:var(--border-radius-large);
    border-top-right-radius:var(--border-radius-large)
  }
  #app-navigation {
    border-top-left-radius:var(--border-radius-large)
  }
  #app-sidebar {
    border-top-right-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:none
}
#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:-webkit-sticky;
  position:sticky;
  top:50px;
  right:0;
  overflow-y:auto;
  overflow-x:hidden;
  z-index:1500;
  opacity:.7px;
  height:calc(100vh - 50px);
  background:var(--color-main-background);
  border-left: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:calc(var(--default-grid-baseline)*2);
  padding-top:0;
  padding-left: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:5px 0 7px 22px;
  color:var(--color-text-lighter)
}
#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 0
}
#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:calc(var(--default-grid-baseline)*2);
  padding-top:0
}
#app-settings-header .settings-button {
  display:flex;
  align-items:center;
  height:44px;
  width:100%;
  padding:0;
  margin:0;
  background-color:rgba(0,0,0,0);
  box-shadow:none;
  border:0;
  border-radius:calc(var(--default-clickable-area)/2);
  text-align:left;
  font-weight:normal;
  font-size:100%;
  opacity:.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-position:14px center;
  background-repeat:no-repeat;
  content:"";
  width:44px;
  height:44px;
  top:0;
  left:0;
  display:block
}
#app-settings-header .settings-button:focus-visible {
  box-shadow:0 0 0 2px inset var(--color-primary-element) !important;
  background-position: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-right:4px
}
.sub-section {
  position:relative;
  margin-top:10px;
  margin-left:27px;
  margin-bottom:10px
}
.appear {
  opacity:1;
  -webkit-transition:opacity 500ms ease 0s;
  -moz-transition:opacity 500ms ease 0s;
  -ms-transition:opacity 500ms ease 0s;
  -o-transition:opacity 500ms ease 0s;
  transition:opacity 500ms ease 0s
}
.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-lighter);
  margin-bottom:1px;
  padding:5px
}
.tabHeaders .tabHeader.hidden {
  display:none
}
.tabHeaders .tabHeader:first-child {
  padding-left:15px
}
.tabHeaders .tabHeader:last-child {
  padding-right:15px
}
.tabHeaders .tabHeader .icon {
  display:inline-block;
  width:100%;
  height:16px;
  background-size:16px;
  vertical-align:middle;
  margin-top:-2px;
  margin-right:3px;
  opacity:.7;
  cursor:pointer
}
.tabHeaders .tabHeader a {
  color:var(--color-text-lighter);
  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-lighter)
}
.tabsContainer {
  clear:left
}
.tabsContainer .tab {
  padding:0 15px 15px
}
.v-popper__inner div.open>ul>li>a>span.action-link__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>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;
  margin-top:-5px;
  right:0;
  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%;
  right:7px;
  border:solid rgba(0,0,0,0);
  content:" ";
  height:0;
  width:0;
  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%);
  right:50%;
  margin-right:0
}
.bubble.menu-center:after,
.app-navigation-entry-menu.menu-center:after,
.popovermenu.menu-center:after {
  right:50%;
  transform:translateX(50%)
}
.bubble.menu-left,
.app-navigation-entry-menu.menu-left,
.popovermenu.menu-left {
  right:auto;
  left:0;
  margin-right:0
}
.bubble.menu-left:after,
.app-navigation-entry-menu.menu-left:after,
.popovermenu.menu-left:after {
  left:6px;
  right: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:0
}
.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:44px;
  border:0;
  border-radius:var(--border-radius-large);
  background-color:rgba(0,0,0,0);
  display:flex;
  align-items:flex-start;
  height:auto;
  margin:0;
  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:0;
  min-height:0;
  background-position:14px center;
  background-size:16px
}
.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:22px 0 22px 44px
}
.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-left:44px
}
.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:0 14px 0 44px !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-pill);
  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 0;
  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:0;
  margin-left: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-right:14px !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:14px
}
.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 {
  padding:0 !important;
  width:100%
}
.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 0
}
.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 0
}
.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-left: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-left:0
}
.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:44px;
  max-height:40px;
  margin:2px 0;
  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-left: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:12px
}
.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:0
}
.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:44px;
  height:44px
}
#contactsmenu .contact .popovermenu li>a>img {
  width:16px;
  height:16px
}
.app-content-list {
  position:-webkit-sticky;
  position:relative;
  top:0;
  border-right:1px solid var(--color-border);
  display:flex;
  flex-direction:column;
  transition:transform 250ms ease-in-out;
  min-height:100%;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  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:.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:.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:.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:.7
}
.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label {
  top:14px;
  left:7px;
  display:none
}
.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label::before {
  margin:0
}
.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;
  left:32px;
  background-size:16px;
  height:20px;
  width:20px;
  margin:0;
  padding:0
}
.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-right:10px;
  color:#fff;
  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-left:50px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  order:1;
  flex:1 1 0px;
  padding-right:10px;
  cursor:pointer
}
.app-content-list .app-content-list-item .app-content-list-item-line-two {
  opacity:.5;
  order:3;
  flex:1 0;
  flex-basis:calc(100% - 44px)
}
.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:.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:0;
  right:-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
}
.pull-left {
  float:left
}
.pull-right {
  float:right
}
.clear-left {
  clear:left
}
.clear-right {
  clear:right
}
.clear-both {
  clear:both
}
.hidden {
  display:none
}
.hidden-visually {
  position:absolute;
  left:-10000px;
  top:-10000px;
  width:1px;
  height:1px;
  overflow:hidden
}
.bold {
  font-weight:600
}
.center {
  text-align:center
}
.inlineblock {
  display:inline-block
}
#leviia-powered {
  position:absolute;
  bottom:1rem;
  right:1rem;
  text-align:center;
  display:flex;
  color:#fff;
  gap:.25rem;
  font-size:.8rem;
  align-items:center;
  justify-content:center
}
@media screen and (width <= 768px) {
  #leviia-powered {
    position:relative;
    bottom:unset;
    right:unset;
    margin:1rem 0
  }
}
#leviia-powered img {
  width:60px
}
::-moz-focus-inner {
  border:0
}
@media only screen and (width < 1024px) {
  #dropdown {
    margin-right:10% !important;
    width:80% !important
  }
  .ui-autocomplete {
    z-index:1000 !important
  }
  .error-wide {
    width:100%;
    margin-left:0 !important;
    box-sizing:border-box
  }
  #app-navigation:not(.vue) {
    transform:translateX(-300px);
    position:fixed;
    height:var(--body-height)
  }
  .snapjs-left #app-navigation {
    transform:translateX(0)
  }
  #app-navigation:not(.hidden)+#app-content {
    margin-left:0
  }
  .skip-navigation.skip-content {
    left:3px;
    margin-left:0
  }
  .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;
    display:inline-block !important;
    top:50px;
    left:0;
    width:44px;
    height:44px;
    z-index:1050;
    background-color:rgba(255,255,255,.7);
    cursor:pointer;
    opacity:.6;
    transform:rotate(90deg)
  }
  #app-content.showdetails .app-content-list {
    transform:translateX(-100%)
  }
  #app-navigation-toggle {
    position:fixed;
    display:inline-block !important;
    left:0;
    width:44px;
    height:44px;
    z-index:1050;
    cursor:pointer;
    opacity:.6
  }
  #app-navigation-toggle:hover,
  #app-navigation-toggle:focus {
    opacity:1
  }
  #app-navigation+#app-content .files-controls {
    padding-left:44px
  }
  #body-user .app-files.viewer-mode .files-controls {
    padding-left:0 !important
  }
  .app-files.viewer-mode #app-navigation-toggle {
    display:none !important
  }
  table.multiselect thead {
    left:0 !important
  }
  #usersearchform {
    display:none
  }
  #body-settings .files-controls {
    min-width:1024px !important
  }
}
@media only screen and (max-width: 480px) {
  #header .header-right>div>.menu {
    max-width:calc(100vw - 10px);
    position:fixed
  }
  #header .header-right>div>.menu::after {
    display:none !important
  }
  #header .header-right>div.openedMenu::after {
    display:block
  }
  #header .header-right>div::after {
    border:10px solid rgba(0,0,0,0);
    border-bottom-color:var(--color-main-background);
    bottom:0;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    right:15px;
    z-index:2001;
    display:none
  }
  #header .header-right>div#settings::after {
    right: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:left;
  text-align:start;
  text-decoration:none;
  text-shadow:none;
  text-transform:none;
  white-space:normal;
  word-break:normal;
  word-spacing:normal;
  word-wrap:normal;
  overflow-wrap:anywhere;
  font-size:12px;
  opacity:0;
  z-index:100000;
  margin-top:-3px;
  padding:10px 0;
  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 .15s
}
.tooltip.top .tooltip-arrow,
.tooltip[x-placement^=top] {
  left:50%;
  margin-left:-10px
}
.tooltip.bottom,
.tooltip[x-placement^=bottom] {
  margin-top:3px;
  padding:10px 0
}
.tooltip.right,
.tooltip[x-placement^=right] {
  margin-left:3px;
  padding:0 10px
}
.tooltip.right .tooltip-arrow,
.tooltip[x-placement^=right] .tooltip-arrow {
  top:50%;
  left:0;
  margin-top:-10px;
  border-width:10px 10px 10px 0;
  border-right-color:var(--color-main-background)
}
.tooltip.left,
.tooltip[x-placement^=left] {
  margin-left:-3px;
  padding:0 5px
}
.tooltip.left .tooltip-arrow,
.tooltip[x-placement^=left] .tooltip-arrow {
  top:50%;
  right:0;
  margin-top:-10px;
  border-width:10px 0 10px 10px;
  border-left-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:0;
  border-width:10px 10px 0;
  border-top-color:var(--color-main-background)
}
.tooltip.top-left .tooltip-arrow {
  right:10px;
  margin-bottom:-10px
}
.tooltip.top-right .tooltip-arrow {
  left: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:0;
  border-width:0 10px 10px;
  border-bottom-color:var(--color-main-background)
}
.tooltip[x-placement^=bottom] .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
  left:50%;
  margin-left:-10px
}
.tooltip.bottom-left .tooltip-arrow {
  right:10px;
  margin-top:-10px
}
.tooltip.bottom-right .tooltip-arrow {
  left: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:0;
  height:0;
  border-color:rgba(0,0,0,0);
  border-style:solid
}
.toastify.dialogs {
  min-width:200px;
  background:none;
  background-color:var(--color-main-background);
  color:var(--color-main-text);
  box-shadow:0 0 6px 0 var(--color-box-shadow);
  padding:0 12px;
  margin-top:45px;
  position:fixed;
  z-index:10100;
  border-radius:var(--border-radius);
  display:flex;
  align-items:center
}
.toastify.dialogs .toast-undo-container {
  display:flex;
  align-items:center
}
.toastify.dialogs .toast-undo-button,
.toastify.dialogs .toast-close {
  position:static;
  overflow:hidden;
  box-sizing:border-box;
  min-width:44px;
  height:100%;
  padding:12px;
  white-space:nowrap;
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  min-height:0
}
.toastify.dialogs .toast-undo-button.toast-close,
.toastify.dialogs .toast-close.toast-close {
  text-indent:0;
  opacity:.4;
  border:none;
  min-height:44px;
  margin-left:10px;
  font-size:0
}
.toastify.dialogs .toast-undo-button.toast-close:before,
.toastify.dialogs .toast-close.toast-close:before {
  background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='16'%20width='16'%3e%3cpath%20d='M14%2012.3L12.3%2014%208%209.7%203.7%2014%202%2012.3%206.3%208%202%203.7%203.7%202%208%206.3%2012.3%202%2014%203.7%209.7%208z'/%3e%3c/svg%3e");
  content:" ";
  filter:var(--background-invert-if-dark);
  display:inline-block;
  width:16px;
  height:16px
}
.toastify.dialogs .toast-undo-button.toast-undo-button,
.toastify.dialogs .toast-close.toast-undo-button {
  height:calc(100% - 6px);
  margin:3px 3px 3px 12px
}
.toastify.dialogs .toast-undo-button:hover,
.toastify.dialogs .toast-undo-button:focus,
.toastify.dialogs .toast-undo-button:active,
.toastify.dialogs .toast-close:hover,
.toastify.dialogs .toast-close:focus,
.toastify.dialogs .toast-close:active {
  cursor:pointer;
  opacity:1
}
.toastify.dialogs.toastify-top {
  right:10px
}
.toastify.dialogs.toast-with-click {
  cursor:pointer
}
.toastify.dialogs.toast-error {
  border-left:3px solid var(--color-error)
}
.toastify.dialogs.toast-info {
  border-left:3px solid var(--color-primary)
}
.toastify.dialogs.toast-warning {
  border-left:3px solid var(--color-warning)
}
.toastify.dialogs.toast-success,
.toastify.dialogs.toast-undo {
  border-left:3px solid var(--color-success)
}
.theme--dark .toastify.dialogs .toast-close.toast-close:before {
  background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='16'%20width='16'%3e%3cpath%20d='M14%2012.3L12.3%2014%208%209.7%203.7%2014%202%2012.3%206.3%208%202%203.7%203.7%202%208%206.3%2012.3%202%2014%203.7%209.7%208z'%20style='fill-opacity:1;fill:%23ffffff'/%3e%3c/svg%3e")
}
._file-picker__file-icon_1vgv4_5 {
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  background-repeat:no-repeat;
  background-size:contain;
  display:flex;
  justify-content:center
}
tr.file-picker__row[data-v-6aded0d9] {
  height:var(--row-height, 50px)
}
tr.file-picker__row td[data-v-6aded0d9] {
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  border-bottom:none
}
tr.file-picker__row td.row-checkbox[data-v-6aded0d9] {
  padding:0 2px
}
tr.file-picker__row td[data-v-6aded0d9]:not(.row-checkbox) {
  padding-inline:14px 0
}
tr.file-picker__row td.row-size[data-v-6aded0d9] {
  text-align:end;
  padding-inline:0 14px
}
tr.file-picker__row td.row-name[data-v-6aded0d9] {
  padding-inline:2px 0
}
@keyframes gradient-6aded0d9 {
  0% {
    background-position:0% 50%
  }
  50% {
    background-position:100% 50%
  }
  to {
    background-position:0% 50%
  }
}
.loading-row .row-checkbox[data-v-6aded0d9] {
  text-align:center !important
}
.loading-row span[data-v-6aded0d9] {
  display:inline-block;
  height:24px;
  background:linear-gradient(to right, var(--color-background-darker), var(--color-text-maxcontrast), var(--color-background-darker));
  background-size:600px 100%;
  border-radius:var(--border-radius);
  animation:gradient-6aded0d9 12s ease infinite
}
.loading-row .row-wrapper[data-v-6aded0d9] {
  display:inline-flex;
  align-items:center
}
.loading-row .row-checkbox span[data-v-6aded0d9] {
  width:24px
}
.loading-row .row-name span[data-v-6aded0d9]:last-of-type {
  margin-inline-start:6px;
  width:130px
}
.loading-row .row-size span[data-v-6aded0d9] {
  width:80px
}
.loading-row .row-modified span[data-v-6aded0d9] {
  width:90px
}
tr.file-picker__row[data-v-48df4f27] {
  height:var(--row-height, 50px)
}
tr.file-picker__row td[data-v-48df4f27] {
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  border-bottom:none
}
tr.file-picker__row td.row-checkbox[data-v-48df4f27] {
  padding:0 2px
}
tr.file-picker__row td[data-v-48df4f27]:not(.row-checkbox) {
  padding-inline:14px 0
}
tr.file-picker__row td.row-size[data-v-48df4f27] {
  text-align:end;
  padding-inline:0 14px
}
tr.file-picker__row td.row-name[data-v-48df4f27] {
  padding-inline:2px 0
}
.file-picker__row--selected[data-v-48df4f27] {
  background-color:var(--color-background-dark)
}
.file-picker__row[data-v-48df4f27]:hover {
  background-color:var(--color-background-hover)
}
.file-picker__name-container[data-v-48df4f27] {
  display:flex;
  justify-content:start;
  align-items:center;
  height:100%
}
.file-picker__file-name[data-v-48df4f27] {
  padding-inline-start:6px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis
}
.file-picker__file-extension[data-v-48df4f27] {
  color:var(--color-text-maxcontrast);
  min-width:fit-content
}
.file-picker__header-preview[data-v-d3c94818] {
  width:22px;
  height:32px;
  flex:0 0 auto
}
.file-picker__files[data-v-d3c94818] {
  margin:2px;
  margin-inline-start:12px;
  overflow:scroll auto
}
.file-picker__files table[data-v-d3c94818] {
  width:100%;
  max-height:100%;
  table-layout:fixed
}
.file-picker__files th[data-v-d3c94818] {
  position:sticky;
  z-index:1;
  top:0;
  background-color:var(--color-main-background);
  padding:2px
}
.file-picker__files th .header-wrapper[data-v-d3c94818] {
  display:flex
}
.file-picker__files th.row-checkbox[data-v-d3c94818] {
  width:44px
}
.file-picker__files th.row-name[data-v-d3c94818] {
  width:230px
}
.file-picker__files th.row-size[data-v-d3c94818] {
  width:100px
}
.file-picker__files th.row-modified[data-v-d3c94818] {
  width:120px
}
.file-picker__files th[data-v-d3c94818]:not(.row-size) .button-vue__wrapper {
  justify-content:start;
  flex-direction:row-reverse
}
.file-picker__files th[data-v-d3c94818]:not(.row-size) .button-vue {
  padding-inline:16px 4px
}
.file-picker__files th.row-size[data-v-d3c94818] .button-vue__wrapper {
  justify-content:end
}
.file-picker__files th[data-v-d3c94818] .button-vue__wrapper {
  color:var(--color-text-maxcontrast)
}
.file-picker__files th[data-v-d3c94818] .button-vue__wrapper .button-vue__text {
  font-weight:400
}
.file-picker__breadcrumbs[data-v-a25a2652] {
  flex-grow:0 !important
}
.file-picker__side[data-v-f102365a] {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.5rem;
  min-width:200px;
  padding:2px;
  overflow:auto
}
.file-picker__side[data-v-f102365a] .button-vue__wrapper {
  justify-content:start
}
.file-picker__filter-input[data-v-f102365a] {
  margin-block:7px;
  max-width:260px
}
@media(max-width: 736px) {
  .file-picker__side[data-v-f102365a] {
    flex-direction:row;
    min-width:unset
  }
}
@media(max-width: 512px) {
  .file-picker__side[data-v-f102365a] {
    flex-direction:row;
    min-width:unset
  }
  .file-picker__filter-input[data-v-f102365a] {
    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-935e2a8f] {
  height:50px;
  display:flex;
  justify-content:start;
  align-items:center
}
.file-picker__view h3[data-v-935e2a8f] {
  font-weight:700;
  height:fit-content;
  margin:0
}
.file-picker__main[data-v-935e2a8f] {
  box-sizing:border-box;
  width:100%;
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1;
  padding-inline:2px
}
.file-picker__main *[data-v-935e2a8f] {
  box-sizing:border-box
}
[data-v-935e2a8f] .file-picker {
  height:min(80vh,800px) !important
}
@media(max-width: 512px) {
  [data-v-935e2a8f] .file-picker {
    height:calc(100% - 16px - var(--default-clickable-area)) !important
  }
}
[data-v-935e2a8f] .file-picker__content {
  display:flex;
  flex-direction:column;
  overflow:hidden
}
#body-public .header-right #header-primary-action a {
  color:var(--color-primary-element-text)
}
#body-public .header-right #header-secondary-action ul li {
  min-width:270px
}
#body-public .header-right #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-right #header-secondary-action #header-actions-toggle:hover,
#body-public .header-right #header-secondary-action #header-actions-toggle:focus,
#body-public .header-right #header-secondary-action #header-actions-toggle:active {
  opacity:1
}
#body-public .header-right #header-secondary-action #external-share-menu-item form {
  display:flex
}
#body-public .header-right #header-secondary-action #external-share-menu-item .hidden {
  display:none
}
#body-public .header-right #header-secondary-action #external-share-menu-item #save-button-confirm {
  flex-grow:0
}
#body-public #content {
  min-height:calc(100% - 65px)
}
#body-public.layout-base #content {
  padding-top:0
}
#body-public p.info {
  margin:20px auto;
  text-shadow:0 0 2px rgba(0,0,0,.4);
  -moz-user-select:none;
  -ms-user-select:none;
  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;
  display:flex;
  align-items:center;
  justify-content:center;
  height:65px;
  flex-direction:column;
  bottom:0;
  width:calc(100% - 16px);
  margin:8px;
  background-color:var(--color-main-background);
  border-radius:var(--border-radius-large)
}
#body-public footer p {
  text-align:center;
  color:var(--color-text-lighter)
}
#body-public footer p a {
  color:var(--color-text-lighter);
  font-weight:bold;
  white-space:nowrap;
  padding:10px;
  margin:-10px;
  line-height:200%
}
/*# sourceMappingURL=server.css.map */