/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-e4697e39] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .button-vue[data-v-e4697e39] { --button-size: var(--default-clickable-area); --button-inner-size: calc(var(--button-size) - 4px); --button-radius: var(--border-radius-element); --button-padding-default: calc(var(--default-grid-baseline) + var(--button-radius)); --button-padding: var(--default-grid-baseline) var(--button-padding-default); color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light); border: 1px solid var(--color-primary-element-light-hover); border-bottom-width: 2px; border-radius: var(--button-radius); box-sizing: border-box; position: relative; width: fit-content; overflow: hidden; padding-block: 1px 0; padding-inline: var(--button-padding); min-height: var(--button-size); min-width: var(--button-size); display: flex; align-items: center; justify-content: center; transition-property: color, border-color, background-color; transition-duration: 0.1s; transition-timing-function: linear; cursor: pointer; font-size: var(--default-font-size); font-weight: bold; } .button-vue--size-small[data-v-e4697e39] { --button-size: var(--clickable-area-small); --button-radius: var(--border-radius-small); } .button-vue--size-large[data-v-e4697e39] { --button-size: var(--clickable-area-large); } .button-vue[data-v-e4697e39] * { cursor: pointer; } .button-vue[data-v-e4697e39]:focus { outline: none; } .button-vue[data-v-e4697e39]:disabled { filter: saturate(0.7); opacity: 0.5; cursor: default; } .button-vue[data-v-e4697e39]:disabled * { cursor: default; } .button-vue[data-v-e4697e39]:hover:not(:disabled) { background-color: var(--color-primary-element-light-hover); } .button-vue[data-v-e4697e39]:active { background-color: var(--color-primary-element-light); } .button-vue__wrapper[data-v-e4697e39] { display: inline-flex; align-items: center; justify-content: center; width: 100%; } .button-vue--end .button-vue__wrapper[data-v-e4697e39] { justify-content: end; } .button-vue--start .button-vue__wrapper[data-v-e4697e39] { justify-content: start; } .button-vue--reverse .button-vue__wrapper[data-v-e4697e39] { flex-direction: row-reverse; } .button-vue--reverse[data-v-e4697e39] { --button-padding: var(--button-padding-default) var(--default-grid-baseline); } .button-vue__icon[data-v-e4697e39] { --default-clickable-area: var(--button-inner-size); height: var(--button-inner-size); width: var(--button-inner-size); min-height: var(--button-inner-size); min-width: var(--button-inner-size); display: flex; justify-content: center; align-items: center; } .button-vue__icon[data-v-e4697e39]:empty { display: none; } .button-vue--size-small .button-vue__icon[data-v-e4697e39] > * { max-height: 16px; max-width: 16px; } .button-vue--size-small .button-vue__icon[data-v-e4697e39] svg { height: 16px; width: 16px; } .button-vue__text[data-v-e4697e39] { font-weight: bold; margin-bottom: 1px; padding: 2px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .button-vue__text[data-v-e4697e39]:empty { display: none; } .button-vue[data-v-e4697e39]:has(.button-vue__text:empty) { --button-padding: var(--button-radius); line-height: 1; width: var(--button-size) !important; } .button-vue[data-v-e4697e39]:has(.button-vue__icon:empty) { --button-padding: var(--button-padding-default); } .button-vue:has(.button-vue__icon:empty) .button-vue__text[data-v-e4697e39] { padding-inline: var(--default-grid-baseline); } .button-vue--wide[data-v-e4697e39] { width: 100%; } .button-vue[data-v-e4697e39]:focus-visible { outline: 2px solid var(--color-main-text) !important; box-shadow: 0 0 0 4px var(--color-main-background) !important; } .button-vue:focus-visible.button-vue--vue-tertiary-on-primary[data-v-e4697e39] { outline: 2px solid var(--color-primary-element-text); border-radius: var(--border-radius-element); background-color: transparent; } .button-vue--primary[data-v-e4697e39] { background-color: var(--color-primary-element); border-color: var(--color-primary-element-hover); color: var(--color-primary-element-text); } .button-vue--primary[data-v-e4697e39]:hover:not(:disabled) { background-color: var(--color-primary-element-hover); } .button-vue--primary[data-v-e4697e39]:active { background-color: var(--color-primary-element); } .button-vue--secondary[data-v-e4697e39] { background-color: var(--color-primary-element-light); border-color: var(--color-primary-element-light-hover); color: var(--color-primary-element-light-text); } .button-vue--secondary[data-v-e4697e39]:hover:not(:disabled) { color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light-hover); } .button-vue--tertiary[data-v-e4697e39] { background-color: transparent; border-color: transparent; color: var(--color-main-text); } .button-vue--tertiary[data-v-e4697e39]:hover:not(:disabled) { background-color: var(--color-background-hover); } .button-vue--tertiary-no-background[data-v-e4697e39]:hover:not(:disabled) { background-color: transparent; } .button-vue--tertiary-on-primary[data-v-e4697e39] { color: var(--color-primary-element-text); } .button-vue--tertiary-on-primary[data-v-e4697e39]:hover:not(:disabled) { background-color: transparent; } .button-vue--success[data-v-e4697e39] { border-color: var(--color-success-hover); background-color: var(--color-success); color: var(--color-success-text); } .button-vue--success[data-v-e4697e39]:hover:not(:disabled) { background-color: var(--color-success-hover); } .button-vue--success[data-v-e4697e39]:active { background-color: var(--color-success); } .button-vue--warning[data-v-e4697e39] { border-color: var(--color-warning-hover); background-color: var(--color-warning); color: var(--color-warning-text); } .button-vue--warning[data-v-e4697e39]:hover:not(:disabled) { background-color: var(--color-warning-hover); } .button-vue--warning[data-v-e4697e39]:active { background-color: var(--color-warning); } .button-vue--error[data-v-e4697e39] { border-color: var(--color-error-hover); background-color: var(--color-error); color: var(--color-error-text); } .button-vue--error[data-v-e4697e39]:hover:not(:disabled) { background-color: var(--color-error-hover); } .button-vue--error[data-v-e4697e39]:active { background-color: var(--color-error); } .button-vue--legacy[data-v-e4697e39] { --button-inner-size: var(--button-size); border: none; padding-block: 0; } .button-vue--legacy.button-vue--error[data-v-e4697e39], .button-vue--legacy.button-vue--success[data-v-e4697e39], .button-vue--legacy.button-vue--warning[data-v-e4697e39] { color: white; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** When having the small dialog style we override the modal styling so dialogs look more dialog like */ @media only screen and (max-width: 512px) { .dialog__modal .modal-wrapper--small .modal-container { width: fit-content; height: unset; max-height: 90%; position: relative; top: unset; border-radius: var(--border-radius-element); } }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-ca0b8eba] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .dialog[data-v-ca0b8eba] { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .dialog__modal[data-v-ca0b8eba] .modal-wrapper .modal-container { display: flex !important; padding-block: 4px 0; padding-inline: 12px 0; } .dialog__modal[data-v-ca0b8eba] .modal-wrapper .modal-container__content { display: flex; flex-direction: column; overflow: hidden; } .dialog__wrapper[data-v-ca0b8eba] { display: flex; flex-direction: row; flex: 1; min-height: 0; overflow: hidden; } .dialog__wrapper--collapsed[data-v-ca0b8eba] { flex-direction: column; } .dialog__navigation[data-v-ca0b8eba] { display: flex; flex-shrink: 0; } .dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-ca0b8eba] { flex-direction: column; overflow: hidden auto; height: 100%; min-width: 200px; margin-inline-end: 20px; } .dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-ca0b8eba] { flex-direction: row; justify-content: space-between; overflow: auto hidden; width: 100%; min-width: 100%; } .dialog__name[data-v-ca0b8eba] { font-size: 21px; text-align: center; height: fit-content; min-height: var(--default-clickable-area); line-height: var(--default-clickable-area); overflow-wrap: break-word; margin-block: 0 12px; } .dialog__content[data-v-ca0b8eba] { flex: 1; min-height: 0; overflow: auto; padding-inline-end: 12px; } .dialog__text[data-v-ca0b8eba] { padding-block-end: 6px; } .dialog__actions[data-v-ca0b8eba] { display: flex; gap: 6px; align-content: center; justify-content: end; width: 100%; max-width: 100%; padding-inline: 0 12px; margin-inline: 0; margin-block: 0; } .dialog__actions[data-v-ca0b8eba]:not(:empty) { margin-block: 6px 12px; } @media only screen and (max-width: 512px) { .dialog__name[data-v-ca0b8eba] { text-align: start; margin-inline-end: var(--default-clickable-area); } } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-aaedb1c3] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .icon-vue[data-v-aaedb1c3] { display: flex; justify-content: center; align-items: center; min-width: var(--default-clickable-area); min-height: var(--default-clickable-area); opacity: 1; } .icon-vue.icon-vue--inline[data-v-aaedb1c3] { display: inline-flex !important; min-width: fit-content; min-height: fit-content; vertical-align: text-bottom; } .icon-vue span[data-v-aaedb1c3] { line-height: 0; } .icon-vue[data-v-aaedb1c3] svg { fill: currentColor; width: var(--fb515064); height: var(--fb515064); max-width: var(--fb515064); max-height: var(--fb515064); } .icon-vue--directional[data-v-aaedb1c3] svg:dir(rtl) { transform: scaleX(-1); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-cf399190] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .loading-icon[data-v-cf399190] { overflow: hidden; } .loading-icon svg[data-v-cf399190] { animation: rotate var(--animation-duration, 0.8s) linear infinite; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-70dc2566] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .modal-mask[data-v-70dc2566] { position: fixed; z-index: 9998; top: 0; inset-inline-start: 0; display: block; width: 100%; height: 100%; --backdrop-color: 0, 0, 0; background-color: rgba(var(--backdrop-color), 0.5); } .modal-mask[data-v-70dc2566], .modal-mask[data-v-70dc2566] * { box-sizing: border-box; } .modal-mask--opaque[data-v-70dc2566] { background-color: rgba(var(--backdrop-color), 0.92); } .modal-mask--light[data-v-70dc2566] { --backdrop-color: 255, 255, 255; } .modal-header[data-v-70dc2566] { position: absolute; z-index: 10001; top: 0; inset-inline: 0 0; display: flex !important; align-items: center; justify-content: center; width: 100%; height: var(--header-height); overflow: hidden; transition: opacity 250ms, visibility 250ms; } .modal-header__name[data-v-70dc2566] { overflow-x: hidden; width: 100%; padding: 0 calc(var(--default-clickable-area) * 3) 0 12px; transition: padding ease 100ms; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; margin-block: 0; } @media only screen and (min-width: 1024px) { .modal-header__name[data-v-70dc2566] { padding-inline-start: calc(var(--default-clickable-area) * 3); text-align: center; } } .modal-header .icons-menu[data-v-70dc2566] { position: absolute; inset-inline-end: 0; display: flex; align-items: center; justify-content: flex-end; } .modal-header .icons-menu .header-close[data-v-70dc2566] { display: flex; align-items: center; justify-content: center; margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); padding: 0; } .modal-header .icons-menu .play-pause-icons[data-v-70dc2566] { position: relative; width: var(--header-height); height: var(--header-height); margin: 0; padding: 0; cursor: pointer; border: none; background-color: transparent; } .modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-70dc2566], .modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-70dc2566], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-70dc2566], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-70dc2566] { opacity: 1; border-radius: calc(var(--default-clickable-area) / 2); background-color: rgba(127, 127, 127, 0.25); } .modal-header .icons-menu .play-pause-icons__play[data-v-70dc2566], .modal-header .icons-menu .play-pause-icons__pause[data-v-70dc2566] { width: var(--default-clickable-area); height: var(--default-clickable-area); margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); cursor: pointer; opacity: 0.7; } .modal-header .icons-menu[data-v-70dc2566] .action-item { margin: calc((var(--header-height) - var(--default-clickable-area)) / 2); } .modal-header .icons-menu[data-v-70dc2566] .action-item--single { width: var(--default-clickable-area); height: var(--default-clickable-area); cursor: pointer; background-position: center; background-size: 22px; } .modal-header .icons-menu .header-actions[data-v-70dc2566] button:focus-visible { box-shadow: none !important; outline: 2px solid #fff !important; } .modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle { padding: 0; } .modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle span, .modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle svg { width: var(--icon-size); height: var(--icon-size); } .modal-wrapper[data-v-70dc2566] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; /* Navigation buttons */ } .modal-wrapper .prev[data-v-70dc2566], .modal-wrapper .next[data-v-70dc2566] { z-index: 10000; height: 35vh; min-height: 300px; position: absolute; transition: opacity 250ms; color: white; } .modal-wrapper .prev[data-v-70dc2566]:focus-visible, .modal-wrapper .next[data-v-70dc2566]:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-element-text); background-color: var(--color-box-shadow); } .modal-wrapper .prev[data-v-70dc2566] { inset-inline-start: 2px; } .modal-wrapper .next[data-v-70dc2566] { inset-inline-end: 2px; } .modal-wrapper[data-v-70dc2566] { /* Content */ } .modal-wrapper .modal-container[data-v-70dc2566] { position: relative; display: flex; padding: 0; transition: transform 300ms ease; border-radius: var(--border-radius-container); background-color: var(--color-main-background); color: var(--color-main-text); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); } .modal-wrapper .modal-container__close[data-v-70dc2566] { z-index: 1; position: absolute; top: 4px; inset-inline-end: var(--default-grid-baseline); } .modal-wrapper .modal-container__content[data-v-70dc2566] { width: 100%; min-height: 52px; overflow: auto; } .modal-wrapper--small > .modal-container[data-v-70dc2566] { width: 400px; max-width: 90%; max-height: min(90%, 100% - 2 * var(--header-height)); } .modal-wrapper--normal > .modal-container[data-v-70dc2566] { max-width: 90%; width: 600px; max-height: min(90%, 100% - 2 * var(--header-height)); } .modal-wrapper--large > .modal-container[data-v-70dc2566] { max-width: 90%; width: 900px; max-height: min(90%, 100% - 2 * var(--header-height)); } .modal-wrapper--full > .modal-container[data-v-70dc2566] { width: 100%; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0; } @media only screen and ((max-width: 512px) or (max-height: 400px)) { .modal-wrapper .modal-container[data-v-70dc2566] { max-width: initial; width: 100%; max-height: initial; height: calc(100% - var(--header-height)); position: absolute; top: var(--header-height); border-radius: 0; } } /* TRANSITIONS */ .fade-enter-active[data-v-70dc2566], .fade-leave-active[data-v-70dc2566] { transition: opacity 250ms; } .fade-enter-from[data-v-70dc2566], .fade-leave-to[data-v-70dc2566] { opacity: 0; } .fade-visibility-enter-from[data-v-70dc2566], .fade-visibility-leave-to[data-v-70dc2566] { visibility: hidden; opacity: 0; } .modal-in-enter-active[data-v-70dc2566], .modal-in-leave-active[data-v-70dc2566], .modal-out-enter-active[data-v-70dc2566], .modal-out-leave-active[data-v-70dc2566] { transition: opacity 250ms; } .modal-in-enter-from[data-v-70dc2566], .modal-in-leave-to[data-v-70dc2566], .modal-out-enter-from[data-v-70dc2566], .modal-out-leave-to[data-v-70dc2566] { opacity: 0; } .modal-in-enter .modal-container[data-v-70dc2566], .modal-in-leave-to .modal-container[data-v-70dc2566] { transform: scale(0.9); } .modal-out-enter .modal-container[data-v-70dc2566], .modal-out-leave-to .modal-container[data-v-70dc2566] { transform: scale(1.1); } .modal-mask .play-pause-icons .progress-ring[data-v-70dc2566] { position: absolute; top: 0; inset-inline-start: 0; transform: rotate(-90deg); } .modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-70dc2566] { transition: 100ms stroke-dashoffset; transform-origin: 50% 50%; animation: progressring-70dc2566 linear var(--slideshow-duration) infinite; stroke-linecap: round; stroke-dashoffset: 94.2477796077; stroke-dasharray: 94.2477796077; } .modal-mask .play-pause-icons--paused .icon-pause[data-v-70dc2566] { animation: breath-70dc2566 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-70dc2566] { animation-play-state: paused !important; } @keyframes progressring-70dc2566 { from { stroke-dashoffset: 94.2477796077; } to { stroke-dashoffset: 0; } } @keyframes breath-70dc2566 { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-6c109b7a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .action-items[data-v-6c109b7a] { display: flex; align-items: center; gap: calc((var(--default-clickable-area) - 16px) / 2 / 2); } .action-item[data-v-6c109b7a] { --open-background-color: var(--color-background-hover, $action-background-hover); position: relative; display: inline-block; } .action-item.action-item--primary[data-v-6c109b7a] { --open-background-color: var(--color-primary-element-hover); } .action-item.action-item--secondary[data-v-6c109b7a] { --open-background-color: var(--color-primary-element-light-hover); } .action-item.action-item--error[data-v-6c109b7a] { --open-background-color: var(--color-error-hover); } .action-item.action-item--warning[data-v-6c109b7a] { --open-background-color: var(--color-warning-hover); } .action-item.action-item--success[data-v-6c109b7a] { --open-background-color: var(--color-success-hover); } .action-item.action-item--tertiary-no-background[data-v-6c109b7a] { --open-background-color: transparent; } .action-item.action-item--open .action-item__menutoggle[data-v-6c109b7a] { background-color: var(--open-background-color); } .action-item__menutoggle__icon[data-v-6c109b7a] { width: 20px; height: 20px; object-fit: contain; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .v-popper--theme-nc-popover-9.v-popper__popper.action-item__popper .v-popper__wrapper { border-radius: var(--border-radius-element); } .v-popper--theme-nc-popover-9.v-popper__popper.action-item__popper .v-popper__wrapper .v-popper__inner { border-radius: var(--border-radius-element); padding: 4px; max-height: calc(100vh - var(--header-height)); overflow: auto; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_wpltc_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9, ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 * { box-sizing: border-box; } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 .resize-observer { position: absolute; top: 0; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ left: 0; z-index: -1; width: 100%; height: 100%; border: none; background-color: transparent; pointer-events: none; display: block; overflow: hidden; opacity: 0; } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 .resize-observer object { display: block; position: absolute; top: 0; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper { z-index: 100000; top: 0; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ left: 0; display: block !important; } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper { /* * In theory, "filter: drop-shadow" would look better here with arrow shadow. * In fact, in results in a blurry popover in Chromium on scaling. * The hypothesis is that "filter" creates a new composition layer, * and with GPU acceleration requires the previous layers content to be rasterized. * In combination with translate3d from floating-vue, it makes Chromium to first render and rasterize the popover * and then apply scaling, which results in a blurry popover. */ box-shadow: 0 1px 10px var(--color-box-shadow); border-radius: var(--border-radius-element); } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner { padding: 0; color: var(--color-main-text); border-radius: var(--border-radius-element); overflow: hidden; background: var(--color-main-background); } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container { position: absolute; z-index: 1; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 10px; } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-container { bottom: -9px; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ border-bottom-width: 0; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ border-top-color: var(--color-main-background); } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container { top: -9px; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ border-top-width: 0; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ border-bottom-color: var(--color-main-background); } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-container { /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ left: -9px; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ border-left-width: 0; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ border-right-color: var(--color-main-background); } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container { /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ right: -9px; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ border-right-width: 0; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ border-left-color: var(--color-main-background); } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] { visibility: hidden; transition: opacity var(--animation-quick), visibility var(--animation-quick); opacity: 0; } ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] { visibility: visible; transition: opacity var(--animation-quick); opacity: 1; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-3487c05a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .input-field[data-v-3487c05a] { --input-border-color: var(--color-border-maxcontrast); --input-border-radius: var(--border-radius-element); --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px)); --input-padding-start: var(--border-radius-element); --input-padding-end: var(--border-radius-element); position: relative; width: 100%; margin-block-start: 6px; } .input-field--disabled[data-v-3487c05a] { opacity: 0.4; filter: saturate(0.4); } .input-field--label-outside[data-v-3487c05a] { margin-block-start: 0; } .input-field--leading-icon[data-v-3487c05a] { --input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline)); } .input-field--trailing-icon[data-v-3487c05a] { --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline)); } .input-field--pill[data-v-3487c05a] { --input-border-radius: var(--border-radius-pill); } .input-field__main-wrapper[data-v-3487c05a] { height: var(--default-clickable-area); padding: var(--border-width-input, 2px); position: relative; } .input-field__main-wrapper[data-v-3487c05a]:not(:has([disabled])):has(input:focus), .input-field__main-wrapper[data-v-3487c05a]:not(:has([disabled])):has(input:active) { padding: 0; } .input-field__input[data-v-3487c05a] { background-color: var(--color-main-background); color: var(--color-main-text); border: none; border-radius: var(--input-border-radius); box-shadow: 0 -1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); cursor: pointer; -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: textfield !important; font-size: var(--default-font-size); text-overflow: ellipsis; height: 100% !important; min-height: unset; width: 100%; padding-block: var(--input-border-width-offset); padding-inline: calc(var(--input-padding-start) + var(--input-border-width-offset)) calc(var(--input-padding-end) + var(--input-border-width-offset)); } .input-field__input[data-v-3487c05a]::placeholder { color: var(--color-text-maxcontrast); } .input-field__input[data-v-3487c05a]::-webkit-search-cancel-button { display: none; } .input-field__input[data-v-3487c05a]::-webkit-search-decoration, .input-field__input[data-v-3487c05a]::-webkit-search-results-button, .input-field__input[data-v-3487c05a]::-webkit-search-results-decoration, .input-field__input[data-v-3487c05a]::-ms-clear { display: none; } .input-field__input[data-v-3487c05a]:hover:not([disabled]) { box-shadow: 0 0 0 1px var(--input-border-color); } .input-field__input[data-v-3487c05a]:active:not([disabled]), .input-field__input[data-v-3487c05a]:focus:not([disabled]) { --input-border-color: var(--color-main-text); --input-border-width-offset: 0px; border: var(--border-width-input-focused, 2px) solid var(--input-border-color); box-shadow: 0 0 0 2px var(--color-main-background) !important; } .input-field__input:focus + .input-field__label[data-v-3487c05a], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-3487c05a] { color: var(--color-main-text); } .input-field__input[data-v-3487c05a]:focus { cursor: text; } .input-field__input[data-v-3487c05a]:disabled { cursor: default; } .input-field__input[data-v-3487c05a]:focus-visible { box-shadow: unset !important; } .input-field:not(.input-field--label-outside) .input-field__input[data-v-3487c05a]:not(:focus)::placeholder { opacity: 0; } .input-field__label[data-v-3487c05a] { --input-label-font-size: var(--default-font-size); font-size: var(--input-label-font-size); position: absolute; margin-inline: var(--input-padding-start) var(--input-padding-end); max-width: fit-content; inset-block-start: calc((var(--default-clickable-area) - 1lh) / 2); inset-inline: var(--border-width-input-focused, 2px); color: var(--color-text-maxcontrast); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow); } .input-field__input:focus + .input-field__label[data-v-3487c05a], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-3487c05a] { --input-label-font-size: 13px; line-height: 1.5; inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2); font-weight: 500; border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0; background-color: var(--color-main-background); padding-inline: var(--default-grid-baseline); margin-inline: calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline)); transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick); } .input-field__icon[data-v-3487c05a] { position: absolute; height: var(--default-clickable-area); width: var(--default-clickable-area); display: flex; align-items: center; justify-content: center; opacity: 0.7; inset-block-end: 0; } .input-field__icon--leading[data-v-3487c05a] { inset-inline-start: 0px; } .input-field__icon--trailing[data-v-3487c05a] { inset-inline-end: 0px; } .input-field__trailing-button[data-v-3487c05a] { --button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important; --button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px)); } .input-field__trailing-button.button-vue[data-v-3487c05a] { position: absolute; top: var(--border-width-input-focused, 2px); inset-inline-end: var(--border-width-input-focused, 2px); } .input-field__trailing-button.button-vue[data-v-3487c05a]:focus-visible { box-shadow: none !important; } .input-field__helper-text-message[data-v-3487c05a] { padding-block: 4px; padding-inline: var(--border-radius-element); display: flex; align-items: center; color: var(--color-text-maxcontrast); } .input-field__helper-text-message__icon[data-v-3487c05a] { margin-inline-end: 8px; } .input-field--error .input-field__helper-text-message[data-v-3487c05a], .input-field--error .input-field__icon--trailing[data-v-3487c05a] { color: var(--color-text-error, var(--color-error)); } .input-field--error .input-field__input[data-v-3487c05a], .input-field__input[data-v-3487c05a]:user-invalid { --input-border-color: var(--color-border-error, var(--color-error)) !important; } .input-field--error .input-field__input[data-v-3487c05a]:focus-visible, .input-field__input[data-v-3487c05a]:user-invalid:focus-visible { box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; } .input-field--success .input-field__input[data-v-3487c05a] { --input-border-color: var(--color-border-success, var(--color-success)) !important; } .input-field--success .input-field__input[data-v-3487c05a]:focus-visible { box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; } .input-field--success .input-field__helper-text-message__icon[data-v-3487c05a] { color: var(--color-border-success, var(--color-success)); } .input-field--legacy .input-field__input[data-v-3487c05a] { box-shadow: 0 0 0 1px var(--input-border-color) inset; } .input-field--legacy .input-field__main-wrapper[data-v-3487c05a]:hover:not(:has([disabled])) { padding: 0; } .input-field--legacy .input-field__main-wrapper:hover:not(:has([disabled])) .input-field__input[data-v-3487c05a] { --input-border-color: var(--color-main-text); --input-border-width-offset: 0px; border: var(--border-width-input-focused, 2px) solid var(--input-border-color); box-shadow: 0 0 0 2px var(--color-main-background) !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-330b5e3e] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ li.action[data-v-330b5e3e]:hover, li.action.active[data-v-330b5e3e] { border-radius: 6px; padding: 0; } li.action[data-v-330b5e3e]:hover { background-color: var(--color-background-hover); } .action--disabled[data-v-330b5e3e] { pointer-events: none; opacity: 0.5; } .action--disabled[data-v-330b5e3e]:hover, .action--disabled[data-v-330b5e3e]:focus { cursor: default; opacity: 0.5; } .action--disabled[data-v-330b5e3e] * { opacity: 1 !important; } .action-button[data-v-330b5e3e] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0; padding: 0; padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); box-sizing: border-box; cursor: pointer; white-space: nowrap; color: var(--color-main-text); border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-weight: normal; font-size: var(--default-font-size); line-height: var(--default-clickable-area); } .action-button > span[data-v-330b5e3e] { cursor: pointer; white-space: nowrap; } .action-button__icon[data-v-330b5e3e] { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; background-position: calc((var(--default-clickable-area) - 16px) / 2) center; background-size: 16px; background-repeat: no-repeat; } .action-button[data-v-330b5e3e] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; } .action-button[data-v-330b5e3e] .material-design-icon .material-design-icon__svg { vertical-align: middle; } .action-button__longtext-wrapper[data-v-330b5e3e], .action-button__longtext[data-v-330b5e3e] { max-width: 220px; line-height: 1.6em; padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0; cursor: pointer; text-align: start; overflow: hidden; text-overflow: ellipsis; } .action-button__longtext[data-v-330b5e3e] { cursor: pointer; white-space: pre-wrap !important; } .action-button__name[data-v-330b5e3e] { font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: block; } .action-button__description[data-v-330b5e3e] { display: block; white-space: pre-wrap; font-size: var(--font-size-small); line-height: var(--default-line-height); color: var(--color-text-maxcontrast); cursor: pointer; } .action-button__menu-icon[data-v-330b5e3e] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); } .action-button__pressed-icon[data-v-330b5e3e] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); } .action-button[data-v-330b5e3e] * { cursor: pointer; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-f57c2142] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .nc-button-group-base > div[data-v-f57c2142] { text-align: center; color: var(--color-text-maxcontrast); } .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] { display: flex; gap: 4px; justify-content: space-between; } .nc-button-group-base ul.nc-button-group-content li[data-v-f57c2142-s] { flex: 1 1; } .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button { padding: 0 !important; width: 100%; display: flex; justify-content: center; } .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active { background-color: var(--color-primary-element); border-radius: var(--border-radius-element); color: var(--color-primary-element-text); } .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:hover, .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:focus, .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:focus-within { background-color: var(--color-primary-element-hover); } .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button .action-button__pressed-icon { display: none; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-1009e96c] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation-caption[data-v-1009e96c] { color: var(--color-text-maxcontrast); line-height: var(--default-clickable-area); white-space: nowrap; text-overflow: ellipsis; box-shadow: none !important; user-select: none; pointer-events: none; margin-inline-start: 12px; padding-inline-end: 14px; height: var(--default-clickable-area); display: flex; align-items: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-6099342c] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ li.action[data-v-6099342c]:hover, li.action.active[data-v-6099342c] { border-radius: 6px; padding: 0; } li.action[data-v-6099342c]:hover { background-color: var(--color-background-hover); } .action--disabled[data-v-6099342c] { pointer-events: none; opacity: 0.5; } .action--disabled[data-v-6099342c]:hover, .action--disabled[data-v-6099342c]:focus { cursor: default; opacity: 0.5; } .action--disabled[data-v-6099342c] * { opacity: 1 !important; } .action-checkbox[data-v-6099342c] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0; padding: 0; cursor: pointer; white-space: nowrap; color: var(--color-main-text); border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-weight: normal; line-height: var(--default-clickable-area); /* checkbox/radio fixes */ } .action-checkbox__checkbox[data-v-6099342c] { position: absolute; inset-inline-start: 0 !important; z-index: -1; opacity: 0; } .action-checkbox__label[data-v-6099342c] { display: flex; align-items: center; width: 100%; padding: 0 !important; padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2) !important; } .action-checkbox__label[data-v-6099342c]::before { margin-block: 0 !important; margin-inline: calc((var(--default-clickable-area) - 14px) / 2) !important; } .action-checkbox--disabled[data-v-6099342c], .action-checkbox--disabled .action-checkbox__label[data-v-6099342c] { cursor: pointer; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-0fc02b30] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* Default global values */ button[data-v-0fc02b30]:not(.button-vue), input[data-v-0fc02b30]:not([type=range]), textarea[data-v-0fc02b30] { margin: 0; padding: 7px 6px; cursor: text; color: var(--color-main-text); border: 1px solid var(--color-border-dark); border-radius: var(--border-radius-element); outline: none; background-color: var(--color-main-background); font-size: 13px; } button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-0fc02b30], input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):hover, input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):focus, input:not([type=range]):not(:disabled):not(.primary).active[data-v-0fc02b30], textarea[data-v-0fc02b30]:not(:disabled):not(.primary):hover, textarea[data-v-0fc02b30]:not(:disabled):not(.primary):focus, textarea:not(:disabled):not(.primary).active[data-v-0fc02b30] { /* active class used for multiselect */ border-color: var(--color-primary-element); outline: none; } button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):active, input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):active, textarea[data-v-0fc02b30]:not(:disabled):not(.primary):active { color: var(--color-main-text); outline: none; background-color: var(--color-main-background); } button[data-v-0fc02b30]:not(.button-vue):disabled, input[data-v-0fc02b30]:not([type=range]):disabled, textarea[data-v-0fc02b30]:disabled { cursor: default; opacity: 0.5; color: var(--color-text-maxcontrast); background-color: var(--color-background-dark); } button[data-v-0fc02b30]:not(.button-vue):required, input[data-v-0fc02b30]:not([type=range]):required, textarea[data-v-0fc02b30]:required { box-shadow: none; } button[data-v-0fc02b30]:not(.button-vue):invalid, input[data-v-0fc02b30]:not([type=range]):invalid, textarea[data-v-0fc02b30]:invalid { border-color: var(--color-border-error, var(--color-error)); box-shadow: none !important; } button[data-v-0fc02b30]:not(.button-vue), input[data-v-0fc02b30]:not([type=range]), textarea[data-v-0fc02b30] { /* Primary action button, use sparingly */ } button:not(.button-vue).primary[data-v-0fc02b30], input:not([type=range]).primary[data-v-0fc02b30], textarea.primary[data-v-0fc02b30] { cursor: pointer; color: var(--color-primary-element-text); border-color: var(--color-primary-element); background-color: var(--color-primary-element); } button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):hover, button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):focus, button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):active, input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):hover, input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):focus, input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):active, textarea.primary[data-v-0fc02b30]:not(:disabled):hover, textarea.primary[data-v-0fc02b30]:not(:disabled):focus, textarea.primary[data-v-0fc02b30]:not(:disabled):active { border-color: var(--color-primary-element-light); background-color: var(--color-primary-element-light); } button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):active, input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):active, textarea.primary[data-v-0fc02b30]:not(:disabled):active { color: var(--color-primary-element-text-dark); } button:not(.button-vue).primary[data-v-0fc02b30]:disabled, input:not([type=range]).primary[data-v-0fc02b30]:disabled, textarea.primary[data-v-0fc02b30]:disabled { cursor: default; color: var(--color-primary-element-text-dark); background-color: var(--color-primary-element); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ li.action[data-v-0fc02b30]:hover, li.action.active[data-v-0fc02b30] { border-radius: 6px; padding: 0; } li.action[data-v-0fc02b30]:hover { background-color: var(--color-background-hover); } .action--disabled[data-v-0fc02b30] { pointer-events: none; opacity: 0.5; } .action--disabled[data-v-0fc02b30]:hover, .action--disabled[data-v-0fc02b30]:focus { cursor: default; opacity: 0.5; } .action--disabled[data-v-0fc02b30] * { opacity: 1 !important; } .action-input[data-v-0fc02b30] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0; padding: 0; cursor: pointer; white-space: nowrap; color: var(--color-main-text); border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-weight: normal; } .action-input__icon-wrapper[data-v-0fc02b30] { display: flex; align-self: center; align-items: center; justify-content: center; } .action-input__icon-wrapper[data-v-0fc02b30] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; } .action-input__icon-wrapper[data-v-0fc02b30] .material-design-icon .material-design-icon__svg { vertical-align: middle; } .action-input > span[data-v-0fc02b30] { cursor: pointer; white-space: nowrap; } .action-input__icon[data-v-0fc02b30] { min-width: 0; /* Overwrite icons*/ min-height: 0; padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area); background-position: calc((var(--default-clickable-area) - 16px) / 2) center; background-size: 16px; } .action-input__form[data-v-0fc02b30] { display: flex; align-items: center; flex: 1 1 auto; margin: 4px 0; padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); } .action-input__container[data-v-0fc02b30] { position: relative; width: 100%; } .action-input__input-container[data-v-0fc02b30] { display: flex; } .action-input__input-container .colorpicker__trigger[data-v-0fc02b30], .action-input__input-container .colorpicker__preview[data-v-0fc02b30] { width: 100%; } .action-input__input-container .colorpicker__preview[data-v-0fc02b30] { width: 100%; height: 36px; border-radius: var(--border-radius-element); border: 2px solid var(--color-border-maxcontrast); box-shadow: none !important; } .action-input__text-label[data-v-0fc02b30] { padding: 4px 0; display: block; } .action-input__text-label--hidden[data-v-0fc02b30] { position: absolute; inset-inline-start: 0; width: 1px; height: 1px; overflow: hidden; z-index: -1; opacity: 0; } .action-input__datetimepicker[data-v-0fc02b30] { width: 100%; } .action-input__datetimepicker[data-v-0fc02b30] .mx-input { margin: 0; } .action-input__multi[data-v-0fc02b30] { width: 100%; } li:last-child > .action-input[data-v-0fc02b30] { padding-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px); } li:first-child > .action-input[data-v-0fc02b30]:not(.action-input--visible-label) { padding-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-b97e1f7a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .native-datetime-picker[data-v-b97e1f7a] { display: flex; flex-direction: column; } .native-datetime-picker .native-datetime-picker__label[data-v-b97e1f7a] { margin-block-end: 2px; } .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a] { --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px)); width: 100%; flex: 0 0 auto; margin: 0; padding-inline-start: calc(var(--border-radius-element) + var(--input-border-width-offset)); padding-inline-end: calc(var(--default-grid-baseline) + var(--input-border-width-offset)); border: var(--border-width-input, 2px) solid var(--color-border-maxcontrast); } .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:active:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:hover:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:focus:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:focus-within:not([disabled]) { border-color: var(--color-main-text); border-width: var(--border-width-input-focused, 2px); box-shadow: 0 0 0 2px var(--color-main-background) !important; --input-border-width-offset: 0px; } [data-theme-light] .native-datetime-picker__input[data-v-b97e1f7a], [data-themes*=light] .native-datetime-picker__input[data-v-b97e1f7a] { color-scheme: light; } [data-theme-dark] .native-datetime-picker__input[data-v-b97e1f7a], [data-themes*=dark] .native-datetime-picker__input[data-v-b97e1f7a] { color-scheme: dark; } @media (prefers-color-scheme: light) { [data-theme-default] .native-datetime-picker__input[data-v-b97e1f7a], [data-themes*=default] .native-datetime-picker__input[data-v-b97e1f7a] { color-scheme: light; } } @media (prefers-color-scheme: dark) { [data-theme-default] .native-datetime-picker__input[data-v-b97e1f7a], [data-themes*=default] .native-datetime-picker__input[data-v-b97e1f7a] { color-scheme: dark; } } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-b2684de6] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } [data-v-b2684de6] .password-field__input--secure-text { -webkit-text-security: disc; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-9e538838] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ li.action[data-v-9e538838]:hover, li.action.active[data-v-9e538838] { border-radius: 6px; padding: 0; } li.action[data-v-9e538838]:hover { background-color: var(--color-background-hover); } .action-link[data-v-9e538838] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0; padding: 0; padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); box-sizing: border-box; cursor: pointer; white-space: nowrap; color: var(--color-main-text); border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-weight: normal; font-size: var(--default-font-size); line-height: var(--default-clickable-area); } .action-link > span[data-v-9e538838] { cursor: pointer; white-space: nowrap; } .action-link__icon[data-v-9e538838] { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; background-position: calc((var(--default-clickable-area) - 16px) / 2) center; background-size: 16px; background-repeat: no-repeat; } .action-link[data-v-9e538838] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; } .action-link[data-v-9e538838] .material-design-icon .material-design-icon__svg { vertical-align: middle; } .action-link__longtext-wrapper[data-v-9e538838], .action-link__longtext[data-v-9e538838] { max-width: 220px; line-height: 1.6em; padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0; cursor: pointer; text-align: start; overflow: hidden; text-overflow: ellipsis; } .action-link__longtext[data-v-9e538838] { cursor: pointer; white-space: pre-wrap !important; } .action-link__name[data-v-9e538838] { font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: block; } .action-link__description[data-v-9e538838] { display: block; white-space: pre-wrap; font-size: var(--font-size-small); line-height: var(--default-line-height); color: var(--color-text-maxcontrast); cursor: pointer; } .action-link__menu-icon[data-v-9e538838] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-9e878692] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ li.action[data-v-9e878692]:hover, li.action.active[data-v-9e878692] { border-radius: 6px; padding: 0; } li.action[data-v-9e878692]:hover { background-color: var(--color-background-hover); } .action--disabled[data-v-9e878692] { pointer-events: none; opacity: 0.5; } .action--disabled[data-v-9e878692]:hover, .action--disabled[data-v-9e878692]:focus { cursor: default; opacity: 0.5; } .action--disabled[data-v-9e878692] * { opacity: 1 !important; } .action-radio[data-v-9e878692] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0; padding: 0; cursor: pointer; white-space: nowrap; color: var(--color-main-text); border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-weight: normal; line-height: var(--default-clickable-area); /* checkbox/radio fixes */ } .action-radio__radio[data-v-9e878692] { position: absolute; inset-inline-start: 0 !important; z-index: -1; opacity: 0; } .action-radio__label[data-v-9e878692] { display: flex; align-items: center; width: 100%; padding: 0 !important; padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2) !important; } .action-radio__label[data-v-9e878692]::before { margin: calc((var(--default-clickable-area) - 14px) / 2) !important; } .action-radio--disabled[data-v-9e878692], .action-radio--disabled .action-radio__label[data-v-9e878692] { cursor: pointer; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-87267750] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ li.action[data-v-87267750]:hover, li.action.active[data-v-87267750] { border-radius: 6px; padding: 0; } li.action[data-v-87267750]:hover { background-color: var(--color-background-hover); } .action-router[data-v-87267750] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0; padding: 0; padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); box-sizing: border-box; cursor: pointer; white-space: nowrap; color: var(--color-main-text); border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-weight: normal; font-size: var(--default-font-size); line-height: var(--default-clickable-area); } .action-router > span[data-v-87267750] { cursor: pointer; white-space: nowrap; } .action-router__icon[data-v-87267750] { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; background-position: calc((var(--default-clickable-area) - 16px) / 2) center; background-size: 16px; background-repeat: no-repeat; } .action-router[data-v-87267750] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; } .action-router[data-v-87267750] .material-design-icon .material-design-icon__svg { vertical-align: middle; } .action-router__longtext-wrapper[data-v-87267750], .action-router__longtext[data-v-87267750] { max-width: 220px; line-height: 1.6em; padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0; cursor: pointer; text-align: start; overflow: hidden; text-overflow: ellipsis; } .action-router__longtext[data-v-87267750] { cursor: pointer; white-space: pre-wrap !important; } .action-router__name[data-v-87267750] { font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: block; } .action-router__description[data-v-87267750] { display: block; white-space: pre-wrap; font-size: var(--font-size-small); line-height: var(--default-line-height); color: var(--color-text-maxcontrast); cursor: pointer; } .action-router__menu-icon[data-v-87267750] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); } .action--disabled[data-v-87267750] { pointer-events: none; opacity: 0.5; } .action--disabled[data-v-87267750]:hover, .action--disabled[data-v-87267750]:focus { cursor: default; opacity: 0.5; } .action--disabled[data-v-87267750] * { opacity: 1 !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-3e2324b7] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .action-separator[data-v-3e2324b7] { height: 0; margin: 5px 10px 5px 15px; border-bottom: 1px solid var(--color-border-dark); cursor: default; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-fa684b48] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ li.action[data-v-fa684b48]:hover, li.action.active[data-v-fa684b48] { border-radius: 6px; padding: 0; } li.action[data-v-fa684b48]:hover { background-color: var(--color-background-hover); } .action-text[data-v-fa684b48] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0; padding: 0; padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); box-sizing: border-box; cursor: pointer; white-space: nowrap; color: var(--color-main-text); border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-weight: normal; font-size: var(--default-font-size); line-height: var(--default-clickable-area); } .action-text > span[data-v-fa684b48] { cursor: pointer; white-space: nowrap; } .action-text__icon[data-v-fa684b48] { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; background-position: calc((var(--default-clickable-area) - 16px) / 2) center; background-size: 16px; background-repeat: no-repeat; } .action-text[data-v-fa684b48] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; } .action-text[data-v-fa684b48] .material-design-icon .material-design-icon__svg { vertical-align: middle; } .action-text__longtext-wrapper[data-v-fa684b48], .action-text__longtext[data-v-fa684b48] { max-width: 220px; line-height: 1.6em; padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0; cursor: pointer; text-align: start; overflow: hidden; text-overflow: ellipsis; } .action-text__longtext[data-v-fa684b48] { cursor: pointer; white-space: pre-wrap !important; } .action-text__name[data-v-fa684b48] { font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: block; } .action-text__description[data-v-fa684b48] { display: block; white-space: pre-wrap; font-size: var(--font-size-small); line-height: var(--default-line-height); color: var(--color-text-maxcontrast); cursor: pointer; } .action-text__menu-icon[data-v-fa684b48] { margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1); } .action--disabled[data-v-fa684b48] { pointer-events: none; opacity: 0.5; } .action--disabled[data-v-fa684b48]:hover, .action--disabled[data-v-fa684b48]:focus { cursor: default; opacity: 0.5; } .action--disabled[data-v-fa684b48] * { opacity: 1 !important; } .action-text[data-v-fa684b48], .action-text span[data-v-fa684b48] { cursor: default; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-c537247a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* Default global values */ button[data-v-c537247a]:not(.button-vue), input[data-v-c537247a]:not([type=range]), textarea[data-v-c537247a] { margin: 0; padding: 7px 6px; cursor: text; color: var(--color-main-text); border: 1px solid var(--color-border-dark); border-radius: var(--border-radius-element); outline: none; background-color: var(--color-main-background); font-size: 13px; } button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-c537247a], input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):hover, input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):focus, input:not([type=range]):not(:disabled):not(.primary).active[data-v-c537247a], textarea[data-v-c537247a]:not(:disabled):not(.primary):hover, textarea[data-v-c537247a]:not(:disabled):not(.primary):focus, textarea:not(:disabled):not(.primary).active[data-v-c537247a] { /* active class used for multiselect */ border-color: var(--color-primary-element); outline: none; } button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):active, input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):active, textarea[data-v-c537247a]:not(:disabled):not(.primary):active { color: var(--color-main-text); outline: none; background-color: var(--color-main-background); } button[data-v-c537247a]:not(.button-vue):disabled, input[data-v-c537247a]:not([type=range]):disabled, textarea[data-v-c537247a]:disabled { cursor: default; opacity: 0.5; color: var(--color-text-maxcontrast); background-color: var(--color-background-dark); } button[data-v-c537247a]:not(.button-vue):required, input[data-v-c537247a]:not([type=range]):required, textarea[data-v-c537247a]:required { box-shadow: none; } button[data-v-c537247a]:not(.button-vue):invalid, input[data-v-c537247a]:not([type=range]):invalid, textarea[data-v-c537247a]:invalid { border-color: var(--color-border-error, var(--color-error)); box-shadow: none !important; } button[data-v-c537247a]:not(.button-vue), input[data-v-c537247a]:not([type=range]), textarea[data-v-c537247a] { /* Primary action button, use sparingly */ } button:not(.button-vue).primary[data-v-c537247a], input:not([type=range]).primary[data-v-c537247a], textarea.primary[data-v-c537247a] { cursor: pointer; color: var(--color-primary-element-text); border-color: var(--color-primary-element); background-color: var(--color-primary-element); } button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):hover, button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):focus, button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):active, input:not([type=range]).primary[data-v-c537247a]:not(:disabled):hover, input:not([type=range]).primary[data-v-c537247a]:not(:disabled):focus, input:not([type=range]).primary[data-v-c537247a]:not(:disabled):active, textarea.primary[data-v-c537247a]:not(:disabled):hover, textarea.primary[data-v-c537247a]:not(:disabled):focus, textarea.primary[data-v-c537247a]:not(:disabled):active { border-color: var(--color-primary-element-light); background-color: var(--color-primary-element-light); } button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):active, input:not([type=range]).primary[data-v-c537247a]:not(:disabled):active, textarea.primary[data-v-c537247a]:not(:disabled):active { color: var(--color-primary-element-text-dark); } button:not(.button-vue).primary[data-v-c537247a]:disabled, input:not([type=range]).primary[data-v-c537247a]:disabled, textarea.primary[data-v-c537247a]:disabled { cursor: default; color: var(--color-primary-element-text-dark); background-color: var(--color-primary-element); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ li.action[data-v-c537247a]:hover, li.action.active[data-v-c537247a] { border-radius: 6px; padding: 0; } li.action[data-v-c537247a]:hover { background-color: var(--color-background-hover); } .action--disabled[data-v-c537247a] { pointer-events: none; opacity: 0.5; } .action--disabled[data-v-c537247a]:hover, .action--disabled[data-v-c537247a]:focus { cursor: default; opacity: 0.5; } .action--disabled[data-v-c537247a] * { opacity: 1 !important; } .action-text-editable[data-v-c537247a] { display: flex; align-items: flex-start; width: 100%; height: auto; margin: 0; padding: 0; cursor: pointer; white-space: nowrap; color: var(--color-main-text); border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-weight: normal; line-height: var(--default-clickable-area); } .action-text-editable > span[data-v-c537247a] { cursor: pointer; white-space: nowrap; } .action-text-editable__icon[data-v-c537247a] { min-width: 0; /* Overwrite icons*/ min-height: 0; /* Keep padding to define the width to assure correct position of a possible text */ padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area); background-position: calc((var(--default-clickable-area) - 16px) / 2) center; background-size: 16px; } .action-text-editable[data-v-c537247a] .material-design-icon { width: var(--default-clickable-area); height: var(--default-clickable-area); opacity: 1; } .action-text-editable[data-v-c537247a] .material-design-icon .material-design-icon__svg { vertical-align: middle; } .action-text-editable__form[data-v-c537247a] { display: flex; flex: 1 1 auto; flex-direction: column; position: relative; margin: 4px 0; padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); } .action-text-editable__submit[data-v-c537247a] { position: absolute; inset-inline-start: 0; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -1; opacity: 0; } .action-text-editable__label[data-v-c537247a] { display: flex; align-items: center; justify-content: center; position: absolute; inset-inline-end: calc((var(--default-clickable-area) - 16px) / 2 + 1px); bottom: 1px; width: calc(var(--default-clickable-area) - 8px); height: calc(var(--default-clickable-area) - 8px); box-sizing: border-box; margin: 0; padding: 7px 6px; border: 0; border-radius: 50%; /* Avoid background under border */ background-color: var(--color-main-background); background-clip: padding-box; } .action-text-editable__label[data-v-c537247a], .action-text-editable__label[data-v-c537247a] * { cursor: pointer; } .action-text-editable[data-v-c537247a] { /* Inputs inside popover supports text, submit & reset */ } .action-text-editable__textarea[data-v-c537247a] { flex: 1 1 auto; color: inherit; border-color: var(--color-border-maxcontrast); min-height: calc(var(--default-clickable-area) * 2 - 8px); /* twice the element margin-y */ max-height: calc(var(--default-clickable-area) * 3 - 8px); /* twice the element margin-y */ min-width: calc(var(--default-clickable-area) * 4); width: 100% !important; margin: 0; } .action-text-editable__textarea[data-v-c537247a]:disabled { cursor: default; } .action-text-editable__textarea[data-v-c537247a] { /* only show confirm borders if input is not focused */ } .action-text-editable__textarea:not(:active):not(:hover):not(:focus):invalid + .action-text-editable__label[data-v-c537247a] { background-color: var(--color-error); } .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:active, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:hover, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:focus { background-color: var(--color-primary-element); color: var(--color-primary-element-text); } .action-text-editable__textarea:active:not(:disabled) + .action-text-editable__label[data-v-c537247a], .action-text-editable__textarea:hover:not(:disabled) + .action-text-editable__label[data-v-c537247a], .action-text-editable__textarea:focus:not(:disabled) + .action-text-editable__label[data-v-c537247a] { /* above previous input */ z-index: 2; border-color: var(--color-primary-element); border-inline-start-color: transparent; } li:last-child > .action-text-editable[data-v-c537247a] { margin-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px); } li:first-child > .action-text-editable[data-v-c537247a] { margin-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-a28923a1] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-details-toggle[data-v-a28923a1] { position: sticky; width: var(--default-clickable-area); height: var(--default-clickable-area); padding: calc((var(--default-clickable-area) - 16px) / 2); cursor: pointer; opacity: 0.6; transform: rotate(180deg); background-color: var(--color-main-background); z-index: 2000; top: var(--app-navigation-padding); inset-inline-start: calc(var(--default-clickable-area) + var(--app-navigation-padding) * 2); } .app-details-toggle--mobile[data-v-a28923a1] { inset-inline-start: var(--app-navigation-padding); } .app-details-toggle[data-v-a28923a1]:active, .app-details-toggle[data-v-a28923a1]:hover, .app-details-toggle[data-v-a28923a1]:focus { opacity: 1; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-a2641cc2] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-content[data-v-a2641cc2] { position: initial; z-index: 1000; flex-basis: 100vw; height: 100%; margin: 0 !important; background-color: var(--color-main-background); min-width: 0; } .app-content[data-v-a2641cc2]:not(.app-content--has-list) { overflow: auto; } .app-content-wrapper[data-v-a2641cc2] { position: relative; width: 100%; height: 100%; } .app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-a2641cc2] .app-content-list { display: flex; } .app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-a2641cc2] .app-content-details { display: none; } .app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-a2641cc2] .app-content-list { display: none; } .app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-a2641cc2] .app-content-details { display: block; } [data-v-a2641cc2] .splitpanes.default-theme .app-content-list { max-width: none; /* Thin scrollbar is hard to catch on resizable columns */ scrollbar-width: auto; } [data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane { background-color: transparent; transition: none; } [data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-list { min-width: 300px; position: sticky; } @media only screen and (width < 1024px) { [data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-list { display: none; } } [data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-details { overflow-y: auto; } @media only screen and (width < 1024px) { [data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-details { min-width: 100%; } } [data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter { background-color: var(--color-main-background); } [data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter::after { background-color: var(--color-border); } [data-v-a2641cc2] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter { border-inline-start: 1px solid var(--color-border); } [data-v-a2641cc2] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter { border-top: 1px solid var(--color-border); } .app-content-wrapper--show-list[data-v-a2641cc2] .app-content-list { max-width: none; } .splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane,*:has(.splitpanes--dragging){-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out;will-change:width}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out;will-change:height}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.default-theme.splitpanes .splitpanes__pane{background-color:#f2f2f2}.default-theme.splitpanes .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.default-theme.splitpanes .splitpanes__splitter:before,.default-theme.splitpanes .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.default-theme.splitpanes .splitpanes__splitter:hover:before,.default-theme.splitpanes .splitpanes__splitter:hover:after{background-color:#00000040}.default-theme.splitpanes .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px} /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-5a15295d] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation-toggle-wrapper[data-v-5a15295d] { position: absolute; top: var(--app-navigation-padding); inset-inline-end: calc(0px - var(--app-navigation-padding)); margin-inline-end: calc(-1 * var(--default-clickable-area)); } button.app-navigation-toggle[data-v-5a15295d] { background-color: var(--color-main-background); }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation, .app-content { /** Distance of the app navigation toggle and the first navigation item to the top edge of the app content container */ --app-navigation-padding: calc(var(--default-grid-baseline, 4px) * 2); }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-d5ce90cd] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation[data-v-d5ce90cd] { --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-text-maxcontrast-default)); transition: transform var(--animation-quick), margin var(--animation-quick); width: 300px; --app-navigation-max-width: calc(100vw - (var(--app-navigation-padding) + var(--default-clickable-area) + var(--default-grid-baseline))); max-width: var(--app-navigation-max-width); position: relative; top: 0; inset-inline-start: 0; padding: 0px; z-index: 1800; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-grow: 0; flex-shrink: 0; background-color: var(--color-main-background-blur, var(--color-main-background)); -webkit-backdrop-filter: var(--filter-background-blur, none); backdrop-filter: var(--filter-background-blur, none); } .app-navigation--closed[data-v-d5ce90cd] { margin-inline-start: calc(-1 * min(300px, var(--app-navigation-max-width))); } .app-navigation__search[data-v-d5ce90cd] { width: 100%; } .app-navigation__body[data-v-d5ce90cd] { overflow-y: scroll; } .app-navigation__content > ul[data-v-d5ce90cd] { position: relative; width: 100%; overflow-x: hidden; overflow-y: auto; display: flex; flex-direction: column; gap: var(--default-grid-baseline, 4px); padding: var(--app-navigation-padding); } .app-navigation .app-navigation__list[data-v-d5ce90cd] { height: 100%; } .app-navigation__body--no-list[data-v-d5ce90cd] { flex: 1 1 auto; overflow: auto; height: 100%; } .app-navigation__content[data-v-d5ce90cd] { height: 100%; display: flex; flex-direction: column; } [data-themes*=highcontrast] .app-navigation[data-v-d5ce90cd] { border-inline-end: 1px solid var(--color-border); } @media only screen and (max-width: 1024px) { .app-navigation[data-v-d5ce90cd] { position: absolute; border-inline-end: 1px solid var(--color-border); } } @media only screen and (max-width: 512px) { .app-navigation[data-v-d5ce90cd] { z-index: 1400; } } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-d72957ed] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation-list[data-v-d72957ed] { position: relative; width: 100%; overflow-x: hidden; overflow-y: auto; display: flex; flex-direction: column; gap: var(--default-grid-baseline, 4px); padding: var(--app-navigation-padding); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-21e6b451] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation-caption[data-v-21e6b451] { display: flex; justify-content: space-between; } .app-navigation-caption--heading[data-v-21e6b451] { padding: var(--app-navigation-padding); } .app-navigation-caption--heading[data-v-21e6b451]:not(:first-child):not(:last-child) { padding: 0 var(--app-navigation-padding); } .app-navigation-caption__name[data-v-21e6b451] { font-weight: bold; color: var(--color-main-text); font-size: var(--default-font-size); line-height: var(--default-clickable-area); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: none !important; flex-shrink: 0; padding-block: 0; padding-inline: calc(var(--default-grid-baseline, 4px) * 2) 0; margin-top: 0px; margin-bottom: var(--default-grid-baseline); } .app-navigation-caption__actions[data-v-21e6b451] { flex: 0 0 var(--default-clickable-area); } .app-navigation-caption[data-v-21e6b451]:not(:first-child) { margin-top: calc(var(--default-clickable-area) / 2); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-04a313f4] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation-entry__icon-bullet[data-v-04a313f4] { display: block; padding: calc((var(--default-clickable-area) - 16px) / 2 + 1px); } .app-navigation-entry__icon-bullet div[data-v-04a313f4] { width: 14px; height: 14px; cursor: pointer; transition: background 100ms ease-in-out; border: none; border-radius: 50%; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-e6236e50] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .icon-collapse[data-v-e6236e50] { position: relative; inset-inline-end: 0; } .icon-collapse[data-v-e6236e50]:hover { background-color: var(--color-background-dark) !important; } .icon-collapse--active[data-v-e6236e50]:hover { background-color: var(--color-primary-element) !important; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-d600f829] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2023 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ .app-navigation-entry[data-v-d600f829] { position: relative; display: flex; flex-shrink: 0; flex-wrap: wrap; width: 100%; min-height: var(--default-clickable-area); transition: background-color var(--animation-quick) ease-in-out; transition: background-color 200ms ease-in-out; border-radius: var(--border-radius-element); } .app-navigation-entry-wrapper[data-v-d600f829] { position: relative; display: flex; flex-shrink: 0; flex-wrap: wrap; width: 100%; } .app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-d600f829] { display: none; } .app-navigation-entry.active[data-v-d600f829] { background-color: var(--color-primary-element) !important; } .app-navigation-entry.active[data-v-d600f829]:hover { background-color: var(--color-primary-element-hover) !important; } .app-navigation-entry.active .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry.active .app-navigation-entry-button[data-v-d600f829] { color: var(--color-primary-element-text) !important; } .app-navigation-entry[data-v-d600f829]:focus-within, .app-navigation-entry[data-v-d600f829]:hover { background-color: var(--color-background-hover); } .app-navigation-entry.active .app-navigation-entry__children[data-v-d600f829], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-d600f829], .app-navigation-entry:hover .app-navigation-entry__children[data-v-d600f829] { background-color: var(--color-main-background); } .app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829] { display: inline-block; } .app-navigation-entry .app-navigation-entry__actions[data-v-d600f829]:hover .button-vue { background-color: var(--color-background-dark) !important; } .app-navigation-entry.active .app-navigation-entry__actions[data-v-d600f829]:hover .button-vue { background-color: var(--color-primary-element) !important; } .app-navigation-entry[data-v-d600f829] { /* hide deletion/collapse of subitems */ } .app-navigation-entry.app-navigation-entry--deleted > ul[data-v-d600f829] { display: none; } .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-d600f829] { padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); } .app-navigation-entry .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button[data-v-d600f829] { z-index: 100; /* above the bullet to allow click*/ display: flex; overflow: hidden; flex: 1 1 0; min-height: var(--default-clickable-area); padding: 0; white-space: nowrap; color: var(--color-main-text); background-repeat: no-repeat; background-position: calc((var(--default-clickable-area) - 16px) / 2) center; background-size: 16px 16px; line-height: var(--default-clickable-area); } .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-d600f829] { display: flex; align-items: center; flex: 0 0 var(--default-clickable-area); justify-content: center; width: var(--default-clickable-area); height: var(--default-clickable-area); background-size: 16px 16px; background-repeat: no-repeat; background-position: calc((var(--default-clickable-area) - 16px) / 2) center; } .app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-d600f829] { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } .app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-d600f829] { width: calc(100% - var(--default-clickable-area)); margin: auto; } .app-navigation-entry .app-navigation-entry-link[data-v-d600f829]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-d600f829]:focus-visible { box-shadow: 0 0 0 4px var(--color-main-background); outline: 2px solid var(--color-main-text); border-radius: var(--border-radius-element); } /* Second level nesting for lists */ .app-navigation-entry__children[data-v-d600f829] { --app-navigation-item-child-offset: 10px; position: relative; display: flex; flex: 0 1 auto; flex-direction: column; width: 100%; gap: var(--default-grid-baseline, 4px); padding-inline-start: var(--app-navigation-item-child-offset); } .app-navigation-entry__children .app-navigation-entry[data-v-d600f829] { display: inline-flex; flex-wrap: wrap; } .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-d600f829] { --app-navigation-item-child-offset: 0; } /* Deleted entries */ .app-navigation-entry__deleted[data-v-d600f829] { display: inline-flex; flex: 1 1 0; padding-inline-start: calc(var(--default-clickable-area) - (var(--default-clickable-area) - 16px) / 2) !important; } .app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-d600f829] { position: relative; overflow: hidden; flex: 1 1 0; white-space: nowrap; text-overflow: ellipsis; line-height: var(--default-clickable-area); } /* counter and actions */ .app-navigation-entry__utils[data-v-d600f829] { display: flex; min-width: var(--default-clickable-area); align-items: center; flex: 0 1 auto; justify-content: flex-end; } .app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-d600f829] { display: inline-block; } .app-navigation-entry__utils[data-v-d600f829] { /* counter */ } .app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-d600f829] { margin-inline-end: calc(var(--default-grid-baseline) * 2); display: flex; align-items: center; flex: 0 1 auto; } .app-navigation-entry__utils[data-v-d600f829] { /* actions */ } .app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-d600f829] { display: none; } /* editing state */ .app-navigation-entry--editing .app-navigation-entry-edit[data-v-d600f829] { z-index: 250; opacity: 1; } /* deleted state */ .app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-d600f829] { z-index: 250; transform: translateX(0); } /* pinned state */ .app-navigation-entry--pinned[data-v-d600f829] { order: 2; margin-top: auto; } .app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-d600f829] { margin-top: 0; } [data-themes*=highcontrast] .app-navigation-entry[data-v-d600f829]:active { background-color: var(--color-primary-element-light-hover) !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-dd457d48] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation-input-confirm[data-v-dd457d48] { flex: 1 0 100%; width: 100%; } .app-navigation-input-confirm form[data-v-dd457d48] { display: flex; } .app-navigation-input-confirm__input[data-v-dd457d48] { height: 34px; flex: 1 1 100%; font-size: 100% !important; margin: 5px !important; margin-inline-start: -8px !important; padding: 7px !important; } .app-navigation-input-confirm__input[data-v-dd457d48]:active, .app-navigation-input-confirm__input[data-v-dd457d48]:focus, .app-navigation-input-confirm__input[data-v-dd457d48]:hover { outline: none; background-color: var(--color-main-background); color: var(--color-main-text); border-color: var(--color-primary-element); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-0ba6c9df] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /* 'New' button */ .app-navigation-new[data-v-0ba6c9df] { display: block; padding: calc(var(--default-grid-baseline, 4px) * 2); } .app-navigation-new button[data-v-0ba6c9df] { width: 100%; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-ee07f8f8] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2023 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ .app-navigation-entry[data-v-ee07f8f8] { position: relative; display: flex; flex-shrink: 0; flex-wrap: wrap; width: 100%; min-height: var(--default-clickable-area); transition: background-color var(--animation-quick) ease-in-out; transition: background-color 200ms ease-in-out; border-radius: var(--border-radius-element); } .app-navigation-entry-wrapper[data-v-ee07f8f8] { position: relative; display: flex; flex-shrink: 0; flex-wrap: wrap; width: 100%; } .app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-ee07f8f8] { display: none; } .app-navigation-entry.active[data-v-ee07f8f8] { background-color: var(--color-primary-element) !important; } .app-navigation-entry.active[data-v-ee07f8f8]:hover { background-color: var(--color-primary-element-hover) !important; } .app-navigation-entry.active .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry.active .app-navigation-entry-button[data-v-ee07f8f8] { color: var(--color-primary-element-text) !important; } .app-navigation-entry[data-v-ee07f8f8]:focus-within, .app-navigation-entry[data-v-ee07f8f8]:hover { background-color: var(--color-background-hover); } .app-navigation-entry.active .app-navigation-entry__children[data-v-ee07f8f8], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-ee07f8f8], .app-navigation-entry:hover .app-navigation-entry__children[data-v-ee07f8f8] { background-color: var(--color-main-background); } .app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8] { display: inline-block; } .app-navigation-entry .app-navigation-entry__actions[data-v-ee07f8f8]:hover .button-vue { background-color: var(--color-background-dark) !important; } .app-navigation-entry.active .app-navigation-entry__actions[data-v-ee07f8f8]:hover .button-vue { background-color: var(--color-primary-element) !important; } .app-navigation-entry[data-v-ee07f8f8] { /* hide deletion/collapse of subitems */ } .app-navigation-entry.app-navigation-entry--deleted > ul[data-v-ee07f8f8] { display: none; } .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-ee07f8f8] { padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); } .app-navigation-entry .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button[data-v-ee07f8f8] { z-index: 100; /* above the bullet to allow click*/ display: flex; overflow: hidden; flex: 1 1 0; min-height: var(--default-clickable-area); padding: 0; white-space: nowrap; color: var(--color-main-text); background-repeat: no-repeat; background-position: calc((var(--default-clickable-area) - 16px) / 2) center; background-size: 16px 16px; line-height: var(--default-clickable-area); } .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-ee07f8f8] { display: flex; align-items: center; flex: 0 0 var(--default-clickable-area); justify-content: center; width: var(--default-clickable-area); height: var(--default-clickable-area); background-size: 16px 16px; background-repeat: no-repeat; background-position: calc((var(--default-clickable-area) - 16px) / 2) center; } .app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-ee07f8f8] { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } .app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-ee07f8f8] { width: calc(100% - var(--default-clickable-area)); margin: auto; } .app-navigation-entry .app-navigation-entry-link[data-v-ee07f8f8]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-ee07f8f8]:focus-visible { box-shadow: 0 0 0 4px var(--color-main-background); outline: 2px solid var(--color-main-text); border-radius: var(--border-radius-element); } /* Second level nesting for lists */ .app-navigation-entry__children[data-v-ee07f8f8] { --app-navigation-item-child-offset: 10px; position: relative; display: flex; flex: 0 1 auto; flex-direction: column; width: 100%; gap: var(--default-grid-baseline, 4px); padding-inline-start: var(--app-navigation-item-child-offset); } .app-navigation-entry__children .app-navigation-entry[data-v-ee07f8f8] { display: inline-flex; flex-wrap: wrap; } .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-ee07f8f8] { --app-navigation-item-child-offset: 0; } /* Deleted entries */ .app-navigation-entry__deleted[data-v-ee07f8f8] { display: inline-flex; flex: 1 1 0; padding-inline-start: calc(var(--default-clickable-area) - (var(--default-clickable-area) - 16px) / 2) !important; } .app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-ee07f8f8] { position: relative; overflow: hidden; flex: 1 1 0; white-space: nowrap; text-overflow: ellipsis; line-height: var(--default-clickable-area); } /* counter and actions */ .app-navigation-entry__utils[data-v-ee07f8f8] { display: flex; min-width: var(--default-clickable-area); align-items: center; flex: 0 1 auto; justify-content: flex-end; } .app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-ee07f8f8] { display: inline-block; } .app-navigation-entry__utils[data-v-ee07f8f8] { /* counter */ } .app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-ee07f8f8] { margin-inline-end: calc(var(--default-grid-baseline) * 2); display: flex; align-items: center; flex: 0 1 auto; } .app-navigation-entry__utils[data-v-ee07f8f8] { /* actions */ } .app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-ee07f8f8] { display: none; } /* editing state */ .app-navigation-entry--editing .app-navigation-entry-edit[data-v-ee07f8f8] { z-index: 250; opacity: 1; } /* deleted state */ .app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-ee07f8f8] { z-index: 250; transform: translateX(0); } /* pinned state */ .app-navigation-entry--pinned[data-v-ee07f8f8] { order: 2; margin-top: auto; } .app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-ee07f8f8] { margin-top: 0; } [data-themes*=highcontrast] .app-navigation-entry[data-v-ee07f8f8]:active { background-color: var(--color-primary-element-light-hover) !important; } .app-navigation-new-item__name[data-v-ee07f8f8] { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; padding-inline-start: 7px; font-size: 14px; } .newItemContainer[data-v-ee07f8f8] { width: calc(100% - var(--default-clickable-area)); margin: auto; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-f37737bd] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-navigation-search[data-v-f37737bd] { display: flex; gap: var(--app-navigation-padding); padding: var(--app-navigation-padding); } .app-navigation-search--has-actions .app-navigation-search__input[data-v-f37737bd] { flex-grow: 1; z-index: 3; } .app-navigation-search__actions[data-v-f37737bd] { display: flex; gap: var(--default-grid-baseline); margin-inline-start: 0; max-width: calc(2 * var(--default-clickable-area) + var(--default-grid-baseline)); max-height: var(--default-clickable-area); transition: margin-inline-start var(--animation-quick); } .app-navigation-search__actions--hidden[data-v-f37737bd] { margin-inline-start: calc(-1 * var(--default-clickable-area)); } ._container_fpy51_2 { margin-top: auto; padding: var(--default-grid-baseline); } ._header_fpy51_7 { margin-block: 0 var(--default-grid-baseline); margin-inline: var(--default-grid-baseline); } /* Overwrite the padding to match NcAppNavigationItem */ ._button_fpy51_13 { padding-inline: 0 calc((var(--default-clickable-area) - 16px) / 2) !important; .button-vue__text { font-weight: normal; } } ._content_fpy51_21 { display: block; padding: 10px; /* prevent scrolled contents from stopping too early */ margin-bottom: calc(-1 * var(--default-grid-baseline)); /* restrict height of settings and make scrollable */ max-height: 300px; overflow-y: auto; } ._animationActive_fpy51_33 { transition-duration: var(--animation-slow); transition-property: max-height, padding; overflow-y: hidden !important; } ._animationStop_fpy51_39 { max-height: 0 !important; padding: 0 10px !important; } .app-navigation-spacer[data-v-277fa710] { flex-shrink: 0; height: 22px; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_pq4io_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._appSettingsDialogVersion_pq4io_20 { --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline)); color: var(--color-text-maxcontrast); margin-block-end: calc(8 * var(--default-grid-baseline)); margin-inline: var(--form-element-label-offset); } ._appSettingsDialogVersion__legacy_pq4io_27 { margin-inline: 0; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-aed04601] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-settings[data-v-aed04601] .app-settings__navigation { min-width: 200px; margin-inline-end: calc(4 * var(--default-grid-baseline)); overflow-x: hidden; overflow-y: auto; position: relative; } .app-settings[data-v-aed04601] .app-settings__content { padding-inline: calc(4 * var(--default-grid-baseline)); } .navigation-list[data-v-aed04601] { height: 100%; overflow-y: auto; padding: calc(3 * var(--default-grid-baseline)); } .navigation-list__link[data-v-aed04601] { display: flex; align-content: center; font-size: 16px; height: var(--default-clickable-area); margin: 4px 0; line-height: var(--default-clickable-area); border-radius: var(--border-radius-element); font-weight: bold; padding: 0 calc(4 * var(--default-grid-baseline)); cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: transparent; border: none; } .navigation-list__link[data-v-aed04601]:hover, .navigation-list__link[data-v-aed04601]:focus { background-color: var(--color-background-hover); } .navigation-list__link--active[data-v-aed04601] { background-color: var(--color-primary-element-light) !important; } .navigation-list__link--icon[data-v-aed04601] { padding-inline-start: calc(2 * var(--default-grid-baseline)); gap: var(--default-grid-baseline); } .navigation-list__link-icon[data-v-aed04601] { display: flex; justify-content: center; align-content: center; width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline)); max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline)); } @media only screen and (max-width: 512px) { .app-settings[data-v-aed04601] .dialog__name { padding-inline-start: 16px; } } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-4095bb7f] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-settings-section[data-v-4095bb7f] { --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline)); --app-settings-section-text-offset: var(--form-element-label-offset); --app-settings-section-content-gap: calc(6 * var(--default-grid-baseline)); margin-block-end: calc(8 * var(--default-grid-baseline)); } .app-settings-section__name[data-v-4095bb7f] { margin: 0; padding-inline: var(--app-settings-section-text-offset); padding-block: 0; font-size: 20px; font-weight: bold; } .app-settings-section__description[data-v-4095bb7f] { padding-inline: var(--app-settings-section-text-offset); color: var(--color-text-maxcontrast); } .app-settings-section__content[data-v-4095bb7f] { margin-block-start: calc(2 * var(--default-grid-baseline)); display: flex; flex-direction: column; justify-content: stretch; gap: var(--app-settings-section-content-gap); } .app-settings-section__legacy[data-v-4095bb7f] { --app-settings-section-text-offset: 0; --app-settings-section-content-gap: 0; } ._appSettingsSectionShortcuts_1trvh_2 { display: flex; flex-direction: column; gap: calc(4 * var(--default-grid-baseline)); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_1y2dv_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._sidebarTabsButton_1y2dv_20 { border: none; border-bottom: var(--default-grid-baseline) solid transparent !important; border-radius: var(--border-radius-small); background-color: var(--color-main-background); color: var(--color-main-text); font-size: var(--default-font-size); cursor: pointer; display: flex; flex-direction: column; gap: var(--default-grid-baseline); padding: var(--border-radius-small); transition: background-color var(--animation-quick), border-bottom-color var(--animation-quick); min-width: var(--default-clickable-area); } ._sidebarTabsButton_1y2dv_20:hover { background-color: var(--color-background-hover) !important; } ._sidebarTabsButton_1y2dv_20:active, ._sidebarTabsButton_1y2dv_20:focus { background-color: var(--color-main-background) !important; } ._sidebarTabsButton_1y2dv_20 * { cursor: pointer; } ._sidebarTabsButton_selected_1y2dv_45 { border-bottom-color: var(--color-primary-element) !important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; cursor: default; } ._sidebarTabsButton_selected_1y2dv_45:hover { background-color: var(--color-primary-element-light-hover) !important; color: var(--color-primary-element-light-text) !important; } ._sidebarTabsButton_selected_1y2dv_45 * { cursor: default; } ._sidebarTabsButton__name_1y2dv_59 { font-weight: normal; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; } ._sidebarTabsButton_selected_1y2dv_45 ._sidebarTabsButton__name_1y2dv_59 { font-weight: bold; } ._sidebarTabsButton__icon_1y2dv_70 { display: inline-flex; align-items: center; justify-content: center; } ._sidebarTabsButton__legacyIcon_1y2dv_76 { background-size: 20px; display: flex; align-items: center; justify-content: center; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-1e2d5bfb] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-sidebar-tabs[data-v-1e2d5bfb] { display: flex; flex-direction: column; min-height: 0; flex: 1 1 100%; } .app-sidebar-tabs__nav[data-v-1e2d5bfb] { display: flex; justify-content: stretch; margin: 10px 8px 0 8px; border-bottom: 1px solid var(--color-border); } .app-sidebar-tabs__tab[data-v-1e2d5bfb] { flex: 1 1 1px; } .app-sidebar-tabs__content[data-v-1e2d5bfb] { position: relative; min-height: 256px; height: 100%; } .app-sidebar-tabs__content--multiple[data-v-1e2d5bfb] > :not(section) { display: none; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } @property --app-sidebar-offset { syntax: ""; initial-value: 0; inherits: true; } body { /** * The padding between the toggle button and the page border */ --app-sidebar-padding: calc(var(--default-grid-baseline, 4px) * 2); /** * The minimal offset width required to be reserved for the toggle button. * Automatically changes to 0 when there is no toggle button. */ --app-sidebar-offset: 0; transition: --app-sidebar-offset 0ms !important; } body:has(.app-sidebar.slide-right-enter-active), body:has(.app-sidebar.slide-right-leave-active) { transition: --app-sidebar-offset var(--animation-quick); } body:has(.app-sidebar__toggle) { --app-sidebar-offset: calc(var(--app-sidebar-padding) + var(--default-clickable-area)); }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-104e67d6] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /* Sidebar: to be used within #content app-content will be shrunk properly */ .app-sidebar[data-v-104e67d6] { --app-sidebar-width: clamp(300px, 27vw, 500px); --app-sidebar-padding: calc(var(--default-grid-baseline, 4px) * 2); width: var(--app-sidebar-width); z-index: 1500; top: 0; inset-inline-end: 0; display: flex; overflow-x: hidden; overflow-y: auto; flex-direction: column; flex-shrink: 0; height: 100%; border-inline-start: 1px solid var(--color-border); background: var(--color-main-background); position: relative; } .app-sidebar__toggle[data-v-104e67d6] { position: absolute !important; inset-block-start: var(--app-sidebar-padding); inset-inline-end: var(--app-sidebar-padding); z-index: 1001; } .app-sidebar .app-sidebar-header[data-v-104e67d6] { --app-sidebar-close-button-offset: calc(var(--default-clickable-area) + var(--app-sidebar-padding)); } .app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-104e67d6] { position: absolute; z-index: 100; top: var(--app-sidebar-padding); inset-inline-end: var(--app-sidebar-padding); width: var(--default-clickable-area); height: var(--default-clickable-area); } .app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info[data-v-104e67d6] { flex-direction: row; } .app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__figure[data-v-104e67d6] { --figure-size: calc($desc-height + var(--app-sidebar-padding)); z-index: 2; width: var(--figure-size); height: var(--figure-size); margin: calc(var(--app-sidebar-padding) / 2); border-radius: 3px; flex: 0 0 auto; } .app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc[data-v-104e67d6] { padding-inline-start: 0; flex: 1 1 auto; min-width: 0; padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset)); padding-top: var(--app-sidebar-padding); } .app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-104e67d6] { padding-inline-end: var(--app-sidebar-close-button-offset); } .app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-104e67d6] { z-index: 3; position: absolute; top: calc(var(--app-sidebar-padding) / 2); inset-inline-start: calc(-1 * var(--default-clickable-area)); gap: 0; } .app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__menu[data-v-104e67d6] { top: var(--app-sidebar-padding); inset-inline-end: var(--app-sidebar-close-button-offset); position: absolute; } .app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__menu[data-v-104e67d6] { position: absolute; top: var(--app-sidebar-padding); inset-inline-end: var(--app-sidebar-close-button-offset); } .app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc[data-v-104e67d6] { padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset)); } .app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-104e67d6] { padding-inline-end: var(--app-sidebar-close-button-offset); } .app-sidebar .app-sidebar-header .app-sidebar-header__info[data-v-104e67d6] { display: flex; flex-direction: column; } .app-sidebar .app-sidebar-header__figure[data-v-104e67d6] { width: 100%; height: 250px; max-height: 250px; background-repeat: no-repeat; background-position: center; background-size: contain; } .app-sidebar .app-sidebar-header__figure--with-action[data-v-104e67d6] { cursor: pointer; } .app-sidebar .app-sidebar-header__desc[data-v-104e67d6] { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; padding-inline: var(--app-sidebar-padding); padding-block: var(--app-sidebar-padding) calc(var(--app-sidebar-padding) / 2); gap: 0 4px; } .app-sidebar .app-sidebar-header__desc--with-tertiary-action[data-v-104e67d6] { padding-inline-start: 6px; } .app-sidebar .app-sidebar-header__desc--editable .app-sidebar-header__mainname-form[data-v-104e67d6], .app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__mainname-form[data-v-104e67d6] { margin-top: -2px; margin-bottom: -2px; } .app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__subname[data-v-104e67d6] { margin-top: -2px; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-104e67d6] { display: flex; height: var(--default-clickable-area); width: var(--default-clickable-area); justify-content: center; flex: 0 0 auto; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-104e67d6] { box-shadow: none; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-104e67d6]:not([aria-pressed=true]):hover { box-shadow: none; background-color: var(--color-background-hover); } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container[data-v-104e67d6] { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; min-width: 0; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container[data-v-104e67d6] { display: flex; align-items: center; min-height: var(--default-clickable-area); } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-104e67d6] { padding: 0; min-height: 30px; font-size: 20px; line-height: 30px; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-104e67d6] .linkified { cursor: pointer; text-decoration: underline; margin: 0; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form[data-v-104e67d6] { display: flex; flex: 1 1 auto; align-items: center; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form input.app-sidebar-header__mainname-input[data-v-104e67d6] { flex: 1 1 auto; margin: 0; padding: 7px; font-size: 20px; font-weight: bold; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__menu[data-v-104e67d6] { margin-inline-start: 5px; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname[data-v-104e67d6], .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] { overflow: hidden; width: 100%; margin: 0; white-space: nowrap; text-overflow: ellipsis; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] { color: var(--color-text-maxcontrast); font-size: var(--default-font-size); padding: 0; } .app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] * { vertical-align: text-bottom; } .app-sidebar .app-sidebar-header .app-sidebar-header__mainname--hidden[data-v-104e67d6] { position: absolute; top: 0; inset-inline-start: 0; margin: 0; width: 1px; height: 1px; overflow: hidden; } .app-sidebar .app-sidebar-header__description[data-v-104e67d6] { display: flex; align-items: center; margin: 0 10px; } @media only screen and (max-width: 512px) { .app-sidebar[data-v-104e67d6] { position: absolute; --app-sidebar-width: 100vw; } } .slide-right-leave-active[data-v-104e67d6], .slide-right-enter-active[data-v-104e67d6] { transition-duration: var(--animation-quick); transition-property: margin-inline-end; } .slide-right-enter-to[data-v-104e67d6], .slide-right-leave[data-v-104e67d6] { margin-inline-end: 0; } .slide-right-enter-from[data-v-104e67d6], .slide-right-leave-to[data-v-104e67d6] { margin-inline-end: calc(-1 * var(--app-sidebar-width)); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-b101d636] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .empty-content[data-v-b101d636] { display: flex; align-items: center; flex-direction: column; justify-content: center; /* In case of using in a flex container - flex in advance */ flex-grow: 1; padding: var(--default-grid-baseline); } .modal-wrapper .empty-content[data-v-b101d636] { margin-top: 5vh; margin-bottom: 5vh; } .empty-content__icon[data-v-b101d636] { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 auto 15px; opacity: 0.4; background-repeat: no-repeat; background-position: center; background-size: 64px; } .empty-content__icon[data-v-b101d636] svg { width: 64px !important; height: 64px !important; max-width: 64px !important; max-height: 64px !important; } .empty-content__name[data-v-b101d636] { margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 20px; line-height: 30px; } .empty-content__description[data-v-b101d636] { color: var(--color-text-maxcontrast); text-align: center; text-wrap-style: balance; } .empty-content__action[data-v-b101d636] { margin-top: 8px; } .modal-wrapper .empty-content__action[data-v-b101d636] { margin-top: 20px; display: flex; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-dba10798] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .app-sidebar__tab[data-v-dba10798] { display: none; padding: 10px; min-height: 100%; max-height: 100%; height: 100%; overflow: auto; } .app-sidebar__tab[data-v-dba10798]:focus { border-color: var(--color-primary-element); box-shadow: 0 0 0.2em var(--color-primary-element); outline: 0; } .app-sidebar__tab--active[data-v-dba10798] { display: block; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_1xe1x_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._assistantButton_1xe1x_20 { --assistant-button-color: var(--color-element-assistant, linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%)); --assistant-button-background-color: var(--color-background-assistant, #F6F5FF); background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%)); border-radius: var(--border-radius-element); height: var(--default-clickable-area); width: fit-content; padding-inline: 1px; padding-block: 1px 2px; } ._assistantButton_disabled_1xe1x_30 { filter: saturate(0.5); opacity: 0.5; } ._assistantButton_primary_1xe1x_34 { --assistant-button-color: white; --assistant-button-background-color: var(--color-element-assistant,linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%)); } ._assistantButton_primary_1xe1x_34 ._assistantButton__icon_1xe1x_38, ._assistantButton_primary_1xe1x_34 ._assistantButton__text_1xe1x_39 { color: white !important; } ._assistantButton__button_1xe1x_42 { --button-size: calc(var(--default-clickable-area) - 3px) !important; background-color: var(--assistant-button-background-color) !important; background-image: var(--assistant-button-background-color) !important; border: none !important; } ._assistantButton__button_1xe1x_42:hover { filter: brightness(120%); } ._assistantButton__text_1xe1x_39 { background-image: var(--assistant-button-color); color: transparent !important; background-clip: text; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_1ndue_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._assistantIcon_1ndue_20 { display: inline-flex; align-items: center; justify-content: center; } ._assistantIcon_1ndue_20:not(._assistantIcon_inline_1ndue_25) { display: flex; min-height: var(--default-clickable-area); min-width: var(--default-clickable-area); } ._assistantIcon__svg_1ndue_30 { display: inline-block; width: var(--6629513e); height: var(--6629513e); max-width: var(--6629513e); max-height: var(--6629513e); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_ri18g_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._assistantContent_ri18g_20 { background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%)); border-radius: var(--border-radius-container); padding: 2px; } ._assistantContent__inner_ri18g_25 { background-color: var(--color-background-assistant, #F6F5FF); border-radius: calc(var(--border-radius-container) - 1px); color: var(--color-main-text); padding: calc(var(--border-radius-container) - 1px); height: 100%; width: 100%; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-d7dc2a1f] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .avatardiv[data-v-d7dc2a1f] { position: relative; display: inline-block; width: var(--avatar-size); height: var(--avatar-size); } .avatardiv--unknown[data-v-d7dc2a1f] { position: relative; background-color: var(--color-main-background); white-space: normal; } .avatardiv[data-v-d7dc2a1f]:not(.avatardiv--unknown) { background-color: var(--color-main-background) !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset; } .avatardiv--with-menu[data-v-d7dc2a1f] { cursor: pointer; } .avatardiv--with-menu .action-item[data-v-d7dc2a1f] { position: absolute; top: 0; inset-inline-start: 0; } .avatardiv--with-menu[data-v-d7dc2a1f] .action-item__menutoggle { cursor: pointer; opacity: 0; } .avatardiv--with-menu[data-v-d7dc2a1f]:focus-within .action-item__menutoggle, .avatardiv--with-menu[data-v-d7dc2a1f]:hover .action-item__menutoggle, .avatardiv--with-menu.avatardiv--with-menu-loading[data-v-d7dc2a1f] .action-item__menutoggle { opacity: 1; } .avatardiv--with-menu:focus-within img[data-v-d7dc2a1f], .avatardiv--with-menu:hover img[data-v-d7dc2a1f], .avatardiv--with-menu.avatardiv--with-menu-loading img[data-v-d7dc2a1f] { opacity: 0.3; } .avatardiv--with-menu[data-v-d7dc2a1f] .action-item__menutoggle, .avatardiv--with-menu img[data-v-d7dc2a1f] { transition: opacity var(--animation-quick); } .avatardiv--with-menu[data-v-d7dc2a1f] .button-vue, .avatardiv--with-menu[data-v-d7dc2a1f] .button-vue__icon { height: var(--avatar-size); min-height: var(--avatar-size); width: var(--avatar-size) !important; min-width: var(--avatar-size); } .avatardiv--with-menu[data-v-d7dc2a1f] > .button-vue, .avatardiv--with-menu[data-v-d7dc2a1f] > .action-item .button-vue { --button-radius: calc(var(--avatar-size) / 2); } .avatardiv .avatardiv__initials-wrapper[data-v-d7dc2a1f] { display: block; height: var(--avatar-size); width: var(--avatar-size); background-color: var(--color-main-background); border-radius: calc(var(--avatar-size) / 2); } .avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-d7dc2a1f] { position: absolute; top: 0; inset-inline-start: 0; display: block; width: 100%; text-align: center; font-weight: normal; } .avatardiv img[data-v-d7dc2a1f] { width: 100%; height: 100%; object-fit: cover; } .avatardiv .material-design-icon[data-v-d7dc2a1f] { width: var(--avatar-size); height: var(--avatar-size); } .avatardiv .avatardiv__user-status[data-v-d7dc2a1f] { --avatar-status-size-orbital: calc(var(--avatar-size) * (1 - 1 / sqrt(2))); --avatar-status-size-min: var(--font-size-small); --avatar-status-size: max(var(--avatar-status-size-orbital), var(--avatar-status-size-min)); box-sizing: border-box; position: absolute; inset-inline-end: 0; inset-block-end: 0; height: var(--avatar-status-size); width: var(--avatar-status-size); line-height: 1; font-size: calc(var(--avatar-status-size) / 1.2); background-color: var(--color-main-background); background-repeat: no-repeat; background-size: var(--avatar-status-size); background-position: center; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .acli:hover .avatardiv .avatardiv__user-status[data-v-d7dc2a1f] { border-color: var(--color-background-hover); background-color: var(--color-background-hover); } .acli.active .avatardiv .avatardiv__user-status[data-v-d7dc2a1f] { border-color: var(--color-primary-element-light); background-color: var(--color-primary-element-light); } .avatardiv .avatardiv__user-status--icon[data-v-d7dc2a1f] { border: none; background-color: transparent; } .avatardiv .popovermenu-wrapper[data-v-d7dc2a1f] { position: relative; display: inline-block; } .avatar-class-icon[data-v-d7dc2a1f] { display: block; border-radius: calc(var(--avatar-size) / 2); background-color: var(--color-background-darker); height: 100%; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-45238efd] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .mention-bubble--primary .mention-bubble__content[data-v-45238efd] { color: var(--color-primary-element-text); background-color: var(--color-primary-element); } .mention-bubble__wrapper[data-v-45238efd] { position: relative; max-width: 150px; height: 18px; vertical-align: text-bottom; display: inline-flex; align-items: center; } .mention-bubble__content[data-v-45238efd] { display: inline-flex; overflow: hidden; align-items: center; max-width: 100%; height: 20px; -webkit-user-select: none; user-select: none; padding-inline: 2px 6px; border-radius: 10px; background-color: var(--color-background-dark); } .mention-bubble__icon[data-v-45238efd] { position: relative; width: 16px; height: 16px; border-radius: 8px; background-color: var(--color-background-darker); background-repeat: no-repeat; background-position: center; background-size: 12px; } .mention-bubble__icon--with-avatar[data-v-45238efd] { color: inherit; background-size: cover; } .mention-bubble__title[data-v-45238efd] { overflow: hidden; margin-inline-start: 2px; white-space: nowrap; text-overflow: ellipsis; } .mention-bubble__title[data-v-45238efd]::before { content: attr(title); } .mention-bubble__select[data-v-45238efd] { position: absolute; z-index: -1; inset-inline-start: -100vw; width: 1px; height: 1px; overflow: hidden; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-881a79fb] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .user-status-icon[data-v-881a79fb] { --user-status-color-online: #2D7B41; --user-status-color-busy: #DB0606; --user-status-color-away: #C88800; --user-status-color-offline: #6B6B6B; display: flex; justify-content: center; align-items: center; } .user-status-icon--invisible[data-v-881a79fb] { filter: var(--background-invert-if-dark); } .user-status-icon[data-v-881a79fb] svg { width: 100%; height: 100%; } ._fadeTransition_13rtj_2 { transition: all var(--animation-quick) ease; } ._fadeTransitionActive_13rtj_6 { opacity: 0; position: absolute; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-28ef52a4] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .vue-crumb[data-v-28ef52a4] { background-image: none; display: inline-flex; height: var(--default-clickable-area); padding: 0; } .vue-crumb[data-v-28ef52a4]:last-child { min-width: 0; } .vue-crumb:last-child .vue-crumb__separator[data-v-28ef52a4] { display: none; } .vue-crumb--hidden[data-v-28ef52a4] { display: none; } .vue-crumb__separator[data-v-28ef52a4] { padding: 0; color: var(--color-text-maxcontrast); } .vue-crumb.vue-crumb--hovered[data-v-28ef52a4] .button-vue { background-color: var(--color-background-dark); color: var(--color-main-text); } .vue-crumb[data-v-28ef52a4]:not(:last-child) .button-vue { color: var(--color-text-maxcontrast); } .vue-crumb[data-v-28ef52a4]:not(:last-child) .button-vue:hover, .vue-crumb[data-v-28ef52a4]:not(:last-child) .button-vue:focus { background-color: var(--color-background-dark); color: var(--color-main-text); } .vue-crumb[data-v-28ef52a4]:not(:last-child) .button-vue__text { font-weight: normal; } .vue-crumb[data-v-28ef52a4] .button-vue__text { margin: 0; } .vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item { max-width: 100%; } .vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item .button-vue { padding: 0 4px 0 16px; max-width: 100%; } .vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item .button-vue__wrapper { flex-direction: row-reverse; } .vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item.action-item--open .action-item__menutoggle { background-color: var(--color-background-dark); color: var(--color-main-text); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-af2b1226] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .breadcrumb[data-v-af2b1226] { width: 100%; flex-grow: 1; display: inline-flex; align-items: center; } .breadcrumb--collapsed[data-v-af2b1226] .vue-crumb:last-child { min-width: 100px; } .breadcrumb nav[data-v-af2b1226] { flex-shrink: 1; min-width: 0; } .breadcrumb .breadcrumb__crumbs[data-v-af2b1226] { max-width: 100%; } .breadcrumb .breadcrumb__crumbs[data-v-af2b1226], .breadcrumb .breadcrumb__actions[data-v-af2b1226] { display: inline-flex; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-a1ac280f] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .checkbox-content[data-v-a1ac280f] { display: flex; align-items: center; flex-direction: row; gap: var(--default-grid-baseline); user-select: none; min-height: var(--default-clickable-area); border-radius: var(--checkbox-radio-switch--border-radius); padding: var(--default-grid-baseline) calc((var(--default-clickable-area) - var(--icon-height)) / 2); width: 100%; max-width: fit-content; } .checkbox-content__wrapper[data-v-a1ac280f] { flex: 1 0 0; max-width: 100%; } .checkbox-content__text[data-v-a1ac280f]:empty { display: none; } .checkbox-content-checkbox:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f], .checkbox-content-radio:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f], .checkbox-content-switch:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f] { margin-block: calc((var(--default-clickable-area) - 2 * var(--default-grid-baseline) - var(--icon-height)) / 2) auto; } .checkbox-content-checkbox:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f], .checkbox-content-radio:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f], .checkbox-content-switch:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f] { display: flex; align-items: center; margin-block-end: 0; align-self: start; } .checkbox-content__icon[data-v-a1ac280f] > * { width: var(--icon-size); height: var(--icon-height); color: var(--color-primary-element); } .checkbox-content__description[data-v-a1ac280f] { display: block; color: var(--color-text-maxcontrast); } .checkbox-content--button-variant .checkbox-content__icon[data-v-a1ac280f]:not(.checkbox-content__icon--checked) > * { color: var(--color-primary-element); } .checkbox-content--button-variant .checkbox-content__icon--checked[data-v-a1ac280f] > * { color: var(--color-primary-element-text); } .checkbox-content--has-text[data-v-a1ac280f] { padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2); } .checkbox-content[data-v-a1ac280f], .checkbox-content[data-v-a1ac280f] * { cursor: pointer; flex-shrink: 0; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-0dcb138a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .checkbox-radio-switch[data-v-0dcb138a] { --icon-size: var(--65a7082e); --icon-height: var(--20f7d30f); --checkbox-radio-switch--border-radius: var(--border-radius-element); --checkbox-radio-switch--border-radius-outer: calc(var(--checkbox-radio-switch--border-radius) + 2px); display: flex; align-items: center; color: var(--color-main-text); background-color: transparent; font-size: var(--default-font-size); line-height: var(--default-line-height); padding: 0; position: relative; } .checkbox-radio-switch__input[data-v-0dcb138a] { position: absolute; z-index: -1; opacity: 0 !important; width: var(--icon-size); height: var(--icon-size); } .checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch__input[data-v-0dcb138a]:focus-visible { outline: 2px solid var(--color-main-text); border-color: var(--color-main-background); outline-offset: -2px; } .checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-0dcb138a] { opacity: 0.5; } .checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-0dcb138a] .checkbox-radio-switch__icon > * { color: var(--color-main-text); } .checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-0dcb138a], .checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-0dcb138a] *:not(a) { cursor: default !important; } .checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content[data-v-0dcb138a]:hover { background-color: var(--color-background-hover); } .checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-0dcb138a]:hover { background-color: var(--color-primary-element-hover); } .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-0dcb138a]:hover { background-color: var(--color-primary-element-light-hover); } .checkbox-radio-switch-switch[data-v-0dcb138a]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * { color: var(--color-text-maxcontrast); } .checkbox-radio-switch-switch.checkbox-radio-switch--disabled.checkbox-radio-switch--checked[data-v-0dcb138a] .checkbox-radio-switch__icon > * { color: var(--color-primary-element-light); } .checkbox-radio-switch--button-variant.checkbox-radio-switch[data-v-0dcb138a] { background-color: var(--color-main-background); border: 2px solid var(--color-border-maxcontrast); overflow: hidden; } .checkbox-radio-switch--button-variant.checkbox-radio-switch--checked[data-v-0dcb138a] { font-weight: bold; } .checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content[data-v-0dcb138a] { background-color: var(--color-primary-element); color: var(--color-primary-element-text); } .checkbox-radio-switch--button-variant[data-v-0dcb138a] .checkbox-radio-switch__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .checkbox-radio-switch--button-variant[data-v-0dcb138a]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * { color: var(--color-main-text); } .checkbox-radio-switch--button-variant[data-v-0dcb138a] .checkbox-radio-switch__icon:empty { display: none; } .checkbox-radio-switch--button-variant[data-v-0dcb138a]:not(.checkbox-radio-switch--button-variant-v-grouped):not(.checkbox-radio-switch--button-variant-h-grouped), .checkbox-radio-switch--button-variant .checkbox-radio-switch__content[data-v-0dcb138a] { border-radius: var(--checkbox-radio-switch--border-radius); } .checkbox-radio-switch[data-v-0dcb138a] { /* Special rules for vertical button groups */ } .checkbox-radio-switch--button-variant-v-grouped .checkbox-radio-switch__content[data-v-0dcb138a] { flex-basis: 100%; max-width: unset; } .checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:first-of-type { border-start-start-radius: var(--checkbox-radio-switch--border-radius-outer); border-start-end-radius: var(--checkbox-radio-switch--border-radius-outer); } .checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:last-of-type { border-end-start-radius: var(--checkbox-radio-switch--border-radius-outer); border-end-end-radius: var(--checkbox-radio-switch--border-radius-outer); } .checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:not(:last-of-type) { border-bottom: 0 !important; } .checkbox-radio-switch--button-variant-v-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-0dcb138a] { margin-bottom: 2px; } .checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:not(:first-of-type) { border-top: 0 !important; } .checkbox-radio-switch[data-v-0dcb138a] { /* Special rules for horizontal button groups */ } .checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:first-of-type { border-start-start-radius: var(--checkbox-radio-switch--border-radius-outer); border-end-start-radius: var(--checkbox-radio-switch--border-radius-outer); } .checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:last-of-type { border-start-end-radius: var(--checkbox-radio-switch--border-radius-outer); border-end-end-radius: var(--checkbox-radio-switch--border-radius-outer); } .checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:not(:last-of-type) { border-inline-end: 0 !important; } .checkbox-radio-switch--button-variant-h-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-0dcb138a] { margin-inline-end: 2px; } .checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:not(:first-of-type) { border-inline-start: 0 !important; } .checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a] .checkbox-radio-switch__text { text-align: center; display: flex; align-items: center; } .checkbox-radio-switch--button-variant-h-grouped .checkbox-radio-switch__content[data-v-0dcb138a] { flex-direction: column; justify-content: center; width: 100%; margin: 0; gap: 0; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-2aa1d7ea] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .nc-chip[data-v-2aa1d7ea] { --chip-size: 24px; --chip-radius: calc(var(--chip-size) / 2); height: var(--chip-size); max-width: fit-content; display: flex; flex-direction: row; align-items: center; border-radius: var(--chip-radius); background-color: var(--color-background-hover); } .nc-chip--primary[data-v-2aa1d7ea] { background-color: var(--color-primary-element); color: var(--color-primary-element-text); } .nc-chip--secondary[data-v-2aa1d7ea] { background-color: var(--color-primary-element-light); color: var(--color-primary-element-light-text); } .nc-chip--error[data-v-2aa1d7ea] { background-color: var(--color-error); color: var(--color-error-text); } .nc-chip--warning[data-v-2aa1d7ea] { background-color: var(--color-warning); color: var(--color-warning-text); } .nc-chip--success[data-v-2aa1d7ea] { background-color: var(--color-success); color: var(--color-success-text); } .nc-chip--no-actions .nc-chip__text[data-v-2aa1d7ea] { padding-inline-end: calc(2 * var(--default-grid-baseline)); } .nc-chip--no-icon .nc-chip__text[data-v-2aa1d7ea] { padding-inline-start: calc(2 * var(--default-grid-baseline)); } .nc-chip__text[data-v-2aa1d7ea] { flex: 1 auto; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; } .nc-chip__icon[data-v-2aa1d7ea] { flex: 0 0 var(--chip-size); margin-inline-end: var(--default-grid-baseline); line-height: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; height: var(--chip-size); width: var(--chip-size); } .nc-chip__actions[data-v-2aa1d7ea] { flex: 0 0 var(--chip-size); --default-clickable-area: var(--chip-size); --border-radius-element: var(--chip-radius); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-52d18b4a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .fade-enter-active[data-v-52d18b4a], .fade-leave-active[data-v-52d18b4a] { transition: opacity 0.3s ease; } .fade-enter[data-v-52d18b4a], .fade-leave-to[data-v-52d18b4a] { opacity: 0; } .linked-icons[data-v-52d18b4a] { display: flex; } .linked-icons img[data-v-52d18b4a] { padding: 12px; height: var(--default-clickable-area); display: block; background-repeat: no-repeat; background-position: center; opacity: 0.7; } .linked-icons img[data-v-52d18b4a]:hover { opacity: 1; } .popovermenu[data-v-52d18b4a] { display: none; } .popovermenu.open[data-v-52d18b4a] { display: block; } li.collection-list-item[data-v-52d18b4a] { flex-wrap: wrap; height: auto; cursor: pointer; margin-bottom: 0 !important; } li.collection-list-item .collection-avatar[data-v-52d18b4a] { margin-top: 0; } li.collection-list-item form[data-v-52d18b4a], li.collection-list-item .collection-item-name[data-v-52d18b4a] { flex-basis: 10%; flex-grow: 1; display: flex; } li.collection-list-item .collection-item-name[data-v-52d18b4a] { padding: 12px 9px; } li.collection-list-item input[data-v-52d18b4a] { margin-top: 4px; border-color: var(--color-border-maxcontrast); } li.collection-list-item input[type=text][data-v-52d18b4a] { flex-grow: 1; } li.collection-list-item .error[data-v-52d18b4a] { flex-basis: 100%; width: 100%; } li.collection-list-item .resource-list-details[data-v-52d18b4a] { flex-basis: 100%; width: 100%; } li.collection-list-item .resource-list-details li[data-v-52d18b4a] { display: flex; margin-inline-start: var(--default-clickable-area); border-radius: 3px; cursor: pointer; } li.collection-list-item .resource-list-details li[data-v-52d18b4a]:hover { background-color: var(--color-background-dark); } li.collection-list-item .resource-list-details li a[data-v-52d18b4a] { flex-grow: 1; padding: 3px; max-width: calc(100% - 30px); display: flex; } li.collection-list-item .resource-list-details span[data-v-52d18b4a] { display: inline-block; vertical-align: top; margin-inline-end: 10px; } li.collection-list-item .resource-list-details span.resource-name[data-v-52d18b4a] { text-overflow: ellipsis; overflow: hidden; position: relative; vertical-align: top; white-space: nowrap; flex-grow: 1; padding: 4px; } li.collection-list-item .resource-list-details img[data-v-52d18b4a] { width: 24px; height: 24px; } li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a] { opacity: 0.7; } li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a]:hover, li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a]:focus { opacity: 1; } .should-shake[data-v-52d18b4a] { animation: shake-52d18b4a 0.6s 1 linear; } @keyframes shake-52d18b4a { 0% { transform: translate(15px); } 20% { transform: translate(-15px); } 40% { transform: translate(7px); } 60% { transform: translate(-7px); } 80% { transform: translate(3px); } 100% { transform: translate(0px); } }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-d175e795] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .collection-list[data-v-d175e795] * { box-sizing: border-box; } .collection-list > li[data-v-d175e795] { display: flex; align-items: center; gap: 12px; } .collection-list > li > .avatar[data-v-d175e795] { margin-top: 0; } #collection-select-container[data-v-d175e795] { display: flex; flex-direction: column; } .v-select span.avatar[data-v-d175e795] { display: block; padding: 16px; opacity: 0.7; background-repeat: no-repeat; background-position: center; } .v-select span.avatar[data-v-d175e795]:hover { opacity: 1; } p.hint[data-v-d175e795] { z-index: 1; margin-top: -16px; padding: 8px 8px; color: var(--color-text-maxcontrast); line-height: normal; } div.avatar[data-v-d175e795] { width: 32px; height: 32px; margin: 0; padding: 8px; background-color: var(--color-background-dark); margin-top: 30px; } /** TODO provide white icon in core */ .icon-projects[data-v-d175e795] { display: block; padding: 8px; background-repeat: no-repeat; background-position: center; } .option__wrapper[data-v-d175e795] { display: flex; } .option__wrapper .avatar[data-v-d175e795] { display: block; width: 32px; height: 32px; background-color: var(--color-background-darker) !important; } .option__wrapper .option__title[data-v-d175e795] { padding: 4px; } .fade-enter-active[data-v-d175e795], .fade-leave-active[data-v-d175e795] { transition: opacity 0.5s; } .fade-enter[data-v-d175e795], .fade-leave-to[data-v-d175e795] { opacity: 0; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } body { /** * Set custom vue-select CSS variables. * Needs to be on the body (not :root) for theming to apply (see f7cloud/server#36462) */ /* Search Input */ --vs-search-input-color: var(--color-main-text); --vs-search-input-bg: var(--color-main-background); --vs-search-input-placeholder-color: var(--color-text-maxcontrast); /* Font */ --vs-font-size: var(--default-font-size); --vs-line-height: var(--default-line-height); /* Disabled State */ --vs-state-disabled-bg: var(--color-background-hover); --vs-state-disabled-color: var(--color-text-maxcontrast); --vs-state-disabled-controls-color: var(--color-text-maxcontrast); --vs-state-disabled-cursor: not-allowed; --vs-disabled-bg: var(--color-background-hover); --vs-disabled-color: var(--color-text-maxcontrast); --vs-disabled-cursor: not-allowed; /* Borders */ --vs-border-color: var(--color-border-maxcontrast); --vs-border-width: var(--border-width-input, 2px) !important; --vs-border-style: solid; --vs-border-radius: var(--border-radius-element); /* Component Controls: Clear, Open Indicator */ --vs-controls-color: var(--color-main-text); /* Selected */ --vs-selected-bg: var(--color-background-hover); --vs-selected-color: var(--color-main-text); --vs-selected-border-color: var(--vs-border-color); --vs-selected-border-style: var(--vs-border-style); --vs-selected-border-width: var(--vs-border-width); /* Dropdown */ --vs-dropdown-bg: var(--color-main-background); --vs-dropdown-color: var(--color-main-text); --vs-dropdown-z-index: 9999; --vs-dropdown-box-shadow: 0px 2px 2px 0px var(--color-box-shadow); /* Options */ --vs-dropdown-option-padding: 8px 20px; /* Active State */ --vs-dropdown-option--active-bg: var(--color-background-hover); --vs-dropdown-option--active-color: var(--color-main-text); /* Keyboard Focus State */ --vs-dropdown-option--kb-focus-box-shadow: inset 0px 0px 0px 2px var(--vs-border-color); /* Deselect State */ --vs-dropdown-option--deselect-bg: var(--color-error); --vs-dropdown-option--deselect-color: #fff; /* Transitions */ --vs-transition-duration: 0ms; /* Actions */ --vs-actions-padding: 0 8px 0 4px; } .v-select.select { /* Override default vue-select styles */ min-height: var(--default-clickable-area); min-width: 260px; margin: 0 0 var(--default-grid-baseline); } .v-select.select.vs--open { --vs-border-width: var(--border-width-input-focused, 2px); } .v-select.select .select__label { display: block; margin-bottom: 2px; } .v-select.select .vs__selected { height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width) - var(--default-grid-baseline)); margin: calc(var(--default-grid-baseline) / 2); padding-block: 0; padding-inline: 12px 8px; border-radius: 16px !important; background: var(--color-primary-element-light); border: none; } .v-select.select.vs--open .vs__selected:first-of-type { margin-inline-start: calc(var(--default-grid-baseline) / 2 - (var(--border-width-input-focused, 2px) - var(--border-width-input, 2px))) !important; } .v-select.select .vs__search { text-overflow: ellipsis; color: var(--color-main-text); min-height: unset !important; height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width)) !important; } .v-select.select .vs__search::placeholder { color: var(--color-text-maxcontrast); } .v-select.select .vs__search, .v-select.select .vs__search:focus { margin: 0; } .v-select.select .vs__dropdown-toggle { position: relative; max-height: 100px; padding: 0; overflow-y: auto; } .v-select.select .vs__actions { position: sticky; top: 0; } .v-select.select .vs__clear { margin-inline-end: 2px; } .v-select.select.vs--open .vs__dropdown-toggle { border-width: var(--border-width-input-focused); outline: 2px solid var(--color-main-background); border-color: var(--color-main-text); border-bottom-color: transparent; } .v-select.select:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:hover { outline: 2px solid var(--color-main-background); border-color: var(--color-main-text); } .v-select.select.vs--disabled .vs__search, .v-select.select.vs--disabled .vs__selected { color: var(--color-text-maxcontrast); } .v-select.select.vs--disabled .vs__clear, .v-select.select.vs--disabled .vs__deselect { display: none; } .v-select.select--no-wrap .vs__selected-options { flex-wrap: nowrap; overflow: auto; min-width: unset; } .v-select.select--no-wrap .vs__selected-options .vs__selected { min-width: unset; } .v-select.select--drop-up.vs--open .vs__dropdown-toggle { border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius); border-top-color: transparent; border-bottom-color: var(--color-main-text); } .v-select.select .vs__selected-options { min-height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width)); } .v-select.select .vs__selected-options .vs__selected ~ .vs__search[readonly] { position: absolute; } .v-select.select .vs__selected-options { padding: 0 5px; } .v-select.select.vs--single.vs--loading .vs__selected, .v-select.select.vs--single.vs--open .vs__selected { max-width: 100%; opacity: 1; color: var(--color-text-maxcontrast); } .v-select.select.vs--single .vs__selected-options { flex-wrap: nowrap; } .v-select.select.vs--single .vs__selected { background: unset !important; } .vs__dropdown-menu { border-width: var(--border-width-input-focused) !important; border-color: var(--color-main-text) !important; outline: none !important; box-shadow: -2px 0 0 var(--color-main-background), 0 2px 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important; padding: 4px !important; } .vs__dropdown-menu--floating { /* Fallback styles overidden by programmatically set inline styles */ width: max-content; position: absolute; top: 0; inset-inline-start: 0; } .vs__dropdown-menu--floating-placement-top { border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0 !important; border-top-style: var(--vs-border-style) !important; border-bottom-style: none !important; box-shadow: 0 -2px 0 var(--color-main-background), -2px 0 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important; } .vs__dropdown-menu .vs__dropdown-option { border-radius: 6px !important; } .vs__dropdown-menu .vs__no-options { color: var(--color-text-maxcontrast) !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-a612f185] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .name-parts[data-v-a612f185] { display: flex; max-width: 100%; cursor: inherit; } .name-parts__first[data-v-a612f185] { overflow: hidden; text-overflow: ellipsis; } .name-parts__first[data-v-a612f185], .name-parts__last[data-v-a612f185] { white-space: pre; cursor: inherit; } .name-parts__first strong[data-v-a612f185], .name-parts__last strong[data-v-a612f185] { font-weight: bold; } :root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1} /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-3d24879b] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .color-picker[data-v-3d24879b] { display: flex; overflow: hidden; align-content: flex-end; flex-direction: column; justify-content: space-between; padding: var(--border-radius-element); min-width: calc(4 * var(--default-clickable-area) + 2 * var(--border-radius-element)); } .color-picker--clearable[data-v-3d24879b] { min-width: calc(5 * var(--default-clickable-area) + 2 * var(--border-radius-element)); } .color-picker--advanced-fields[data-v-3d24879b] { min-width: 264px; } .color-picker__clear[data-v-3d24879b] { color: var(--color-main-text); } .color-picker__clear[data-v-3d24879b]:hover:not(:has(:checked)) { color: var(--color-text-maxcontrast); } .color-picker__simple[data-v-3d24879b] { display: grid; grid-template-columns: repeat(auto-fit, var(--default-clickable-area)); grid-auto-rows: var(--default-clickable-area); } .color-picker__simple-color-circle[data-v-3d24879b] { display: flex; align-items: center; justify-content: center; width: calc(var(--default-clickable-area) - 10px); height: calc(var(--default-clickable-area) - 10px); min-height: calc(var(--default-clickable-area) - 10px); margin: auto; padding: 0; color: white; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 50%; font-size: 16px; } .color-picker__simple-color-circle[data-v-3d24879b]:focus-within { outline: 2px solid var(--color-main-text); } .color-picker__simple-color-circle[data-v-3d24879b]:hover { opacity: 0.6; } .color-picker__simple-color-circle--active[data-v-3d24879b] { width: calc(var(--default-clickable-area) - 6px); height: calc(var(--default-clickable-area) - 6px); min-height: calc(var(--default-clickable-area) - 6px); transition: all 100ms ease-in-out; opacity: 1 !important; } .color-picker__advanced[data-v-3d24879b] { box-shadow: none !important; } .color-picker__navigation[data-v-3d24879b] { display: flex; flex-direction: row; gap: var(--default-grid-baseline); justify-content: space-between; margin-top: calc(2 * var(--default-grid-baseline)); } [data-v-3d24879b] .vc-chrome { width: unset; background-color: var(--color-main-background); } [data-v-3d24879b] .vc-chrome-color-wrap { width: 30px; height: 30px; } [data-v-3d24879b] .vc-chrome-active-color { border-radius: 17px; } [data-v-3d24879b] .vc-chrome-body { padding: 14px 0 0 0; background-color: var(--color-main-background); } [data-v-3d24879b] .vc-chrome-body .vc-input__input { --input-border-radius: var(--border-radius-element); --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px)); width: 100%; height: var(--default-clickable-area); margin: 0; padding-inline: calc(var(--border-radius-element) + var(--input-border-width-offset)); padding-block: var(--input-border-width-offset); border: var(--border-width-input, 2px) solid var(--color-border-maxcontrast); border-radius: var(--input-border-radius); font-size: var(--default-font-size); color: var(--color-main-text); box-shadow: none; } [data-v-3d24879b] .vc-chrome-body .vc-input__input:active:not([disabled]),[data-v-3d24879b] .vc-chrome-body .vc-input__input:hover:not([disabled]),[data-v-3d24879b] .vc-chrome-body .vc-input__input:focus:not([disabled]) { --input-border-width-offset: 0px; border-color: var(--color-main-text); border-width: var(--border-width-input-focused, 2px); box-shadow: 0 0 0 2px var(--color-main-background) !important; } [data-v-3d24879b] .vc-chrome-body .vc-input__input:active:not([disabled]) + .vc-input__label,[data-v-3d24879b] .vc-chrome-body .vc-input__input:hover:not([disabled]) + .vc-input__label,[data-v-3d24879b] .vc-chrome-body .vc-input__input:focus:not([disabled]) + .vc-input__label { color: var(--color-main-text); } [data-v-3d24879b] .vc-chrome-body .vc-input__label { position: absolute; inset-inline: var(--border-width-input-focused, 2px); inset-block-start: calc(-1.5 * var(--font-size-small, 13px) / 2); max-width: fit-content; margin-inline: calc(var(--border-radius-element) - var(--default-grid-baseline)); margin-block: 0; padding-inline: var(--default-grid-baseline); font-family: var(--font-face); font-size: var(--font-size-small, 13px); line-height: 1.5; font-weight: 500; color: var(--color-text-maxcontrast); background-color: var(--color-main-background); pointer-events: none; } [data-v-3d24879b] .vc-chrome-toggle-btn { display: flex; justify-content: center; align-items: center; width: var(--default-clickable-area); height: var(--default-clickable-area); margin-inline-start: 6px; filter: var(--background-invert-if-dark); } [data-v-3d24879b] .vc-chrome-toggle-icon { width: 24px; height: 24px; margin: 0; } [data-v-3d24879b] .vc-chrome-toggle-icon-highlight { width: var(--default-clickable-area); height: var(--default-clickable-area); inset: 0; } [data-v-3d24879b] .vc-chrome-saturation-wrap { border-radius: 3px; } [data-v-3d24879b] .vc-chrome-saturation-circle { width: 20px; height: 20px; } .slide-enter-from[data-v-3d24879b] { transform: translateX(-50%); opacity: 0; } .slide-enter-to[data-v-3d24879b] { transform: translateX(0); opacity: 1; } .slide-leave-from[data-v-3d24879b] { transform: translateX(0); opacity: 1; } .slide-leave-to[data-v-3d24879b] { transform: translateX(-50%); opacity: 0; } .slide-enter-active[data-v-3d24879b], .slide-leave-active[data-v-3d24879b] { transition: all 50ms ease-in-out; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } #skip-actions.vue-skip-actions:focus-within { top: 0 !important; inset-inline-start: 0 !important; width: 100vw; height: 100vh; padding: var(--body-container-margin) !important; backdrop-filter: brightness(50%); }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-d9b0d7e8] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .vue-skip-actions__container[data-v-d9b0d7e8] { background-color: var(--color-main-background); border-radius: var(--border-radius-element); padding: 22px; } .vue-skip-actions__headline[data-v-d9b0d7e8] { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 12px; } .vue-skip-actions__buttons[data-v-d9b0d7e8] { display: flex; flex-wrap: wrap; gap: 12px; } .vue-skip-actions__buttons[data-v-d9b0d7e8] > * { flex: 1 0 fit-content; } .vue-skip-actions__image[data-v-d9b0d7e8] { margin-top: 12px; } .vue-skip-actions__image[data-v-d9b0d7e8]:dir(rtl) { transform: rotateY(180deg); } .content[data-v-d9b0d7e8] { display: flex; width: calc(100% - var(--body-container-margin) * 2); border-radius: var(--body-container-radius); height: var(--body-height); overflow: hidden; padding: 0; } .content[data-v-d9b0d7e8]:not(.with-sidebar--full) { position: fixed; } .content[data-v-d9b0d7e8], .content[data-v-d9b0d7e8] * { box-sizing: border-box; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-36ffc13f] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .counter-bubble__counter[data-v-36ffc13f] { --counter-bubble-height: 22px; font-size: var(--font-size-small, 13px); overflow: hidden; width: fit-content; min-width: var(--counter-bubble-height); text-align: center; line-height: var(--counter-bubble-height); padding: 0 calc(1.5 * var(--default-grid-baseline)); border-radius: 0.5lh; background-color: var(--color-primary-element-light); font-weight: bold; color: var(--color-primary-element-light-text); } .counter-bubble__counter .active[data-v-36ffc13f] { color: var(--color-main-background); background-color: var(--color-primary-element-light); } .counter-bubble__counter--highlighted[data-v-36ffc13f] { color: var(--color-primary-element-text); background-color: var(--color-primary-element); } .counter-bubble__counter--highlighted.active[data-v-36ffc13f] { color: var(--color-primary-element); background-color: var(--color-main-background); } .counter-bubble__counter--outlined[data-v-36ffc13f] { color: var(--color-primary-element); background: transparent; box-shadow: inset 0 0 0 2px; } .counter-bubble__counter--outlined.active[data-v-36ffc13f] { color: var(--color-main-background); box-shadow: inset 0 0 0 2px; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-6b5fc397] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .dashboard-widget[data-v-6b5fc397] .empty-content { text-align: center; padding-top: 5vh; } .dashboard-widget[data-v-6b5fc397] .empty-content.half-screen { padding-top: 0; margin-bottom: 1vh; } .more[data-v-6b5fc397] { display: block; text-align: center; color: var(--color-text-maxcontrast); line-height: 60px; cursor: pointer; } .more[data-v-6b5fc397]:hover, .more[data-v-6b5fc397]:focus { background-color: var(--color-background-hover); border-radius: var(--border-radius-element); color: var(--color-main-text); } /* skeleton */ .item-list__entry[data-v-6b5fc397] { display: flex; align-items: flex-start; padding: 8px; } .item-list__entry .item-avatar[data-v-6b5fc397] { position: relative; margin-block: auto; background-color: var(--color-background-dark) !important; } .item-list__entry .item__details[data-v-6b5fc397] { padding-inline-start: 8px; max-height: var(--default-clickable-area); flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; } .item-list__entry .item__details h3[data-v-6b5fc397], .item-list__entry .item__details .message[data-v-6b5fc397] { white-space: nowrap; background-color: var(--color-background-dark); } .item-list__entry .item__details h3[data-v-6b5fc397] { font-size: 100%; margin: 0; } .item-list__entry .item__details .message[data-v-6b5fc397] { width: 80%; height: 15px; margin-top: 5px; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-c033ba26] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .item-list__entry[data-v-c033ba26] { display: flex; align-items: center; position: relative; padding: 8px; } .item-list__entry[data-v-c033ba26]:hover, .item-list__entry[data-v-c033ba26]:focus { background-color: var(--color-background-hover); border-radius: var(--border-radius-element); } .item-list__entry .item-avatar[data-v-c033ba26] { position: relative; margin-top: auto; margin-bottom: auto; } .item-list__entry .item__details[data-v-c033ba26] { padding-inline-start: 8px; max-height: fit-content; flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; justify-content: center; min-height: var(--default-clickable-area); } .item-list__entry .item__details h3[data-v-c033ba26], .item-list__entry .item__details .message[data-v-c033ba26] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-list__entry .item__details .message span[data-v-c033ba26] { width: 10px; display: inline-block; margin-bottom: -3px; } .item-list__entry .item__details h3[data-v-c033ba26] { font-size: 100%; margin: 0; } .item-list__entry .item__details .message[data-v-c033ba26] { width: 100%; color: var(--color-text-maxcontrast); } .item-list__entry .item-icon[data-v-c033ba26] { position: relative; width: 14px; height: 14px; margin-top: 25px; margin-inline: -10px -2px; } .item-list__entry button.primary[data-v-c033ba26] { padding: 21px; margin: 0; } /* .content-popover { height: 0px; width: 0px; margin-inline: auto; } .popover-container { width: 100%; height: 0px; } */ /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-02e90461] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .vue-date-time-picker__wrapper[data-v-02e90461] { --dp-common-transition: all var(--animation-quick) ease-in; --dp-menu-padding: 6px 8px; --dp-animation-duration: var(--animation-quick); --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); --dp-transition-timing: ease-out; --dp-action-row-transtion: all 0.2s ease-in; --dp-font-family: var(--font-face); --dp-border-radius: var(--border-radius-element); --dp-cell-border-radius: var(--border-radius-small); --dp-transition-length: 22px; --dp-transition-timing-general: var(--animation-quick); --dp-button-height: var(--default-clickable-area); --dp-month-year-row-height: var(--default-clickable-area); --dp-month-year-row-button-size: var(--clickable-area-small); --dp-button-icon-height: 20px; --dp-calendar-wrap-padding: 0 5px; --dp-cell-size: var(--default-clickable-area); --dp-cell-padding: 5px; --dp-common-padding: 10px; --dp-input-icon-padding: var(--default-clickable-area); --dp-input-padding: 6px 12px; --dp-menu-min-width: 260px; --dp-action-buttons-padding: 1px 6px; --dp-row-margin: 5px 0; --dp-calendar-header-cell-padding: 0.5rem; --dp-multi-calendars-spacing: 10px; --dp-overlay-col-padding: 3px; --dp-time-inc-dec-button-size: var(--default-clickable-area); --dp-font-size: 1rem; --dp-preview-font-size: var(--font-size-small); --dp-time-font-size: 2rem; --dp-action-button-height: var(--clickable-area-small); --dp-action-row-padding: 8px; --dp-direction: ltr; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_wrap { position: relative; width: 100%; box-sizing: unset; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_wrap:focus { border-color: var(--dp-border-color-hover); outline: none; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_valid { box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color); border-color: var(--dp-success-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_valid:hover { border-color: var(--dp-success-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_invalid { box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color); border-color: var(--dp-danger-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_invalid:hover { border-color: var(--dp-danger-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input { background-color: var(--dp-background-color); border-radius: var(--dp-border-radius); font-family: var(--dp-font-family); border: 1px solid var(--dp-border-color); outline: none; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; font-size: var(--dp-font-size); line-height: calc(var(--dp-font-size) * 1.5); padding: var(--dp-input-padding); color: var(--dp-text-color); box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input::placeholder { opacity: 0.7; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input:hover:not(.dp__input_focus) { border-color: var(--dp-border-color-hover); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_not_clearable { padding-inline-end: var(--dp-input-not-clearable-padding) !important; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_reg { caret-color: rgba(0, 0, 0, 0); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_focus { border-color: var(--dp-border-color-focus); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__disabled { background: var(--dp-disabled-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__disabled::placeholder { color: var(--dp-disabled-color-text); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_icons { display: inline-block; width: var(--dp-font-size); height: var(--dp-font-size); stroke-width: 0; font-size: var(--dp-font-size); line-height: calc(var(--dp-font-size) * 1.5); padding: 6px 12px; color: var(--dp-icon-color); box-sizing: content-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_icon { cursor: pointer; position: absolute; top: 50%; inset-inline-start: 0; transform: translateY(-50%); color: var(--dp-icon-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--clear-btn { position: absolute; top: 50%; inset-inline-end: 0; transform: translateY(-50%); cursor: pointer; color: var(--dp-icon-color); background: rgba(0, 0, 0, 0); border: none; display: inline-flex; align-items: center; padding: 0; margin: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_icon_pad { padding-inline-start: var(--dp-input-icon-padding); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu { background: var(--dp-background-color); border-radius: var(--dp-border-radius); min-width: var(--dp-menu-min-width); font-family: var(--dp-font-family); font-size: var(--dp-font-size); user-select: none; border: 1px solid var(--dp-menu-border-color); box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu::after { box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu::before { box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu:focus { border: 1px solid var(--dp-menu-border-color); outline: none; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu-wrapper { position: absolute; z-index: 99999; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_inner { padding: var(--dp-menu-padding); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu--inner-stretched { padding: 6px 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_index { z-index: 99999; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-loading, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_readonly, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_disabled { position: absolute; inset: 0; z-index: 999999; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_disabled { background: hsla(0, 0%, 100%, 0.5); cursor: not-allowed; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_readonly { background: rgba(0, 0, 0, 0); cursor: default; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-loading { background: hsla(0, 0%, 100%, 0.5); cursor: default; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu-load-container { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu-loader { width: 48px; height: 48px; border: var(--dp-loader); border-bottom-color: rgba(0, 0, 0, 0); border-radius: 50%; display: inline-block; box-sizing: border-box; animation: dp-load-rotation-02e90461 1s linear infinite; position: absolute; } @keyframes dp-load-rotation-02e90461 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__arrow_top { left: var(--dp-arrow-left); top: 0; height: 12px; width: 12px; background-color: var(--dp-background-color); position: absolute; border-inline-end: 1px solid var(--dp-menu-border-color); border-top: 1px solid var(--dp-menu-border-color); transform: translate(-50%, -50%) rotate(-45deg); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__arrow_bottom { left: var(--dp-arrow-left); bottom: 0; height: 12px; width: 12px; background-color: var(--dp-background-color); position: absolute; border-inline-end: 1px solid var(--dp-menu-border-color); border-bottom: 1px solid var(--dp-menu-border-color); transform: translate(-50%, 50%) rotate(45deg); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_extra { text-align: center; padding: 2px 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-dates { padding: 5px; border-inline-end: 1px solid var(--dp-border-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-dates[data-dp-mobile] { display: flex; align-self: center; border: none; overflow-x: auto; max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-dates-collapsed { display: flex; align-self: center; border: none; overflow-x: auto; max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__sidebar_left { padding: 5px; border-inline-end: 1px solid var(--dp-border-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__sidebar_right { padding: 5px; margin-inline-end: 1px solid var(--dp-border-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range { display: block; width: 100%; padding: 5px; text-align: left; white-space: nowrap; color: var(--dp-text-color); border-radius: var(--dp-border-radius); transition: var(--dp-common-transition); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range:hover { background-color: var(--dp-hover-color); color: var(--dp-hover-text-color); cursor: pointer; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range[data-dp-mobile] { border: 1px solid var(--dp-border-color); margin: 0 3px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range[data-dp-mobile]:first-child { margin-left: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range[data-dp-mobile]:last-child { margin-right: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range-collapsed { border: 1px solid var(--dp-border-color); margin: 0 3px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range-collapsed:first-child { margin-left: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range-collapsed:last-child { margin-right: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_content_wrapper { display: flex; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_content_wrapper[data-dp-mobile] { flex-direction: column-reverse; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu-content-wrapper-collapsed { flex-direction: column-reverse; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_header { position: relative; display: flex; justify-content: center; align-items: center; color: var(--dp-text-color); white-space: nowrap; font-weight: bold; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_header_item { text-align: center; flex-grow: 1; height: var(--dp-cell-size); padding: var(--dp-cell-padding); width: var(--dp-cell-size); box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_row { display: flex; justify-content: center; align-items: center; margin: var(--dp-row-margin); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_item { text-align: center; flex-grow: 1; box-sizing: border-box; color: var(--dp-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar { position: relative; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_header_cell { border-bottom: thin solid var(--dp-border-color); padding: var(--dp-calendar-header-cell-padding); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_inner { display: flex; align-items: center; text-align: center; justify-content: center; border-radius: var(--dp-cell-border-radius); height: var(--dp-cell-size); padding: var(--dp-cell-padding); width: var(--dp-cell-size); border: 1px solid rgba(0, 0, 0, 0); box-sizing: border-box; position: relative; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_inner:hover { transition: all 0.2s; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range_start, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_start { border-end-end-radius: 0; border-start-end-radius: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range_end, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_end { border-end-start-radius: 0; border-start-start-radius: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_end, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_start, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__active_date { background: var(--dp-primary-color); color: var(--dp-primary-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_offset { color: var(--dp-secondary-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_disabled { color: var(--dp-secondary-color); cursor: not-allowed; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_between { background: var(--dp-range-between-dates-background-color); color: var(--dp-range-between-dates-text-color); border-radius: 0; border: 1px solid var(--dp-range-between-border-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_between_week { background: var(--dp-primary-color); color: var(--dp-primary-text-color); border-radius: 0; border-top: 1px solid var(--dp-primary-color); border-bottom: 1px solid var(--dp-primary-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__today { border: 1px solid var(--dp-primary-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__week_num { color: var(--dp-secondary-color); text-align: center; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range { border-radius: 0; border-top: 1px dashed var(--dp-primary-color); border-bottom: 1px dashed var(--dp-primary-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range_start { border-start-start-radius: var(--dp-cell-border-radius); border-end-start-radius: var(--dp-cell-border-radius); border-inline-start: 1px dashed var(--dp-primary-color); border-top: 1px dashed var(--dp-primary-color); border-bottom: 1px dashed var(--dp-primary-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range_end { border-start-end-radius: var(--dp-cell-border-radius); border-end-end-radius: var(--dp-cell-border-radius); border-top: 1px dashed var(--dp-primary-color); border-bottom: 1px dashed var(--dp-primary-color); border-inline-end: 1px dashed var(--dp-primary-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_header_separator { width: 100%; height: 1px; background: var(--dp-border-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_next { margin-inline-start: var(--dp-multi-calendars-spacing); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_line, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_dot { height: 5px; background-color: var(--dp-marker-color); position: absolute; bottom: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_dot { width: 5px; border-radius: 50%; left: 50%; transform: translateX(-50%); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_line { width: 100%; left: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_tooltip { position: absolute; border-radius: var(--dp-border-radius); background-color: var(--dp-tooltip-color); padding: 5px; border: 1px solid var(--dp-border-color); z-index: 99999; box-sizing: border-box; cursor: default; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__tooltip_content { white-space: nowrap; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__tooltip_text { display: flex; align-items: center; flex-flow: row nowrap; color: var(--dp-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__tooltip_mark { height: 5px; width: 5px; border-radius: 50%; background-color: var(--dp-text-color); color: var(--dp-text-color); margin-inline-end: 5px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__arrow_bottom_tp { bottom: 0; height: 8px; width: 8px; background-color: var(--dp-tooltip-color); position: absolute; border-inline-end: 1px solid var(--dp-border-color); border-bottom: 1px solid var(--dp-border-color); transform: translate(-50%, 50%) rotate(45deg); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__instance_calendar { position: relative; width: 100%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex_display[data-dp-mobile] { flex-direction: column; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--flex-display-collapsed { flex-direction: column; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_highlight { background-color: var(--dp-highlight-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_row { display: flex; align-items: center; height: var(--dp-month-year-row-height); color: var(--dp-text-color); box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav { display: flex; align-items: center; justify-content: center; cursor: pointer; height: var(--dp-month-year-row-button-size); width: var(--dp-month-year-row-button-size); color: var(--dp-icon-color); text-align: center; border-radius: 50%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav svg { height: var(--dp-button-icon-height); width: var(--dp-button-icon-height); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); } .vue-date-time-picker__wrapper[data-v-02e90461] [dir=rtl] .dp__inner_nav { transform: rotate(180deg); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav_disabled:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav_disabled { background: var(--dp-disabled-color); color: var(--dp-disabled-color-text); cursor: not-allowed; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--year-select, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select { text-align: center; cursor: pointer; height: var(--dp-month-year-row-height); display: flex; align-items: center; justify-content: center; border-radius: var(--dp-border-radius); box-sizing: border-box; color: var(--dp-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--year-select:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select { width: 50%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--year-select { width: 100%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_wrap { display: flex; flex-direction: row; width: 100%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__year_disable_select { justify-content: space-around; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--header-wrap { display: flex; width: 100%; flex-direction: column; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay { width: 100%; background: var(--dp-background-color); transition: opacity 1s ease-out; z-index: 99999; font-family: var(--dp-font-family); color: var(--dp-text-color); box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--overlay-absolute { position: absolute; height: 100%; top: 0; left: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--overlay-relative { position: relative; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_container::-webkit-scrollbar-track { box-shadow: var(--dp-scroll-bar-background); background-color: var(--dp-scroll-bar-background); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_container::-webkit-scrollbar { width: 5px; background-color: var(--dp-scroll-bar-background); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_container::-webkit-scrollbar-thumb { background-color: var(--dp-scroll-bar-color); border-radius: 10px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay:focus { border: none; outline: none; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__container_flex { display: flex; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__container_block { display: block; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_container { flex-direction: column; overflow-y: auto; height: var(--dp-overlay-height); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_picker_overlay_container { height: 100%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_row { padding: 0; box-sizing: border-box; display: flex; margin-inline: auto; flex-wrap: wrap; max-width: 100%; width: 100%; align-items: center; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex_row { flex: 1; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_col { box-sizing: border-box; width: 33%; padding: var(--dp-overlay-col-padding); white-space: nowrap; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_pad { padding: var(--dp-common-padding) 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_active { cursor: pointer; border-radius: var(--dp-border-radius); text-align: center; background: var(--dp-primary-color); color: var(--dp-primary-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell { cursor: pointer; border-radius: var(--dp-border-radius); text-align: center; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell:hover { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_in_between { background: var(--dp-hover-color); color: var(--dp-hover-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__over_action_scroll { right: 5px; box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_disabled { cursor: not-allowed; background: var(--dp-disabled-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_disabled:hover { background: var(--dp-disabled-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_active_disabled { cursor: not-allowed; background: var(--dp-primary-disabled-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_active_disabled:hover { background: var(--dp-primary-disabled-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn, .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn, .vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-overlay-btn, .vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-invalid { border: none; font: inherit; transition: var(--dp-common-transition); line-height: normal; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--year-mode-picker { display: flex; width: 100%; align-items: center; justify-content: space-between; height: var(--dp-cell-size); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap { max-width: var(--dp-menu-min-width); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap[data-dp-mobile] { max-width: 100%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_input { width: 100%; display: flex; align-items: center; justify-content: center; user-select: none; font-family: var(--dp-font-family); color: var(--dp-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_reg_block { padding: 0 20px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_reg_inline { padding: 0 10px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_reg_with_button { padding: 0 15px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_reg_with_button[data-compact~=true] { padding: 0 5px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_sec { padding: 0 10px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_sec_with_button { padding: 0 5px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_sec_with_button[data-collapsed~=true] { padding: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col { text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_block { font-size: var(--dp-time-font-size); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_display_block { padding: 0 3px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_display_inline { padding: 5px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_picker_inline_container { display: flex; width: 100%; justify-content: center; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button { padding: 5px; margin: 0; height: var(--dp-time-inc-dec-button-size); width: var(--dp-time-inc-dec-button-size); display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; color: var(--dp-icon-color); box-sizing: border-box; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button svg { height: var(--dp-time-inc-dec-button-size); width: var(--dp-time-inc-dec-button-size); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_display { cursor: pointer; color: var(--dp-text-color); border-radius: var(--dp-border-radius); display: flex; align-items: center; justify-content: center; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_display:hover:enabled { background: var(--dp-hover-color); color: var(--dp-hover-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button_inline { width: 100%; padding: 0; height: 8px; cursor: pointer; display: flex; align-items: center; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button_disabled, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button_disabled:hover { background: var(--dp-disabled-color); color: var(--dp-disabled-color-text); cursor: not-allowed; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__pm_am_button { background: var(--dp-primary-color); color: var(--dp-primary-text-color); border: none; padding: var(--dp-common-padding); border-radius: var(--dp-border-radius); cursor: pointer; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__pm_am_button[data-compact~=true] { padding: 7px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_bar { width: 100%; height: 4px; background-color: var(--dp-secondary-color); transition: var(--dp-common-transition); border-collapse: collapse; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r { background-color: var(--dp-primary-color); transform: rotate(12deg) scale(1.15) translateY(-2px); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l { background-color: var(--dp-primary-color); transform: rotate(-12deg) scale(1.15) translateY(-2px); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r { background-color: var(--dp-primary-color); transform: rotate(-12deg) scale(1.15) translateY(-2px); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l { background-color: var(--dp-primary-color); transform: rotate(12deg) scale(1.15) translateY(-2px); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-overlay-btn { background: none; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-invalid { background-color: var(--dp-disabled-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_row { display: flex; align-items: center; width: 100%; padding: var(--dp-action-row-padding); box-sizing: border-box; color: var(--dp-text-color); flex-flow: row nowrap; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_row svg { height: var(--dp-button-icon-height); width: auto; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__selection_preview { display: block; color: var(--dp-text-color); font-size: var(--dp-preview-font-size); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_buttons { display: flex; flex: 0; white-space: nowrap; align-items: center; justify-content: flex-end; margin-inline-start: auto; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_button { display: inline-flex; align-items: center; background: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); padding: var(--dp-action-buttons-padding); line-height: var(--dp-action-button-height); margin-inline-start: 3px; height: var(--dp-action-button-height); cursor: pointer; border-radius: var(--dp-border-radius); font-size: var(--dp-preview-font-size); font-family: var(--dp-font-family); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_cancel { color: var(--dp-text-color); border: 1px solid var(--dp-border-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_cancel:hover { border-color: var(--dp-primary-color); transition: var(--dp-action-row-transition); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_buttons .dp__action_select { background: var(--dp-primary-color); color: var(--dp-primary-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_buttons .dp__action_select:hover { background: var(--dp-primary-color); transition: var(--dp-action-row-transition); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_buttons .dp__action_select:disabled { background: var(--dp-primary-disabled-color); cursor: not-allowed; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp-quarter-picker-wrap { display: flex; flex-direction: column; height: 100%; min-width: var(--dp-menu-min-width); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn-disabled { cursor: not-allowed; background: var(--dp-disabled-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn-disabled:hover { background: var(--dp-disabled-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn { width: 100%; padding: var(--dp-common-padding); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) { background: none; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) { background: var(--dp-hover-color); color: var(--dp-hover-text-color); transition: var(--dp-common-transition); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--quarter-items { display: flex; flex-direction: column; flex: 1; width: 100%; height: 100%; justify-content: space-evenly; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn-active { background: var(--dp-primary-color); color: var(--dp-primary-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn-between { background: var(--dp-hover-color); color: var(--dp-hover-text-color); } .vue-date-time-picker__wrapper[data-v-02e90461] :root { --dp-common-transition: all 0.1s ease-in; --dp-menu-padding: 6px 8px; --dp-animation-duration: 0.1s; --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); --dp-transition-timing: ease-out; --dp-action-row-transition: all 0.2s ease-in; --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; --dp-border-radius: 4px; --dp-cell-border-radius: 4px; --dp-transition-length: 22px; --dp-transition-timing-general: 0.1s; --dp-button-height: 35px; --dp-month-year-row-height: 35px; --dp-month-year-row-button-size: 25px; --dp-button-icon-height: 20px; --dp-calendar-wrap-padding: 0 5px; --dp-cell-size: 35px; --dp-cell-padding: 5px; --dp-common-padding: 10px; --dp-input-icon-padding: 35px; --dp-input-padding: 6px 30px 6px 12px; --dp-input-not-clearable-padding: 12px; --dp-menu-min-width: 260px; --dp-action-buttons-padding: 1px 6px; --dp-row-margin: 5px 0; --dp-calendar-header-cell-padding: 0.5rem; --dp-multi-calendars-spacing: 10px; --dp-overlay-col-padding: 3px; --dp-time-inc-dec-button-size: 32px; --dp-font-size: 1rem; --dp-preview-font-size: 0.8rem; --dp-time-font-size: 2rem; --dp-action-button-height: 22px; --dp-action-row-padding: 8px; --dp-direction: ltr; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_dark { --dp-background-color: #212121; --dp-text-color: #fff; --dp-hover-color: #484848; --dp-hover-text-color: #fff; --dp-hover-icon-color: #959595; --dp-primary-color: #005cb2; --dp-primary-disabled-color: #61a8ea; --dp-primary-text-color: #fff; --dp-secondary-color: #a9a9a9; --dp-border-color: #2d2d2d; --dp-menu-border-color: #2d2d2d; --dp-border-color-hover: #aaaeb7; --dp-border-color-focus: #aaaeb7; --dp-disabled-color: #737373; --dp-disabled-color-text: #d0d0d0; --dp-scroll-bar-background: #212121; --dp-scroll-bar-color: #484848; --dp-success-color: #00701a; --dp-success-color-disabled: #428f59; --dp-icon-color: #959595; --dp-danger-color: #e53935; --dp-marker-color: #e53935; --dp-tooltip-color: #3e3e3e; --dp-highlight-color: rgb(0 92 178 / 20%); --dp-range-between-dates-background-color: var(--dp-hover-color, #484848); --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff); --dp-range-between-border-color: var(--dp-hover-color, #fff); --dp-loader: 5px solid #005cb2; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_light { --dp-background-color: #fff; --dp-text-color: #212121; --dp-hover-color: #f3f3f3; --dp-hover-text-color: #212121; --dp-hover-icon-color: #959595; --dp-primary-color: #1976d2; --dp-primary-disabled-color: #6bacea; --dp-primary-text-color: #fff; --dp-secondary-color: #c0c4cc; --dp-border-color: #ddd; --dp-menu-border-color: #ddd; --dp-border-color-hover: #aaaeb7; --dp-border-color-focus: #aaaeb7; --dp-disabled-color: #f6f6f6; --dp-scroll-bar-background: #f3f3f3; --dp-scroll-bar-color: #959595; --dp-success-color: #76d275; --dp-success-color-disabled: #a3d9b1; --dp-icon-color: #959595; --dp-danger-color: #ff6f60; --dp-marker-color: #ff6f60; --dp-tooltip-color: #fafafa; --dp-disabled-color-text: #8e8e8e; --dp-highlight-color: rgb(25 118 210 / 10%); --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3); --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121); --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3); --dp-loader: 5px solid #1976d2; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex { display: flex; align-items: center; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn { background: none; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__main { font-family: var(--dp-font-family); user-select: none; box-sizing: border-box; position: relative; width: 100%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__main * { direction: var(--dp-direction, ltr); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__pointer { cursor: pointer; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__icon { stroke: currentcolor; fill: currentcolor; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__button { width: 100%; text-align: center; color: var(--dp-icon-color); cursor: pointer; display: flex; align-items: center; place-content: center center; padding: var(--dp-common-padding); box-sizing: border-box; height: var(--dp-button-height); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__button.dp__overlay_action { position: absolute; bottom: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__button:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__button svg { height: var(--dp-button-icon-height); width: auto; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__button_bottom { border-bottom-left-radius: var(--dp-border-radius); border-bottom-right-radius: var(--dp-border-radius); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex_display { display: flex; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex_display_with_input { flex-direction: column; align-items: flex-start; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__relative { position: relative; } .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-next-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-next-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-prev-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-prev-leave-active { transition: all var(--dp-transition-timing-general) ease-out; } .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-next-enter-from { opacity: 0; transform: translateX(var(--dp-transition-length)); } .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-next-leave-to { opacity: 0; transform: translateX(calc(var(--dp-transition-length) * -1)); } .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-prev-enter-from { opacity: 0; transform: translateX(calc(var(--dp-transition-length) * -1)); } .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-prev-leave-to { opacity: 0; transform: translateX(var(--dp-transition-length)); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-bottom-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-bottom-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-top-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-top-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-up-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-up-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-down-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-down-leave-active { transition: all var(--dp-animation-duration) var(--dp-transition-timing); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-top-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-top-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-down-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-up-enter-from { opacity: 0; transform: translateY(var(--dp-transition-length)); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-bottom-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-bottom-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-down-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-up-leave-to { opacity: 0; transform: translateY(calc(var(--dp-transition-length) * -1)); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--arrow-btn-nav { transition: var(--dp-common-transition); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--highlighted { background-color: var(--dp-highlight-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--hidden-el { visibility: hidden; } .vue-date-time-picker__wrapper[data-v-02e90461] { } .vue-date-time-picker__wrapper .vue-date-time-picker--clearable[data-v-02e90461] .dp__input { padding-inline-end: var(--default-clickable-area); } .vue-date-time-picker__wrapper .vue-date-time-picker__timezone[data-v-02e90461] { min-width: unset; width: 100%; } .vue-date-time-picker__wrapper[data-v-02e90461] .icon-vue { opacity: 1 !important; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_extra { padding: var(--dp-menu-padding); padding-top: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay.dp--overlay-absolute { padding: var(--dp-menu-padding); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay.dp--overlay-absolute .dp__btn.dp__button.dp__button_bottom { inset-block-end: 6px; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__button_bottom, .vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap .dp__button { width: 100%; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__overlay_action { width: calc(100% - 16px); } .vue-date-time-picker__wrapper[data-v-02e90461] input { padding-inline-start: var(--dp-input-icon-padding) !important; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn { margin: 0; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav { height: fit-content; width: fit-content; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__button_bottom { color: var(--color-primary-element-light); background-color: var(--color-primary-element-light); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--header-wrap .dp__btn:not(.dp__button_bottom), .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col .dp__btn { background-color: var(--color-main-background); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--header-wrap .dp__btn:not(.dp__button_bottom):hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col .dp__btn:hover { background: var(--dp-hover-color); color: var(--dp-hover-icon-color); } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select { flex: 1; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-overlay-btn { font-size: calc(2 * var(--default-font-size)) !important; } .vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_input .dp__time_col_reg_block { padding: 0 calc(4 * var(--default-grid-baseline)); } .vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_dark[data-v-02e90461], .vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_light[data-v-02e90461], .vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_dark, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_light { --dp-background-color: var(--color-main-background); --dp-text-color: var(--color-main-text); --dp-hover-color: var(--color-primary-element-light-hover); --dp-hover-text-color: var(--color-primary-element-light-text); --dp-hover-icon-color: var(--color-primary-element-light-text); --dp-primary-color: var(--color-primary-element); --dp-primary-disabled-color: var(--color-primary-element-hover); --dp-primary-text-color: var(--color-primary-element-text); --dp-secondary-color: var(--color-text-maxcontrast); --dp-border-color: var(--color-border); --dp-menu-border-color: var(--color-border-dark); --dp-border-color-hover: var(--color-border-maxcontrast); --dp-border-color-focus: var(--color-border-maxcontrast); --dp-disabled-color: var(--color-background-dark); --dp-disabled-color-text: var(--color-text-maxcontrast); --dp-scroll-bar-background: var(--color-scrollbar); --dp-scroll-bar-color: var(--color-scrollbar); --dp-success-color: var(--color-success); --dp-success-color-disabled: var(--color-success-hover); --dp-icon-color: var(--color-main-text); --dp-danger-color: var(--color-error); --dp-marker-color: var(--color-text-error, var(--color-error)); --dp-tooltip-color: var(--color-main-text); --dp-highlight-color: var(--color-main-text); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-f2f99131] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart * { box-sizing: border-box; line-height: 1.15; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-size: 16px; /* display: inline-block; */ display: flex; flex-direction: column; height: 420px; color: #222427; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji { padding: 6px; position: relative; display: inline-block; font-size: 0; border: none; background: none; box-shadow: none; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji span { display: inline-block; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoji .emoji-mart-emoji span { width: 38px; height: 38px; font-size: 32px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-type-native { font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; word-break: keep-all; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image { /* Emoji sheet has 56 columns, see also utils/emoji-data.js, SHEET_COLUMNS variable */ /* Here we use (56+1) * 100% to avoid visible edges of nearby icons when scaling for different * screen sizes */ background-size: 6100%; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image.emoji-set-apple { background-image: url("https://unpkg.com/emoji-datasource-apple@15.0.1/img/apple/sheets-256/64.png"); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image.emoji-set-facebook { background-image: url("https://unpkg.com/emoji-datasource-facebook@15.0.1/img/facebook/sheets-256/64.png"); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image.emoji-set-google { background-image: url("https://unpkg.com/emoji-datasource-google@15.0.1/img/google/sheets-256/64.png"); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image.emoji-set-twitter { background-image: url("https://unpkg.com/emoji-datasource-twitter@15.0.1/img/twitter/sheets-256/64.png"); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-bar { border: 0 solid #d9d9d9; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-bar:first-child { border-bottom-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-bar:last-child { border-top-width: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-scroll { position: relative; overflow-y: scroll; flex: 1; padding: 0 6px 6px 6px; z-index: 0; /* Fix for rendering sticky positioned category labels on Chrome */ will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */ -webkit-overflow-scrolling: touch; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchors { display: flex; flex-direction: row; justify-content: space-between; padding: 0 6px; color: #858585; line-height: 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor { position: relative; display: block; flex: 1 1 auto; text-align: center; padding: 12px 4px; overflow: hidden; transition: color 0.1s ease-out; border: none; background: none; box-shadow: none; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor:hover, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor-selected { color: #464646; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor-selected .emoji-mart-anchor-bar { bottom: 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor-bar { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #464646; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchors i { display: inline-block; width: 100%; max-width: 22px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchors svg { fill: currentColor; max-height: 18px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .scroller { height: 250px; position: relative; flex: 1; padding: 0 6px 6px 6px; z-index: 0; /* Fix for rendering sticky positioned category labels on Chrome */ will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */ -webkit-overflow-scrolling: touch; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-search { margin-top: 6px; padding: 0 6px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-search input { font-size: 16px; display: block; width: 100%; padding: 0.2em 0.6em; border-radius: 25px; border: 1px solid #d9d9d9; outline: 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-search-results { height: 250px; overflow-y: scroll; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category { position: relative; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category .emoji-mart-emoji span { z-index: 1; position: relative; text-align: center; cursor: default; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category .emoji-mart-emoji:hover:before, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji-selected:before { z-index: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f4f4f4; border-radius: 100%; opacity: 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category .emoji-mart-emoji:hover:before, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji-selected:before { opacity: 1; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category-label { position: sticky; top: 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-static .emoji-mart-category-label { z-index: 2; position: relative; /* position: sticky; */ /* position: -webkit-sticky; */ } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category-label h3 { display: block; font-size: 16px; width: 100%; font-weight: 500; padding: 5px 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.95); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji { position: relative; display: inline-block; font-size: 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-no-results { font-size: 14px; text-align: center; padding-top: 70px; color: #858585; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-no-results .emoji-mart-category-label { display: none; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-no-results .emoji-mart-no-results-label { margin-top: 0.2em; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-no-results .emoji-mart-emoji:hover:before { content: none; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview { position: relative; height: 70px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoji, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-data, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-skins { position: absolute; top: 50%; transform: translateY(-50%); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoji { left: 12px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-data { left: 68px; right: 12px; word-break: break-all; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-skins { right: 30px; text-align: right; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-name { font-size: 14px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-shortname { font-size: 12px; color: #888; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-shortname + .emoji-mart-preview-shortname, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon { margin-left: 0.5em; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoticon { font-size: 11px; color: #bbb; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-title span { display: inline-block; vertical-align: middle; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-title .emoji-mart-emoji { padding: 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-title-label { color: #999a9c; font-size: 21px; font-weight: 300; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatches { font-size: 0; padding: 2px 0; border: 1px solid #d9d9d9; border-radius: 12px; background-color: #fff; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch { width: 16px; padding: 0 2px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch-selected:after { opacity: 0.75; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch { display: inline-block; width: 0; vertical-align: middle; transition-property: width, padding; transition-duration: 0.125s; transition-timing-function: ease-out; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(2) { transition-delay: 0.03s; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(3) { transition-delay: 0.06s; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(4) { transition-delay: 0.09s; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(5) { transition-delay: 0.12s; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(6) { transition-delay: 0.15s; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch-selected { position: relative; width: 16px; padding: 0 2px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch-selected:after { content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; background-color: #fff; border-radius: 100%; pointer-events: none; opacity: 0; transition: opacity 0.2s ease-out; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin { display: inline-block; width: 100%; padding-top: 100%; max-width: 12px; border-radius: 100%; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-1 { background-color: #ffc93a; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-2 { background-color: #fadcbc; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-3 { background-color: #e0bb95; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-4 { background-color: #bf8f68; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-5 { background-color: #9b643d; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-6 { background-color: #594539; } .nc-emoji-picker-container[data-v-f2f99131] { /* vue-virtual-scroller/dist/vue-virtual-scroller.css */ } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller { position: relative; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-vertical:not(.page-mode) { overflow-y: auto; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-horizontal:not(.page-mode) { overflow-x: auto; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-horizontal { display: flex; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller__slot { flex: auto 0 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller__item-wrapper { flex: 1; box-sizing: border-box; overflow: hidden; position: relative; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.ready .vue-recycle-scroller__item-view { position: absolute; top: 0; left: 0; will-change: transform; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper { width: 100%; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper { height: 100%; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view { width: 100%; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view { height: 100%; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .resize-observer[data-v-b329ee4c] { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border: none; background-color: transparent; pointer-events: none; display: block; overflow: hidden; opacity: 0; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .resize-observer[data-v-b329ee4c] object { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-search .hidden { display: none; visibility: hidden; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart { background-color: var(--color-main-background) !important; border: 0; color: var(--color-main-text) !important; display: flex !important; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart button { border: none; background: transparent; font-size: inherit; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-bar, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchors, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-search, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-search input, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category-label, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category-label span, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-skin-swatches { background-color: transparent !important; border-color: var(--color-border) !important; color: inherit !important; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchors { padding-block: 0; padding-inline: calc(2 * var(--default-grid-baseline)); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor { border-radius: 0; margin: 0 !important; padding: 0 !important; height: var(--clickable-area-small); min-width: var(--clickable-area-small); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor:hover { background-color: var(--color-background-hover); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor:focus-visible { outline: 2px solid var(--color-primary-element) !important; outline-offset: -2px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor div { display: grid; place-content: center; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-scroll { padding-inline: calc(2 * var(--default-grid-baseline)); padding-block: 0 calc(2 * var(--default-grid-baseline)); } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category { display: grid; grid-template-columns: repeat(8, 1fr); justify-items: stretch; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category.emoji-mart-no-results { grid-template-columns: 1fr; font-size: inherit; color: var(--color-text-maxcontrast) !important; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart { /* Label element in the section grid */ } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart div.emoji-mart-category-label { grid-column: span 8; justify-self: stretch; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart { /* An actual heading inside the element */ } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart h3.emoji-mart-category-label { display: flex; align-items: center; height: var(--default-clickable-area); margin: 0; padding-inline: calc(2 * var(--default-grid-baseline)); padding-block: 0; user-select: none; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji { aspect-ratio: 1/1; text-align: center; margin: 0 !important; padding: 0 !important; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji:hover, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji:focus-visible, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji.emoji-mart-emoji-selected { background-color: var(--color-background-hover) !important; border: none; border-radius: var(--border-radius-element); box-shadow: none !important; outline: 2px solid var(--color-primary-element) !important; outline-offset: -2px; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji::before { display: none; } .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji span { cursor: pointer; } .search__wrapper[data-v-f2f99131] { display: flex; flex-direction: row; gap: var(--default-grid-baseline); align-items: end; padding-block: var(--default-grid-baseline); padding-inline: calc(2 * var(--default-grid-baseline)); } .row-selected button[data-v-f2f99131], .row-selected span[data-v-f2f99131] { vertical-align: middle; } .emoji-delete[data-v-f2f99131] { vertical-align: top; margin-inline-start: -21px; margin-top: -3px; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_1u9di_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._ncFormBox_1u9di_20 { display: flex; flex-direction: column; gap: calc(1 * var(--default-grid-baseline)); } ._ncFormBox_1u9di_20._ncFormBox_row_1u9di_25 { flex-direction: row; } ._ncFormBox__item_1u9di_29 { border-radius: var(--border-radius-small) !important; } ._ncFormBox_col_1u9di_33 { flex-direction: column; } ._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:first-child { border-start-start-radius: var(--border-radius-element) !important; border-start-end-radius: var(--border-radius-element) !important; } ._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:last-child { border-end-start-radius: var(--border-radius-element) !important; border-end-end-radius: var(--border-radius-element) !important; } ._ncFormBox_row_1u9di_25 { flex-direction: row; } ._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29 { flex: 1 1; } ._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:first-child { border-start-start-radius: var(--border-radius-element) !important; border-end-start-radius: var(--border-radius-element) !important; } ._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:last-child { border-end-end-radius: var(--border-radius-element) !important; border-start-end-radius: var(--border-radius-element) !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_15jyc_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._formBoxButton_15jyc_20 { /* Reset default HTML button styles */ background: unset; border: none; color: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; text-align: inherit; line-height: inherit; padding: 0; margin: 0; outline: none; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_v5un7_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._formBoxItem_v5un7_20 { --nc-form-box-item-border-width: 1px; --nc-form-box-item-min-height: 40px; --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline)); --form-element-label-padding: calc(var(--form-element-label-offset) - var(--nc-form-box-item-border-width)); --color-primary-element-extra-light: hsl(from var(--color-primary-element-light) h s calc(l * 1.045)); --color-primary-element-extra-light-hover: hsl(from var(--color-primary-element-light-hover) h s calc(l * 1.045)); position: relative; display: flex; align-items: center; gap: calc(2 * var(--default-grid-baseline)); min-height: var(--nc-form-box-item-min-height); padding-inline: var(--form-element-label-padding); border: 1px solid var(--color-primary-element-extra-light-hover); border-bottom-width: 2px; border-radius: var(--border-radius-element); background-color: var(--color-primary-element-extra-light); color: var(--color-main-text); transition-property: color, border-color, background-color; transition-duration: var(--animation-quick); transition-timing-function: linear; -webkit-user-select: none; user-select: none; cursor: pointer; } ._formBoxItem_v5un7_20 * { cursor: inherit; } ._formBoxItem_v5un7_20:has(:disabled) { cursor: default; opacity: 0.5; } ._formBoxItem_v5un7_20:hover:not(:has(:disabled)) { color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-extra-light-hover); } ._formBoxItem_v5un7_20:has(:focus-visible) { outline: 2px solid var(--color-main-text); box-shadow: 0 0 0 4px var(--color-main-background); } ._formBoxItem_v5un7_20._formBoxItem_legacy_v5un7_60 { --nc-form-box-item-border-width: 0px; border: none; } ._formBoxItem_v5un7_20._formBoxItem_inverted_v5un7_64 ._formBoxItem__element_v5un7_64 { color: var(--color-text-maxcontrast); } ._formBoxItem_v5un7_20._formBoxItem_inverted_v5un7_64 ._formBoxItem__description_v5un7_67 { color: inherit; } ._formBoxItem__content_v5un7_71 { flex: 1; display: flex; flex-direction: column; padding-block: calc(2 * var(--default-grid-baseline)); overflow-wrap: anywhere; } ._formBoxItem__element_v5un7_64::after { content: ""; position: absolute; inset: 0; } ._formBoxItem__description_v5un7_67 { color: var(--color-text-maxcontrast); } ._formBoxItem__icon_v5un7_89 { display: flex; align-items: center; justify-content: flex-end; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_hjv1a_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } input._formBoxSwitch__input_hjv1a_20 { margin: 0; width: var(--default-clickable-area); /* Keep it visually hidden but on the position of visual switch icon */ position: absolute; inset-block: 0; inset-inline-end: var(--form-element-label-offset); z-index: -1; opacity: 0 !important; /* Override server styles */ height: auto; cursor: inherit; } ._formBoxSwitch__icon_hjv1a_34 { color: var(--color-text-maxcontrast); } input:checked + ._formBoxSwitch__icon_hjv1a_34 { color: var(--color-primary-element); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_9p8a1_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._formGroup_9p8a1_20 { --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline)); --form-group-content-gap: calc(2 * var(--default-grid-baseline)); } ._formGroup_9p8a1_20._formGroup_noGap_9p8a1_24 { --form-group-content-gap: 0; } ._formGroup__label_9p8a1_28 { padding-inline: var(--form-element-label-offset); font-size: var(--font-size); font-weight: bold; } ._formGroup__description_9p8a1_34 { padding-inline: var(--form-element-label-offset); color: var(--color-text-maxcontrast); } ._formGroup__content_9p8a1_39 { display: flex; flex-direction: column; gap: var(--form-group-content-gap); margin-block-start: calc(2.5 * var(--default-grid-baseline)); } ._formGroup__content_9p8a1_39._formGroup__content_only_9p8a1_45 { margin-block-start: 0; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-26ad2498] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } #guest-content-vue[data-v-26ad2498] { color: var(--color-main-text); background-color: var(--color-main-background); min-width: 0; border-radius: var(--border-radius-element); box-shadow: 0 0 10px var(--color-box-shadow); height: fit-content; padding: 15px; margin: 20px auto; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } #content.nc-guest-content { overflow: auto; margin-bottom: 0; height: calc(var(--body-height) + var(--body-container-margin)); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-92fb182d] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /*! * SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ .header-menu[data-v-92fb182d] { position: relative; width: var(--header-height); height: var(--header-height); } .header-menu .header-menu__trigger[data-v-92fb182d] { --button-size: var(--header-height) !important; height: var(--header-height); opacity: 0.85; filter: none !important; color: var(--color-background-plain-text, var(--color-primary-text)) !important; } .header-menu .header-menu__trigger[data-v-92fb182d]:focus-visible { outline: none !important; box-shadow: none !important; } .header-menu .header-menu__trigger[data-v-92fb182d] .button-vue__icon svg, .header-menu .header-menu__trigger[data-v-92fb182d] .button-vue__icon:not(:has(svg)) { mask: var(--header-menu-icon-mask, none); } .header-menu--opened .header-menu__trigger[data-v-92fb182d], .header-menu__trigger[data-v-92fb182d]:hover, .header-menu__trigger[data-v-92fb182d]:focus, .header-menu__trigger[data-v-92fb182d]:active { opacity: 1; } @media only screen and (max-width: 512px) { .header-menu[data-v-92fb182d] { width: var(--default-clickable-area); } .header-menu .header-menu__trigger[data-v-92fb182d] { --button-size: var(--default-clickable-area) !important; } } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-d45c5788] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /*! * SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ .header-menu[data-v-d45c5788] { position: relative; width: var(--header-height); height: var(--header-height); } .header-menu .header-menu__trigger[data-v-d45c5788] { --button-size: var(--header-height) !important; height: var(--header-height); opacity: 0.85; filter: none !important; color: var(--color-background-plain-text, var(--color-primary-text)) !important; } .header-menu .header-menu__trigger[data-v-d45c5788]:focus-visible { outline: none !important; box-shadow: none !important; } .header-menu .header-menu__trigger[data-v-d45c5788] .button-vue__icon svg, .header-menu .header-menu__trigger[data-v-d45c5788] .button-vue__icon:not(:has(svg)) { mask: var(--header-menu-icon-mask, none); } .header-menu--opened .header-menu__trigger[data-v-d45c5788], .header-menu__trigger[data-v-d45c5788]:hover, .header-menu__trigger[data-v-d45c5788]:focus, .header-menu__trigger[data-v-d45c5788]:active { opacity: 1; } @media only screen and (max-width: 512px) { .header-menu[data-v-d45c5788] { width: var(--default-clickable-area); } .header-menu .header-menu__trigger[data-v-d45c5788] { --button-size: var(--default-clickable-area) !important; } } .header-menu__wrapper[data-v-d45c5788] { position: fixed; z-index: 2000; top: var(--header-height); inset-inline-end: 0; box-sizing: border-box; margin: 0 8px; border-radius: var(--border-radius-element); background-color: var(--color-main-background); filter: drop-shadow(0 1px 5px var(--color-box-shadow)); } .header-menu__caret[data-v-d45c5788] { position: absolute; z-index: 2001; bottom: 0; inset-inline-start: calc(50% - 10px); width: 0; height: 0; content: " "; pointer-events: none; border: 10px solid transparent; border-bottom-color: var(--color-main-background); } .header-menu__content[data-v-d45c5788] { overflow: auto; width: 350px; max-width: calc(100vw - 16px); min-height: calc(var(--default-clickable-area) * 1.5); max-height: calc(100vh - var(--header-height) * 2); } .header-menu__content[data-v-d45c5788] .empty-content { margin: 12vh 10px; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_1s86g_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._hotkey_1s86g_20 { --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline)); display: flex; flex-direction: row-reverse; align-items: stretch; padding-inline: var(--form-element-label-offset); } ._hotkey_1s86g_20:first-child ._hotkey__label_1s86g_27, ._hotkey_1s86g_20:first-child ._hotkey__keys_1s86g_28 { border-block-start: none; } ._hotkey__label_1s86g_27, ._hotkey__keys_1s86g_28 { display: flex; align-items: center; padding-block: calc(2 * var(--default-grid-baseline)); border-block-start: 1px solid var(--color-border); } ._hotkey__label_1s86g_27 { flex: 1 1 200px; } ._hotkey__keys_1s86g_28 { flex: 1 1 auto; flex-wrap: wrap; justify-content: end; row-gap: calc(1 * var(--default-grid-baseline)); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_lf0a1_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._kbd_lf0a1_20 { display: inline-flex; align-items: center; justify-content: center; min-width: var(--default-clickable-area); height: var(--default-clickable-area); padding-inline: calc(2 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline)); border: 2px solid var(--color-primary-element-light); border-block-end-width: 4px; border-radius: var(--border-radius-element); box-shadow: none; /* Override server styles */ font-family: var(--font-family); /* Design decision: looks better with the default font instead of mono */ line-height: 1; white-space: nowrap; } ._kbd_lf0a1_20 + ._kbd_lf0a1_20 { margin-inline-start: calc(1 * var(--default-grid-baseline)); } ._hotkeyList_pf97p_2 { --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline)); } ._hotkeyList__heading_pf97p_6 { font-weight: bold; margin-inline: var(--form-element-label-offset); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-532f3807] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .list-item__wrapper[data-v-532f3807] { display: flex; position: relative; width: 100%; padding: 2px 4px; } .list-item__wrapper[data-v-532f3807]:first-of-type { padding-block-start: 4px; } .list-item__wrapper[data-v-532f3807]:last-of-type { padding-block-end: 4px; } .list-item__wrapper--active .list-item[data-v-532f3807], .list-item__wrapper.active .list-item[data-v-532f3807] { background-color: var(--color-primary-element); color: var(--color-primary-element-text) !important; } .list-item__wrapper--active .list-item[data-v-532f3807]:hover, .list-item__wrapper--active .list-item[data-v-532f3807]:focus-within, .list-item__wrapper--active .list-item[data-v-532f3807]:has(:focus-visible), .list-item__wrapper--active .list-item[data-v-532f3807]:has(:active), .list-item__wrapper.active .list-item[data-v-532f3807]:hover, .list-item__wrapper.active .list-item[data-v-532f3807]:focus-within, .list-item__wrapper.active .list-item[data-v-532f3807]:has(:focus-visible), .list-item__wrapper.active .list-item[data-v-532f3807]:has(:active) { background-color: var(--color-primary-element-hover); } .list-item__wrapper--active .list-item-content__name[data-v-532f3807], .list-item__wrapper--active .list-item-content__subname[data-v-532f3807], .list-item__wrapper--active .list-item-content__details[data-v-532f3807], .list-item__wrapper--active .list-item-details__details[data-v-532f3807], .list-item__wrapper.active .list-item-content__name[data-v-532f3807], .list-item__wrapper.active .list-item-content__subname[data-v-532f3807], .list-item__wrapper.active .list-item-content__details[data-v-532f3807], .list-item__wrapper.active .list-item-details__details[data-v-532f3807] { color: var(--color-primary-element-text) !important; } .list-item__wrapper .list-item-content__name[data-v-532f3807], .list-item__wrapper .list-item-content__subname[data-v-532f3807], .list-item__wrapper .list-item-content__details[data-v-532f3807], .list-item__wrapper .list-item-details__details[data-v-532f3807] { white-space: nowrap; margin-block: 0; margin-inline: 0 auto; overflow: hidden; text-overflow: ellipsis; } .list-item-content__name[data-v-532f3807] { min-width: 100px; flex: 1 1 10%; font-weight: 500; } .list-item-content__subname[data-v-532f3807] { flex: 1 0; min-width: 0; color: var(--color-text-maxcontrast); } .list-item-content__subname--bold[data-v-532f3807] { font-weight: 500; } .list-item[data-v-532f3807] { --list-item-padding: var(--default-grid-baseline); --list-item-height: 2lh; --list-item-border-radius: var(--border-radius-element, 32px); box-sizing: border-box; display: flex; position: relative; flex: 0 0 auto; justify-content: flex-start; padding: var(--list-item-padding); width: 100%; border-radius: var(--border-radius-element, 32px); cursor: pointer; transition: background-color var(--animation-quick) ease-in-out; list-style: none; } .list-item[data-v-532f3807]:hover, .list-item[data-v-532f3807]:focus-within, .list-item[data-v-532f3807]:has(:active), .list-item[data-v-532f3807]:has(:focus-visible) { background-color: var(--color-background-hover); } .list-item[data-v-532f3807]:has(.list-item__anchor:focus-visible) { outline: 2px solid var(--color-main-text); box-shadow: 0 0 0 4px var(--color-main-background); } .list-item--compact[data-v-532f3807] { --list-item-padding: calc(0.5 * var(--default-grid-baseline)) var(--default-grid-baseline); } .list-item--compact[data-v-532f3807]:not(:has(.list-item-content__subname)) { --list-item-height: var(--default-clickable-area); } .list-item--one-line[data-v-532f3807] { --list-item-height: var(--default-clickable-area); --list-item-border-radius: var(--border-radius-element, calc(var(--default-clickable-area) / 2)); --list-item-padding: var(--default-grid-baseline); } .list-item--one-line .list-item-content__main[data-v-532f3807] { display: flex; justify-content: start; gap: 12px; min-width: 0; } .list-item--one-line .list-item-content__details[data-v-532f3807] { flex-direction: row; align-items: center; justify-content: end; } .list-item--one-line .list-item-content__name[data-v-532f3807] { align-self: center; max-width: 300px; } .list-item__anchor[data-v-532f3807] { color: inherit; display: flex; flex: 1 0 auto; align-items: center; height: var(--list-item-height); min-width: 0; } .list-item__anchor[data-v-532f3807]:focus-visible { outline: none; } .list-item-content[data-v-532f3807] { display: flex; flex: 1 0; justify-content: space-between; padding-inline-start: calc(2 * var(--default-grid-baseline)); min-width: 0; } .list-item-content__main[data-v-532f3807] { flex: 1 0; width: 0; margin: auto 0; } .list-item-content__main--oneline[data-v-532f3807] { display: flex; } .list-item-content__details[data-v-532f3807] { display: flex; flex-direction: column; justify-content: end; align-items: end; } .list-item-content__actions[data-v-532f3807], .list-item-content__extra-actions[data-v-532f3807] { flex: 0 0 auto; align-self: center; justify-content: center; margin-inline-start: var(--default-grid-baseline); } .list-item-content__extra-actions[data-v-532f3807] { display: flex; align-items: center; gap: var(--default-grid-baseline); } .list-item-details__details[data-v-532f3807] { color: var(--color-text-maxcontrast); margin: 0 9px !important; font-weight: normal; } .list-item-details__extra[data-v-532f3807] { margin: 2px 4px 0 4px; display: flex; align-items: center; } .list-item-details__indicator[data-v-532f3807] { margin: 0 5px; } .list-item__extra[data-v-532f3807] { margin-top: var(--default-grid-baseline); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-60a83836] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .option[data-v-60a83836] { display: flex; align-items: center; width: 100%; height: var(--height); cursor: inherit; } .option__avatar[data-v-60a83836] { margin-inline-end: var(--margin); } .option__details[data-v-60a83836] { display: flex; flex: 1 1; flex-direction: column; justify-content: center; min-width: 0; } .option__lineone[data-v-60a83836] { color: var(--color-main-text); } .option__linetwo[data-v-60a83836] { color: var(--color-text-maxcontrast); } .option__lineone[data-v-60a83836], .option__linetwo[data-v-60a83836] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.2; } .option__lineone strong[data-v-60a83836], .option__linetwo strong[data-v-60a83836] { font-weight: bold; } .option--compact .option__lineone[data-v-60a83836] { font-size: 14px; } .option--compact .option__linetwo[data-v-60a83836] { font-size: 11px; line-height: 1.5; margin-top: -4px; } .option__icon[data-v-60a83836] { width: var(--default-clickable-area); height: var(--default-clickable-area); color: var(--color-text-maxcontrast); } .option__icon.icon[data-v-60a83836] { flex: 0 0 var(--default-clickable-area); opacity: 0.7; background-position: center; background-size: 16px; } .option__details[data-v-60a83836], .option__lineone[data-v-60a83836], .option__linetwo[data-v-60a83836], .option__icon[data-v-60a83836] { cursor: inherit; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-7e4656f9] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .notecard[data-v-7e4656f9] { --note-card-icon-size: 20px; --note-card-padding: calc(2 * var(--default-grid-baseline)); color: var(--color-main-text) !important; background-color: var(--note-background) !important; border-inline-start: var(--default-grid-baseline) solid var(--note-theme); border-radius: var(--border-radius-small); margin: 1rem 0; padding: var(--note-card-padding); display: flex; flex-direction: row; gap: var(--note-card-padding); } .notecard__heading[data-v-7e4656f9] { font-size: var(--note-card-icon-size); font-weight: 600; } .notecard__icon[data-v-7e4656f9] { color: var(--note-theme); } .notecard__icon--heading[data-v-7e4656f9] { font-size: var(--note-card-icon-size); margin-block: calc((1lh - 1em) / 2) auto; } .notecard--success[data-v-7e4656f9] { --note-background: var(--color-success); --note-theme: var(--color-success-text); } .notecard--info[data-v-7e4656f9] { --note-background: var(--color-info); --note-theme: var(--color-info-text); } .notecard--error[data-v-7e4656f9] { --note-background: var(--color-error); --note-theme: var(--color-error-text); } .notecard--warning[data-v-7e4656f9] { --note-background: var(--color-warning); --note-theme: var(--color-warning-text); } .notecard--legacy[data-v-7e4656f9] { background-color: color-mix(in srgb, var(--note-background), var(--color-main-background) 80%) !important; color: var(--color-main-text) !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-38ba4aa1] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .progress-bar[data-v-38ba4aa1] { display: block; height: var(--progress-bar-height); --progress-bar-color: var(--0a7905e8); --progress-bar-height: var(--d7eb5974); } .progress-bar--linear[data-v-38ba4aa1] { width: 100%; overflow: hidden; border: 0; padding: 0; background: var(--color-background-dark); border-radius: calc(var(--progress-bar-height) / 2); } .progress-bar--linear[data-v-38ba4aa1]::-webkit-progress-bar { height: var(--progress-bar-height); background-color: transparent; } .progress-bar--linear[data-v-38ba4aa1]::-webkit-progress-value { background: var(--progress-bar-color, var(--gradient-primary-background)); border-radius: calc(var(--progress-bar-height) / 2); } .progress-bar--linear[data-v-38ba4aa1]::-moz-progress-bar { background: var(--progress-bar-color, var(--gradient-primary-background)); border-radius: calc(var(--progress-bar-height) / 2); } .progress-bar--circular[data-v-38ba4aa1] { width: var(--progress-bar-height); color: var(--progress-bar-color); } .progress-bar--error[data-v-38ba4aa1] { color: var(--color-text-error, var(--color-error)) !important; } .progress-bar--error[data-v-38ba4aa1]::-moz-progress-bar { background: var(--color-text-error, var(--color-error)) !important; } .progress-bar--error[data-v-38ba4aa1]::-webkit-progress-value { background: var(--color-text-error, var(--color-error)) !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_14z4o_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._radioGroup_checkboxRadioContainer_14z4o_20 .checkbox-content { max-width: unset !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_1euqq_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._radioGroupButton_1euqq_20 { --radio-group-button--border-radius: var(--border-radius-small); --radio-group-button--border-width: 1px; --radio-group-button--color: var(--color-primary-element-light-text); --radio-group-button--background-color: var(--color-primary-element-light); --radio-group-button--background-color-hover: var(--color-primary-element-light-hover); --radio-group-button--padding: 1px; cursor: pointer; color: var(--radio-group-button--color); background-color: var(--radio-group-button--background-color); transition: var(--animation-quick) background-color; border: var(--radio-group-button--border-width) solid var(--radio-group-button--background-color-hover); border-bottom-width: 2px; border-radius: var(--radio-group-button--border-radius); display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; min-height: var(--default-clickable-area); padding-block: var(--radio-group-button--padding) 0; padding-inline: var(--radio-group-button--padding); } ._radioGroupButton_1euqq_20 * { cursor: pointer; } ._radioGroupButton_1euqq_20:has(._radioGroupButton__label_1euqq_46) { padding-inline: calc(var(--radio-group-button--padding) + var(--border-radius-element)); } ._radioGroupButton_1euqq_20:has(._radioGroupButton__icon_1euqq_49) { padding-inline-start: var(--radio-group-button--padding); } ._radioGroupButton_1euqq_20:hover { background-color: var(--radio-group-button--background-color-hover); } ._radioGroupButton_1euqq_20:focus-within { --radio-group-button--border-width: 2px; --radio-group-button--padding: 0px; border: var(--radio-group-button--border-width) solid var(--color-main-text) !important; outline: calc(var(--default-grid-baseline) / 2) var(--color-main-background); } ._radioGroupButton_active_1euqq_62 { --radio-group-button--color: var(--color-primary-element-text); --radio-group-button--background-color: var(--color-primary-element); --radio-group-button--background-color-hover: var(--color-primary-element-hover); } ._radioGroupButton__label_1euqq_46 { font-weight: bold; } ._radioGroupButton__icon_1euqq_49 { --radio-group-button--icon-size: calc(var(--default-clickable-area) - 4px); display: flex; align-items: center; justify-content: center; height: 100%; width: var(--radio-group-button--icon-size); } ._radioGroupButton__icon_1euqq_49 * { --default-clickable-area: var(--radio-group-button--icon-size); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-8db55138] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .resource[data-v-8db55138] { display: flex; align-items: center; height: var(--default-clickable-area); } .resource__button[data-v-8db55138] { width: 100% !important; justify-content: flex-start !important; padding: 0 !important; } .resource__button[data-v-8db55138] .button-vue__wrapper { justify-content: flex-start !important; } .resource__button[data-v-8db55138] .button-vue__wrapper .button-vue__text { font-weight: normal !important; margin-inline-start: 2px !important; } .resource__icon[data-v-8db55138] { width: 32px; height: 32px; background-color: var(--color-text-maxcontrast); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .resource__icon img[data-v-8db55138] { width: 16px; height: 16px; filter: var(--background-invert-if-dark); }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-a0203ee5] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .team-resources__header[data-v-a0203ee5] { font-weight: bold; margin-bottom: 6px; } .related-team[data-v-a0203ee5] { border-radius: var(--border-radius-container); border: 2px solid var(--color-border-dark); margin-bottom: 6px; } .related-team__open[data-v-a0203ee5] { border-color: var(--color-primary-element); } .related-team__header[data-v-a0203ee5] { padding: 6px; padding-inline-end: 24px; display: flex; gap: 12px; } .related-team__name[data-v-a0203ee5] { display: flex; flex-grow: 1; align-items: center; gap: 12px; padding: 6px 12px; font-weight: bold; margin: 0; } .related-team .related-team-provider[data-v-a0203ee5] { padding: 6px 12px; } .related-team .related-team-provider__name[data-v-a0203ee5] { font-weight: bold; margin-bottom: 3px; } .related-team .related-team-provider__link[data-v-a0203ee5] { display: flex; gap: 12px; padding: 6px 12px; font-weight: bold; } .related-team .related-team-resource__link[data-v-a0203ee5] { display: flex; gap: 12px; height: var(--default-clickable-area); align-items: center; border-radius: var(--border-radius-element); } .related-team .related-team-resource__link[data-v-a0203ee5]:hover { background-color: var(--color-background-hover); } .related-team .related-team-resource__link[data-v-a0203ee5]:focus { background-color: var(--color-background-hover); outline: 2px solid var(--color-primary-element); } .related-team .related-team-resource .resource__icon[data-v-a0203ee5] { width: var(--default-clickable-area); height: var(--default-clickable-area); display: flex; align-items: center; justify-content: center; text-align: center; } .related-team .related-team-resource .resource__icon > img[data-v-a0203ee5] { border-radius: var(--border-radius-pill); overflow: hidden; width: 32px; height: 32px; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-7a009a6b] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .related-resources__header h5[data-v-7a009a6b] { font-weight: bold; margin-bottom: 6px; } .related-resources__header p[data-v-7a009a6b] { color: var(--color-text-maxcontrast); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-ca83b679] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .autocomplete-result[data-v-ca83b679] { display: flex; align-items: center; gap: var(--default-grid-baseline); line-height: 1.2; --auto-complete-result-avatar-size: var(--default-clickable-area); } .autocomplete-result__icon[data-v-ca83b679] { position: relative; flex: 0 0 var(--default-clickable-area); width: var(--default-clickable-area); min-width: var(--default-clickable-area); height: var(--default-clickable-area); border-radius: var(--default-clickable-area); background-color: var(--color-background-darker); background-repeat: no-repeat; background-position: center; background-size: contain; } .autocomplete-result__icon--with-avatar[data-v-ca83b679] { color: inherit; background-size: cover; } .autocomplete-result__status[data-v-ca83b679] { --auto-complete-result-status-icon-size: clamp(14px, var(--auto-complete-result-avatar-size) * 0.4, 18px); --auto-complete-result-status-icon-position: calc(var(--auto-complete-result-avatar-size) / 2 * (1 - 1 / sqrt(2)) - var(--auto-complete-result-status-icon-size) / 2); box-sizing: border-box; position: absolute; inset-inline-end: var(--auto-complete-result-status-icon-position); bottom: var(--auto-complete-result-status-icon-position); height: var(--auto-complete-result-status-icon-size); width: var(--auto-complete-result-status-icon-size); border: 2px solid var(--color-main-background); border-radius: 50%; background-color: var(--color-main-background); font-size: calc(var(--auto-complete-result-status-icon-size) / 1.2); line-height: 1.2; background-repeat: no-repeat; background-size: var(--auto-complete-result-status-icon-size); background-position: center; } .autocomplete-result__status--icon[data-v-ca83b679] { border: none; background-color: transparent; } .autocomplete-result__content[data-v-ca83b679] { display: flex; flex: 1 1 100%; flex-direction: column; justify-content: center; min-width: 0; } .autocomplete-result__title[data-v-ca83b679], .autocomplete-result__subline[data-v-ca83b679] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .autocomplete-result__subline[data-v-ca83b679] { color: var(--color-text-maxcontrast); }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-faef642b] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .rich-contenteditable[data-v-faef642b] { --contenteditable-block-offset: calc(2 * var(--default-grid-baseline)); --contenteditable-inline-start-offset: calc(2 * var(--default-grid-baseline)); --contenteditable-inline-end-offset: calc(2 * var(--default-grid-baseline)); position: relative; width: auto; } .rich-contenteditable__label[data-v-faef642b] { position: absolute; margin-inline: 14px; max-width: fit-content; inset-block-start: 11px; inset-inline: 0; color: var(--color-text-maxcontrast); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow); } .rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-faef642b], .rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-faef642b] { inset-block-start: -10px; line-height: 1.5; font-size: 13px; font-weight: 500; border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0; background-color: var(--color-main-background); padding-inline: 5px; margin-inline: 9px; transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick); } .rich-contenteditable__input[data-v-faef642b] { overflow-y: auto; width: auto; margin: 0; padding-block: var(--contenteditable-block-offset); padding-inline: var(--contenteditable-inline-start-offset) var(--contenteditable-inline-end-offset); cursor: text; white-space: pre-wrap; overflow-wrap: break-word; color: var(--color-main-text); border: 2px solid var(--color-border-maxcontrast); border-radius: var(--border-radius-element); outline: none; background-color: var(--color-main-background); font-family: var(--font-face); font-size: inherit; tab-size: 4; min-height: var(--default-clickable-area); max-height: calc(var(--default-clickable-area) * 5.5); } .rich-contenteditable__input--has-label[data-v-faef642b] { margin-top: 10px; } .rich-contenteditable__input--empty[data-v-faef642b]:focus:before, .rich-contenteditable__input--empty[data-v-faef642b]:not(.rich-contenteditable__input--has-label):before { content: attr(aria-placeholder); color: var(--color-text-maxcontrast); position: absolute; width: calc(100% - var(--contenteditable-inline-start-offset) - var(--contenteditable-inline-end-offset)); height: calc(100% - 2 * var(--contenteditable-block-offset)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rich-contenteditable__input[contenteditable=false][data-v-faef642b]:not(.rich-contenteditable__input--disabled) { cursor: default; background-color: transparent; color: var(--color-main-text); border-color: transparent; opacity: 1; border-radius: 0; } .rich-contenteditable__input--multiline[data-v-faef642b] { min-height: calc(var(--default-clickable-area) * 3); max-height: none; } .rich-contenteditable__input--disabled[data-v-faef642b] { opacity: 0.5; color: var(--color-text-maxcontrast); border: 2px solid var(--color-background-darker); border-radius: var(--border-radius-small); background-color: var(--color-background-dark); } .rich-contenteditable__input--overflow[data-v-faef642b], .rich-contenteditable__input--overflow[data-v-faef642b]:hover { border-color: var(--color-border-error, var(--color-error)) !important; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ ._material-design-icon_1xkrb_12 { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } ._tribute-container_1xkrb_20 { z-index: 9000; overflow: auto; position: absolute; /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */ left: -100vw; margin: var(--default-grid-baseline) 0; padding: var(--default-grid-baseline); color: var(--color-text-maxcontrast); border-radius: var(--border-radius-element); background: var(--color-main-background); box-shadow: 0 1px 5px var(--color-box-shadow); } ._tribute-container_1xkrb_20, ._tribute-container_1xkrb_20 * { box-sizing: border-box; } ._tribute-container_1xkrb_20 ul { display: flex; flex-direction: column; gap: var(--default-grid-baseline); } ._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41 { color: var(--color-text-maxcontrast); border-radius: var(--border-radius-small); padding: var(--default-grid-baseline); cursor: pointer; min-height: var(--clickable-area-small, auto); } ._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight { color: var(--color-main-text); background: var(--color-background-hover); } ._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight, ._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight * { cursor: pointer; } ._tribute-container_1xkrb_20._tribute-container--focus-visible_1xkrb_55 .highlight._tribute-container__item_1xkrb_41 { outline: 2px solid var(--color-main-text) !important; } ._tribute-container-autocomplete_1xkrb_59 { min-width: 250px; max-width: 300px; max-height: calc((var(--default-clickable-area) + 3 * var(--default-grid-baseline)) * 4.5 - 1.5 * var(--default-grid-baseline)); } ._tribute-container-emoji_1xkrb_65, ._tribute-container-link_1xkrb_66 { min-width: 200px; max-width: 200px; max-height: calc((24px + 3 * var(--default-grid-baseline)) * 5.5 - 1.5 * var(--default-grid-baseline)); } ._tribute-container-emoji_1xkrb_65 ._tribute-item_1xkrb_71, ._tribute-container-link_1xkrb_66 ._tribute-item_1xkrb_71 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._tribute-container-link_1xkrb_66 { min-width: 200px; max-width: 300px; } ._tribute-container-link_1xkrb_66 ._tribute-item_1xkrb_71 { display: flex; align-items: center; } ._tribute-container-link_1xkrb_66 ._tribute-item__title_1xkrb_86 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._tribute-container-link_1xkrb_66 ._tribute-item__icon_1xkrb_91 { margin: auto 0; width: 20px; height: 20px; object-fit: contain; padding-inline-end: var(--default-grid-baseline); filter: var(--background-invert-if-dark); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-e408867a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-90c6aa3b] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .provider-list[data-v-90c6aa3b] { width: 100%; min-height: 400px; padding: 0 16px 16px 16px; display: flex; flex-direction: column; } .provider-list--select[data-v-90c6aa3b] { width: 100%; } .provider-list--select .provider[data-v-90c6aa3b] { display: flex; align-items: center; height: 28px; overflow: hidden; } .provider-list--select .provider .link-icon[data-v-90c6aa3b] { margin-inline-end: 8px; } .provider-list--select .provider .provider-icon[data-v-90c6aa3b] { width: 20px; height: 20px; object-fit: contain; margin-inline-end: 8px; filter: var(--background-invert-if-dark); } .provider-list--select .provider .option-text[data-v-90c6aa3b] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-8ce33442] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .widget-custom[data-v-8ce33442] { width: 100%; margin: auto; margin-bottom: calc(var(--default-grid-baseline, 4px) * 3); margin-top: calc(var(--default-grid-baseline, 4px) * 3); overflow: hidden; border: 2px solid var(--color-border); border-radius: var(--border-radius-container); background-color: transparent; display: flex; } .widget-custom.full-width[data-v-8ce33442] { width: var(--widget-full-width, 100%) !important; inset-inline-start: calc((var(--widget-full-width, 100%) - 100%) / 2 * -1); position: relative; } .widget-access[data-v-8ce33442] { width: 100%; margin: auto; margin-bottom: calc(var(--default-grid-baseline, 4px) * 3); margin-top: calc(var(--default-grid-baseline, 4px) * 3); overflow: hidden; border: 2px solid var(--color-border); border-radius: var(--border-radius-container); background-color: transparent; display: flex; padding: calc(var(--default-grid-baseline, 4px) * 3); } .widget-default[data-v-8ce33442] { width: 100%; margin: auto; margin-bottom: calc(var(--default-grid-baseline, 4px) * 3); margin-top: calc(var(--default-grid-baseline, 4px) * 3); overflow: hidden; border: 2px solid var(--color-border); border-radius: var(--border-radius-container); background-color: transparent; display: flex; } .widget-default--compact[data-v-8ce33442] { flex-direction: column; } .widget-default--compact .widget-default--image[data-v-8ce33442] { width: 100%; height: 150px; } .widget-default--compact .widget-default--details[data-v-8ce33442] { width: 100%; padding-top: calc(var(--default-grid-baseline, 4px) * 2); padding-bottom: calc(var(--default-grid-baseline, 4px) * 2); } .widget-default--compact .widget-default--description[data-v-8ce33442] { display: none; } .widget-default--image[data-v-8ce33442] { width: 40%; background-position: center; background-size: cover; background-repeat: no-repeat; } .widget-default--name[data-v-8ce33442] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .widget-default--details[data-v-8ce33442] { padding: calc(var(--default-grid-baseline, 4px) * 3); width: 60%; } .widget-default--details p[data-v-8ce33442] { margin: 0; padding: 0; } .widget-default--description[data-v-8ce33442] { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; /* stylelint-disable-line property-no-unknown */ -webkit-box-orient: vertical; } .widget-default--link[data-v-8ce33442] { color: var(--color-text-maxcontrast); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toggle-interactive[data-v-8ce33442] { position: relative; } .toggle-interactive .toggle-interactive--button[data-v-8ce33442] { position: absolute; bottom: var(--default-grid-baseline); inset-inline-end: var(--default-grid-baseline); z-index: 10000; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-a0658f2a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .raw-link[data-v-a0658f2a] { width: 100%; min-height: 350px; display: flex; flex-direction: column; overflow-y: auto; padding: 0 16px 16px 16px; } .raw-link .input-wrapper[data-v-a0658f2a] { width: 100%; } .raw-link .reference-widget[data-v-a0658f2a] { display: flex; } .raw-link--empty-content .provider-icon[data-v-a0658f2a] { width: 150px; height: 150px; object-fit: contain; filter: var(--background-invert-if-dark); } .raw-link--input[data-v-a0658f2a] { width: 99%; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-059edcfb] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .result[data-v-059edcfb] { display: flex; align-items: center; height: var(--default-clickable-area); overflow: hidden; } .result--icon-class[data-v-059edcfb], .result--image[data-v-059edcfb] { width: 40px; min-width: 40px; height: 40px; object-fit: contain; } .result--icon-class.rounded[data-v-059edcfb], .result--image.rounded[data-v-059edcfb] { border-radius: 50%; } .result--content[data-v-059edcfb] { display: flex; flex-direction: column; padding-inline-start: 10px; overflow: hidden; } .result--content--name[data-v-059edcfb], .result--content--subline[data-v-059edcfb] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-e8abf1d4] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .smart-picker-search[data-v-e8abf1d4] { width: 100%; display: flex; flex-direction: column; padding: 0 16px 16px 16px; } .smart-picker-search.with-empty-content[data-v-e8abf1d4] { min-height: 400px; } .smart-picker-search .provider-icon[data-v-e8abf1d4] { width: 150px; height: 150px; object-fit: contain; filter: var(--background-invert-if-dark); } .smart-picker-search--select[data-v-e8abf1d4] { width: 100%; } .smart-picker-search--select .search-result[data-v-e8abf1d4] { width: 100%; } .smart-picker-search--select .group-name-icon[data-v-e8abf1d4], .smart-picker-search--select .option-simple-icon[data-v-e8abf1d4] { width: 20px; height: 20px; margin: 0 20px 0 10px; } .smart-picker-search--select .custom-option[data-v-e8abf1d4] { height: var(--default-clickable-area); display: flex; align-items: center; overflow: hidden; } .smart-picker-search--select .option-text[data-v-e8abf1d4] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-b193005a] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .reference-picker[data-v-b193005a] { display: flex; overflow-y: auto; width: 100%; } .reference-picker .custom-element-wrapper[data-v-b193005a] { display: flex; overflow-y: auto; width: 100%; } .reference-picker .custom-element-wrapper .custom-element[data-v-b193005a] { display: flex; overflow-y: auto; width: 100%; }/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-15018516] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .reference-picker-modal[data-v-15018516] .modal-container { display: flex !important; } .reference-picker-modal--content[data-v-15018516] { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow-y: auto; } .reference-picker-modal--content .close-button[data-v-15018516], .reference-picker-modal--content .back-button[data-v-15018516] { position: absolute; top: 4px; } .reference-picker-modal--content .back-button[data-v-15018516] { inset-inline-start: 4px; } .reference-picker-modal--content .close-button[data-v-15018516] { inset-inline-end: 4px; } .reference-picker-modal--content > h2[data-v-15018516] { display: flex; margin: 12px 0 20px 0; } .reference-picker-modal--content > h2 .icon[data-v-15018516] { margin-inline-end: 8px; } @charset "UTF-8";/** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-ddd65c9e] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .widgets--list[data-v-ddd65c9e] { width: 100%; min-height: var(--default-clickable-area); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-a47e4ba7] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } /** * SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * Colors and class selectors are extracted from source code of: * - library: highlight.js (v11.10.0) * - light theme: highlight.js/styles/github.css * - dark theme: highlight.js/styles/github-dark.css * and reworked to use with F7cloud dark and light theme */ .rich-text--wrapper[data-v-a47e4ba7] { overflow-wrap: break-word; line-height: 1.5; } .rich-text--wrapper .rich-text--fallback[data-v-a47e4ba7], .rich-text--wrapper .rich-text-component[data-v-a47e4ba7] { display: inline; } .rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7] { text-decoration: underline; } .rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7]:after { content: " ↗"; } /* Markdown styles */ .rich-text--wrapper-markdown[data-v-a47e4ba7] { tab-size: 4; } .rich-text--wrapper-markdown[data-v-a47e4ba7] > :first-child, .rich-text--wrapper-markdown div[data-v-a47e4ba7] > :first-child, .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :first-child { margin-top: 0 !important; } .rich-text--wrapper-markdown[data-v-a47e4ba7] > :last-child, .rich-text--wrapper-markdown[data-v-a47e4ba7] > *:has(+ .rich-text--reference-widget), .rich-text--wrapper-markdown div[data-v-a47e4ba7] > :last-child, .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :last-child { margin-block-end: 0 !important; } .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] { padding-inline-start: 13px; border-inline-start: 2px solid var(--color-border-dark); color: var(--color-text-maxcontrast); } .rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7], .rich-text--wrapper-markdown p[data-v-a47e4ba7], .rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7], .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7], .rich-text--wrapper-markdown pre[data-v-a47e4ba7] { margin-top: 0; margin-block-end: 1em; } .rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7] { font-weight: bold; } .rich-text--wrapper-markdown h4[data-v-a47e4ba7] { font-size: 20px; } .rich-text--wrapper-markdown h5[data-v-a47e4ba7] { font-size: 18px; } .rich-text--wrapper-markdown h6[data-v-a47e4ba7] { font-size: 15px; } .rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7] { padding-inline-start: 4ch; } .rich-text--wrapper-markdown ul[data-v-a47e4ba7] { list-style-type: disc; } .rich-text--wrapper-markdown[data-v-a47e4ba7] { /* Flavored Markdown styles */ } .rich-text--wrapper-markdown ul.contains-task-list[data-v-a47e4ba7] { list-style-type: none; padding: 0; } .rich-text--wrapper-markdown li.task-list-item > ul[data-v-a47e4ba7], .rich-text--wrapper-markdown li.task-list-item > ol[data-v-a47e4ba7], .rich-text--wrapper-markdown li.task-list-item > li[data-v-a47e4ba7], .rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-a47e4ba7], .rich-text--wrapper-markdown li.task-list-item > pre[data-v-a47e4ba7] { margin-inline-start: 15px; margin-block-end: 0; } .rich-text--wrapper-markdown pre[data-v-a47e4ba7] { direction: ltr; } .rich-text--wrapper-markdown table[data-v-a47e4ba7] { border-collapse: collapse; border: 2px solid var(--color-border-maxcontrast); } .rich-text--wrapper-markdown table th[data-v-a47e4ba7], .rich-text--wrapper-markdown table td[data-v-a47e4ba7] { padding: var(--default-grid-baseline); border: 1px solid var(--color-border-maxcontrast); } .rich-text--wrapper-markdown table th[data-v-a47e4ba7]:first-child, .rich-text--wrapper-markdown table td[data-v-a47e4ba7]:first-child { border-inline-start: 0; } .rich-text--wrapper-markdown table th[data-v-a47e4ba7]:last-child, .rich-text--wrapper-markdown table td[data-v-a47e4ba7]:last-child { border-inline-end: 0; } .rich-text--wrapper-markdown table tr:first-child th[data-v-a47e4ba7] { border-top: 0; } .rich-text--wrapper-markdown table tr:last-child td[data-v-a47e4ba7] { border-block-end: 0; } /* Highlight code syntax in code blocks */ /* stylelint-disable-next-line no-duplicate-selectors */ .rich-text--wrapper-markdown .rich-text__code-block[data-v-a47e4ba7]:has(.hljs) { color: var(--hljs-color); background: var(--hljs-background-color); } .rich-text--wrapper-markdown .hljs-doctag[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-keyword[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-template-tag[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-template-variable[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-type[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-variable.language_[data-v-a47e4ba7] { /* prettylights-syntax-keyword */ color: var(--hljs-syntax-keyword-color); } .rich-text--wrapper-markdown .hljs-title[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-title.class_[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-title.function_[data-v-a47e4ba7] { /* prettylights-syntax-entity */ color: var(--hljs-syntax-entity-color); } .rich-text--wrapper-markdown .hljs-attr[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-attribute[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-literal[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-meta[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-number[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-operator[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-variable[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-attr[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-class[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-id[data-v-a47e4ba7] { /* prettylights-syntax-constant */ color: var(--hljs-syntax-constant-color); } .rich-text--wrapper-markdown .hljs-regexp[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-string[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-a47e4ba7] { /* prettylights-syntax-string */ color: var(--hljs-syntax-string-color); } .rich-text--wrapper-markdown .hljs-built_in[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-symbol[data-v-a47e4ba7] { /* prettylights-syntax-variable */ color: var(--hljs-syntax-variable-color); } .rich-text--wrapper-markdown .hljs-comment[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-code[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-formula[data-v-a47e4ba7] { /* prettylights-syntax-comment */ color: var(--hljs-syntax-comment-color); } .rich-text--wrapper-markdown .hljs-name[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-quote[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-tag[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-a47e4ba7] { /* prettylights-syntax-entity-tag */ color: var(--hljs-syntax-entity-tag-color); } .rich-text--wrapper-markdown .hljs-subst[data-v-a47e4ba7] { /* prettylights-syntax-storage-modifier-import */ color: var(--hljs-syntax-storage-modifier-import-color); } .rich-text--wrapper-markdown .hljs-section[data-v-a47e4ba7] { /* prettylights-syntax-markup-heading */ color: var(--hljs-syntax-markup-heading-color); font-weight: bold; } .rich-text--wrapper-markdown .hljs-bullet[data-v-a47e4ba7] { /* prettylights-syntax-markup-list */ color: var(--hljs-syntax-markup-list-color); } .rich-text--wrapper-markdown .hljs-emphasis[data-v-a47e4ba7] { /* prettylights-syntax-markup-italic */ color: var(--hljs-syntax-markup-italic-color); font-style: italic; } .rich-text--wrapper-markdown .hljs-strong[data-v-a47e4ba7] { /* prettylights-syntax-markup-bold */ color: var(--hljs-syntax-markup-bold-color); font-weight: bold; } .rich-text--wrapper-markdown .hljs-addition[data-v-a47e4ba7] { /* prettylights-syntax-markup-inserted */ color: var(--hljs-syntax-markup-inserted-color); background-color: var(--hljs-syntax-markup-inserted-background-color); } .rich-text--wrapper-markdown .hljs-deletion[data-v-a47e4ba7] { /* prettylights-syntax-markup-deleted */ color: var(--hljs-syntax-markup-deleted-color); background-color: var(--hljs-syntax-markup-deleted-background-color); } .rich-text--wrapper-markdown .hljs-char.escape_[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-link[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-params[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-property[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-punctuation[data-v-a47e4ba7], .rich-text--wrapper-markdown .hljs-tag[data-v-a47e4ba7] { /* purposely ignored */ } a[data-v-a47e4ba7]:not(.rich-text--component) { text-decoration: underline; } @media (prefers-color-scheme: light) { .rich-text--wrapper-markdown[data-v-a47e4ba7] { --hljs-color: var(--color-main-text, #24292e); --hljs-background-color: var(--color-background-dark, #ffffff); --hljs-syntax-keyword-color: #d73a49; --hljs-syntax-entity-color: #6f42c1; --hljs-syntax-constant-color: #005cc5; --hljs-syntax-string-color: #032f62; --hljs-syntax-variable-color: #e36209; --hljs-syntax-comment-color: #6a737d; --hljs-syntax-entity-tag-color: #22863a; --hljs-syntax-storage-modifier-import-color: #24292e; --hljs-syntax-markup-heading-color: #005cc5; --hljs-syntax-markup-list-color: #735c0f; --hljs-syntax-markup-italic-color: #24292e; --hljs-syntax-markup-bold-color: #24292e; --hljs-syntax-markup-inserted-color: #22863a; --hljs-syntax-markup-inserted-background-color: #f0fff4; --hljs-syntax-markup-deleted-color: #b31d28; --hljs-syntax-markup-deleted-background-color: #ffeef0; } [data-theme-dark] .rich-text--wrapper-markdown[data-v-a47e4ba7] { --hljs-color: var(--color-main-text, #c9d1d9); --hljs-background-color: var(--color-background-dark, #0d1117); --hljs-syntax-keyword-color: #ff7b72; --hljs-syntax-entity-color: #d2a8ff; --hljs-syntax-constant-color: #79c0ff; --hljs-syntax-string-color: #a5d6ff; --hljs-syntax-variable-color: #ffa657; --hljs-syntax-comment-color: #8b949e; --hljs-syntax-entity-tag-color: #7ee787; --hljs-syntax-storage-modifier-import-color: #c9d1d9; --hljs-syntax-markup-heading-color: #1f6feb; --hljs-syntax-markup-list-color: #f2cc60; --hljs-syntax-markup-italic-color: #c9d1d9; --hljs-syntax-markup-bold-color: #c9d1d9; --hljs-syntax-markup-inserted-color: #aff5b4; --hljs-syntax-markup-inserted-background-color: #033a16; --hljs-syntax-markup-deleted-color: #ffdcd7; --hljs-syntax-markup-deleted-background-color: #67060c; } } @media (prefers-color-scheme: dark) { .rich-text--wrapper-markdown[data-v-a47e4ba7] { --hljs-color: var(--color-main-text, #c9d1d9); --hljs-background-color: var(--color-background-dark, #0d1117); --hljs-syntax-keyword-color: #ff7b72; --hljs-syntax-entity-color: #d2a8ff; --hljs-syntax-constant-color: #79c0ff; --hljs-syntax-string-color: #a5d6ff; --hljs-syntax-variable-color: #ffa657; --hljs-syntax-comment-color: #8b949e; --hljs-syntax-entity-tag-color: #7ee787; --hljs-syntax-storage-modifier-import-color: #c9d1d9; --hljs-syntax-markup-heading-color: #1f6feb; --hljs-syntax-markup-list-color: #f2cc60; --hljs-syntax-markup-italic-color: #c9d1d9; --hljs-syntax-markup-bold-color: #c9d1d9; --hljs-syntax-markup-inserted-color: #aff5b4; --hljs-syntax-markup-inserted-background-color: #033a16; --hljs-syntax-markup-deleted-color: #ffdcd7; --hljs-syntax-markup-deleted-background-color: #67060c; } [data-theme-light] .rich-text--wrapper-markdown[data-v-a47e4ba7] { --hljs-color: var(--color-main-text, #24292e); --hljs-background-color: var(--color-background-dark, #ffffff); --hljs-syntax-keyword-color: #d73a49; --hljs-syntax-entity-color: #6f42c1; --hljs-syntax-constant-color: #005cc5; --hljs-syntax-string-color: #032f62; --hljs-syntax-variable-color: #e36209; --hljs-syntax-comment-color: #6a737d; --hljs-syntax-entity-tag-color: #22863a; --hljs-syntax-storage-modifier-import-color: #24292e; --hljs-syntax-markup-heading-color: #005cc5; --hljs-syntax-markup-list-color: #735c0f; --hljs-syntax-markup-italic-color: #24292e; --hljs-syntax-markup-bold-color: #24292e; --hljs-syntax-markup-inserted-color: #22863a; --hljs-syntax-markup-inserted-background-color: #f0fff4; --hljs-syntax-markup-deleted-color: #b31d28; --hljs-syntax-markup-deleted-background-color: #ffeef0; } } .rich-text__code-block[data-v-a47e4ba7] { position: relative; padding-inline-end: calc(var(--clickable-area-small) + var(--default-grid-baseline)); } .rich-text__code-block pre[data-v-a47e4ba7] { width: 100%; overflow-x: auto; } .rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7] { position: absolute; top: var(--default-grid-baseline); inset-inline-end: var(--default-grid-baseline); opacity: 0; } .rich-text__code-block:hover .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block:focus-within .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7]:focus { opacity: 1; } .nc-select-users[data-v-4fbb6472] .vs__selected { padding-inline: 0 5px !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-9cedb949] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .settings-section[data-v-9cedb949] { display: block; padding: 0 0 calc(var(--default-grid-baseline) * 5) 0; margin: calc(var(--default-grid-baseline) * 7); width: min(900px, 100% - var(--default-grid-baseline) * 7 * 2); } .settings-section[data-v-9cedb949]:not(:last-child) { border-bottom: 1px solid var(--color-border); } .settings-section__name[data-v-9cedb949] { display: inline-flex; align-items: center; justify-content: center; max-width: 900px; margin-top: 0; } .settings-section__info[data-v-9cedb949] { display: flex; align-items: center; justify-content: center; width: var(--default-clickable-area); height: var(--default-clickable-area); margin: calc((var(--default-clickable-area) - 16px) / 2 * -1); margin-inline-start: 0; color: var(--color-text-maxcontrast); } .settings-section__info[data-v-9cedb949]:hover, .settings-section__info[data-v-9cedb949]:focus, .settings-section__info[data-v-9cedb949]:active { color: var(--color-main-text); } .settings-section__desc[data-v-9cedb949] { margin-top: -0.2em; margin-bottom: 1em; color: var(--color-text-maxcontrast); max-width: 900px; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-21e2bf0c] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .select-group-error[data-v-21e2bf0c] { color: var(--color-text-error, var(--color-error)); font-size: 13px; padding-inline-start: var(--border-radius-element); } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-87d290b5] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .textarea[data-v-87d290b5] { --input-border-color: var(--color-border-maxcontrast); --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px)); position: relative; width: 100%; border-radius: var(--border-radius-element); margin-block-start: 6px; resize: vertical; } .textarea--disabled[data-v-87d290b5] { opacity: 0.7; filter: saturate(0.7); } .textarea__main-wrapper[data-v-87d290b5] { height: calc(var(--default-clickable-area) * 2); padding: var(--border-width-input, 2px); position: relative; } .textarea__main-wrapper[data-v-87d290b5]:not(:has([disabled])):has(textarea:focus), .textarea__main-wrapper[data-v-87d290b5]:not(:has([disabled])):has(textarea:active) { padding: 0; } .textarea__input[data-v-87d290b5] { margin: 0; padding-block: calc(10px + var(--input-border-width-offset)); padding-inline: calc(12px - var(--border-width-input, 2px) + var(--input-border-width-offset)); width: 100%; font-size: var(--default-font-size); text-overflow: ellipsis; cursor: pointer; background-color: var(--color-main-background); color: var(--color-main-text); border: none; border-radius: var(--border-radius-element); box-shadow: 0 -1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent); } .textarea__input[data-v-87d290b5]:hover:not([disabled]) { box-shadow: 0 0 0 1px var(--input-border-color); } .textarea__input[data-v-87d290b5]:active:not([disabled]), .textarea__input[data-v-87d290b5]:focus:not([disabled]) { --input-border-width-offset: 0px; --input-border-color: var(--color-main-text); border: var(--border-width-input-focused, 2px) solid var(--input-border-color); box-shadow: 0 0 0 2px var(--color-main-background) !important; } .textarea__input[data-v-87d290b5]:not(:focus, .textarea__input--label-outside)::placeholder { opacity: 0; } .textarea__input[data-v-87d290b5]:focus { cursor: text; } .textarea__input[data-v-87d290b5]:disabled { cursor: default; } .textarea__input[data-v-87d290b5]:focus-visible { box-shadow: unset !important; } .textarea__input--success[data-v-87d290b5] { --input-border-color: var(--color-border-success, var(--color-success)) !important; } .textarea__input--success[data-v-87d290b5]:focus-visible { box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; } .textarea__input--error[data-v-87d290b5] { --input-border-color: var(--color-border-error, var(--color-error)) !important; } .textarea__input--error[data-v-87d290b5]:focus-visible { box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; } .textarea__label[data-v-87d290b5] { position: absolute; margin-inline: 12px 0; max-width: fit-content; inset-block-start: 11px; inset-inline: 0; color: var(--color-text-maxcontrast); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow); } .textarea__input:focus + .textarea__label[data-v-87d290b5], .textarea__input:not(:placeholder-shown) + .textarea__label[data-v-87d290b5] { inset-block-start: -10px; line-height: 1.5; font-size: 13px; font-weight: 500; color: var(--color-main-text); background-color: var(--color-main-background); padding-inline: 4px; margin-inline-start: 8px; transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick); } .textarea__helper-text-message[data-v-87d290b5] { padding-block: 4px; display: flex; align-items: center; } .textarea__helper-text-message__icon[data-v-87d290b5] { margin-inline-end: 8px; } .textarea__helper-text-message--error[data-v-87d290b5] { color: var(--color-error-text); } .textarea__helper-text-message--success[data-v-87d290b5] { color: var(--color-success-text); } .textarea--legacy .textarea__input[data-v-87d290b5] { box-shadow: 0 0 0 1px var(--input-border-color); } .textarea--legacy .textarea__main-wrapper[data-v-87d290b5]:hover:not(:has([disabled])) { padding: 0; } .textarea--legacy .textarea__main-wrapper:hover:not(:has([disabled])) .textarea__input[data-v-87d290b5] { --input-border-color: var(--color-main-text); --input-border-width-offset: 0px; border: var(--border-width-input-focused, 2px) solid var(--input-border-color); box-shadow: 0 0 0 2px var(--color-main-background) !important; } /** * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /* * Ensure proper alignment of the vue material icons */ .material-design-icon[data-v-37bde6b7] { display: flex; align-self: center; justify-self: center; align-items: center; justify-content: center; } .user-bubble__wrapper[data-v-37bde6b7] { display: inline-block; vertical-align: middle; min-width: 0; max-width: 100%; } .user-bubble__content[data-v-37bde6b7] { display: inline-flex; max-width: 100%; background-color: var(--color-background-dark); } .user-bubble__content--primary[data-v-37bde6b7] { color: var(--color-primary-element-text); background-color: var(--color-primary-element); } .user-bubble__content[data-v-37bde6b7] > :last-child { padding-inline-end: 8px; } .user-bubble__avatar[data-v-37bde6b7] { align-self: center; } .user-bubble__name[data-v-37bde6b7] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .user-bubble__name[data-v-37bde6b7], .user-bubble__secondary[data-v-37bde6b7] { padding-block: 0; padding-inline: 4px 0; } /* FIXME: Align styles of NcModal header with NcDialog header. Remove if all are migrated */ body .modal-wrapper h2.nc-dialog-alike-header { font-size: 21px; text-align: center; height: fit-content; min-height: var(--default-clickable-area); line-height: var(--default-clickable-area); overflow-wrap: break-word; margin-block: 0 12px; } .talkChatTab[data-v-7fa02a0f] { height: 100%; display: flex; flex-grow: 1; flex-direction: column; } .emptycontent[data-v-7fa02a0f] { /* Override default top margin set in server and center vertically * instead. */ margin-top: unset; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .tab-loading[data-v-7fa02a0f] { height: 100%; } .join-call.button-vue--success[data-v-b4682ad8]{--join-call-background-color: var(--color-border-success);--join-call-border-color: var(--color-success-text);border-color:var(--join-call-border-color);background-color:var(--join-call-background-color);color:var(--color-primary-element-text) !important}body[data-theme-dark] .join-call.button-vue--success[data-v-b4682ad8]{--join-call-border-color: var(--color-success-hover)}@media(prefers-color-scheme: dark){body[data-theme-default] .join-call.button-vue--success[data-v-b4682ad8]{--join-call-border-color: var(--color-success-hover)}}.join-call.button-vue--success[data-v-b4682ad8]:hover:not(:disabled){background-color:var(--join-call-border-color)}.leave-call.button-vue--error[data-v-b4682ad8],.leave-call[data-v-b4682ad8] .button-vue--error{background-color:#f33 !important;color:var(--color-primary-text) !important}.leave-call.button-vue--error[data-v-b4682ad8]:hover:not(:disabled),.leave-call[data-v-b4682ad8] .button-vue--error:hover:not(:disabled){background-color:var(--color-error-hover) !important}.leave-call-actions--split[data-v-b4682ad8]{gap:1px !important}.leave-call-actions--split[data-v-b4682ad8] .action-item--single{border-start-end-radius:2px;border-end-end-radius:2px}.leave-call-actions--split[data-v-b4682ad8] .action-item__menutoggle{--button-size: var(--clickable-area-small);height:var(--default-clickable-area);border-start-start-radius:2px;border-end-start-radius:2px} .reaction__group[data-v-32d49ea8] .nc-button-group-content{flex-wrap:wrap;justify-content:flex-start;gap:0 !important;width:calc(var(--reactions-in-single-row)*var(--default-clickable-area))}.reaction__button[data-v-32d49ea8]{flex:0 0 calc(100%/var(--reactions-in-single-row)) !important} .volume-indicator-wrapper[data-v-662dea30]{position:relative}.volume-indicator[data-v-662dea30]{position:absolute;inset-inline-start:0;width:100%;height:100%;overflow:hidden;transition:height .2s linear}.volume-indicator[data-v-662dea30],.volume-indicator[data-v-662dea30] *{cursor:inherit}.volume-indicator-primary[data-v-662dea30]{top:0}.volume-indicator-overlay[data-v-662dea30]{display:inline-flex;bottom:0;pointer-events:none;color:var(--color-border-success)}.volume-indicator-overlay>span[data-v-662dea30]{position:absolute;bottom:0}.volume-indicator-overlay-mute[data-v-662dea30]{color:var(--color-loading-dark)}.overload .volume-indicator[data-v-662dea30]{transition:height 0s linear}.overload .volume-indicator-overlay[data-v-662dea30]{color:var(--color-border-error)} .no-audio-available[data-v-f4f0a068]{opacity:.7}.popover-hint[data-v-f4f0a068]{padding:calc(3*var(--default-grid-baseline));max-width:300px;text-align:start}.audio-selector-button[data-v-f4f0a068] .action-item__menutoggle{--button-size: var(--clickable-area-small);height:var(--default-clickable-area);border-start-start-radius:2px;border-end-start-radius:2px}.local-audio-control-wrapper[data-v-f4f0a068]{display:flex;align-items:center;gap:1px}.local-audio-control-wrapper .audio-control-button[data-v-f4f0a068]{border-start-end-radius:2px;border-end-end-radius:2px}.audio-selector__action[data-v-f4f0a068] .action-button__longtext{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0;max-width:350px}.audio-selector__action[data-v-f4f0a068] .action-button__longtext-wrapper{max-width:350px}.audio-selector__action[data-v-f4f0a068] .action-button__icon{width:0;margin-inline-start:calc(var(--default-grid-baseline)*3)}.audio-selector__action[data-v-f4f0a068] .action-button > span{height:var(--default-clickable-area)} .no-video-available[data-v-d2caa77e]{opacity:.7}.video-selector-button[data-v-d2caa77e] .action-item__menutoggle{--button-size: var(--clickable-area-small);height:var(--default-clickable-area);border-start-start-radius:2px;border-end-start-radius:2px}.local-video-control-wrapper[data-v-d2caa77e]{display:flex;align-items:center;gap:1px}.local-video-control-wrapper .video-control-button[data-v-d2caa77e]{border-start-end-radius:2px;border-end-end-radius:2px}.video-selector__action[data-v-d2caa77e] .action-button__longtext{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0;max-width:350px}.video-selector__action[data-v-d2caa77e] .action-button__longtext-wrapper{max-width:350px}.video-selector__action[data-v-d2caa77e] .action-button__icon{width:0;margin-inline-start:calc(var(--default-grid-baseline)*3)}.video-selector__action[data-v-d2caa77e] .action-button > span{height:var(--default-clickable-area)} .buttons-bar[data-v-de0b3f2a]{display:flex;align-items:center;gap:var(--default-grid-baseline)}.buttons-bar #screensharing-menu button[data-v-de0b3f2a]{width:100%;height:auto}.buttons-bar button.screensharing-enabled[data-v-de0b3f2a]{opacity:1}.buttons-bar button.no-screensharing-available[data-v-de0b3f2a],.buttons-bar button.no-screensharing-available[data-v-de0b3f2a] *{opacity:.7}.hint[data-v-de0b3f2a]{padding:12px;max-width:300px;text-align:start}.hint__actions[data-v-de0b3f2a]{display:flex;flex-direction:row-reverse;justify-content:space-between;padding-top:4px}.hint__button[data-v-de0b3f2a]{height:var(--default-clickable-area)}.trigger[data-v-de0b3f2a]{display:flex;align-items:center;justify-content:center} .bottom-bar[data-v-d58ea64a]{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;padding:var(--wrapper-padding);z-index:10;overflow:hidden}.bottom-bar[data-v-d58ea64a] .button-vue--tertiary{background-color:var(--color-primary-light)}.bottom-bar-call-controls[data-v-d58ea64a]{display:flex;align-items:center;flex-direction:row;gap:var(--default-grid-baseline)}.bottom-bar-call-controls[data-v-d58ea64a]:not(:has(*)){display:none}.call-options[data-v-d58ea64a]{display:flex;align-items:center;flex-direction:row;gap:4px} .fade-enter[data-v-7344033e],.fade-leave-to[data-v-7344033e]{opacity:0}.fade-enter-to[data-v-7344033e],.fade-leave[data-v-7344033e]{opacity:1}.fade-enter-active[data-v-7344033e],.fade-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:opacity}.radial-reveal-enter[data-v-7344033e],.radial-reveal-leave-to[data-v-7344033e]{transform:scale(0);opacity:0}.radial-reveal-enter-to[data-v-7344033e],.radial-reveal-leave[data-v-7344033e]{transform:scale(1);opacity:1}.radial-reveal-enter-active[data-v-7344033e],.radial-reveal-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;transition-duration:150ms}.slide-up-enter[data-v-7344033e],.slide-up-leave-to[data-v-7344033e]{transform:translateY(-50%);opacity:0}.slide-up-enter-to[data-v-7344033e],.slide-up-leave[data-v-7344033e]{transform:translateY(0);opacity:1}.slide-up-enter-active[data-v-7344033e],.slide-up-leave-active[data-v-7344033e]{pointer-events:none;transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:transform,opacity}.slide-right-enter[data-v-7344033e],.slide-right-leave-to[data-v-7344033e]{min-width:0 !important;max-width:0 !important}.slide-right-enter-to[data-v-7344033e],.slide-right-leave[data-v-7344033e]{min-width:300px;max-width:500px}.slide-right-enter-active[data-v-7344033e],.slide-right-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:min-width,max-width}.slide-down-enter[data-v-7344033e],.slide-down-leave-to[data-v-7344033e]{transform:translateY(50%);opacity:0}.slide-down-enter-to[data-v-7344033e],.slide-down-leave[data-v-7344033e]{transform:translateY(0);opacity:1}.slide-down-enter-active[data-v-7344033e],.slide-down-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;position:absolute !important}.toast-enter[data-v-7344033e],.toast-leave-to[data-v-7344033e]{opacity:0}.toast-enter-to[data-v-7344033e],.toast-leave[data-v-7344033e]{opacity:1}.toast-enter-active[data-v-7344033e],.toast-leave-active[data-v-7344033e]{transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:opacity;transition-timing-function:linear}.zoom-enter[data-v-7344033e],.zoom-leave-to[data-v-7344033e]{transform:scale(0)}.zoom-enter-to[data-v-7344033e],.zoom-leave[data-v-7344033e]{transform:scale(1)}.zoom-enter-active[data-v-7344033e],.zoom-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform}.transition-group[data-v-7344033e]{position:relative}.transition-group[data-v-7344033e]> *.fade-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.fade-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.fade-enter,.transition-group[data-v-7344033e]> *.fade-leave-to{opacity:0}.transition-group[data-v-7344033e]> *.fade-enter-to,.transition-group[data-v-7344033e]> *.fade-leave{opacity:1}.transition-group[data-v-7344033e]> *.fade-enter-active,.transition-group[data-v-7344033e]> *.fade-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:opacity}.transition-group[data-v-7344033e]> *.radial-reveal-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.radial-reveal-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.radial-reveal-enter,.transition-group[data-v-7344033e]> *.radial-reveal-leave-to{transform:scale(0);opacity:0}.transition-group[data-v-7344033e]> *.radial-reveal-enter-to,.transition-group[data-v-7344033e]> *.radial-reveal-leave{transform:scale(1);opacity:1}.transition-group[data-v-7344033e]> *.radial-reveal-enter-active,.transition-group[data-v-7344033e]> *.radial-reveal-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;transition-duration:150ms}.transition-group[data-v-7344033e]> *.slide-up-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-up-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-up-enter,.transition-group[data-v-7344033e]> *.slide-up-leave-to{transform:translateY(-50%);opacity:0}.transition-group[data-v-7344033e]> *.slide-up-enter-to,.transition-group[data-v-7344033e]> *.slide-up-leave{transform:translateY(0);opacity:1}.transition-group[data-v-7344033e]> *.slide-up-enter-active,.transition-group[data-v-7344033e]> *.slide-up-leave-active{pointer-events:none;transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:transform,opacity}.transition-group[data-v-7344033e]> *.slide-right-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-right-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-right-enter,.transition-group[data-v-7344033e]> *.slide-right-leave-to{min-width:0 !important;max-width:0 !important}.transition-group[data-v-7344033e]> *.slide-right-enter-to,.transition-group[data-v-7344033e]> *.slide-right-leave{min-width:300px;max-width:500px}.transition-group[data-v-7344033e]> *.slide-right-enter-active,.transition-group[data-v-7344033e]> *.slide-right-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:min-width,max-width}.transition-group[data-v-7344033e]> *.slide-down-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-down-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-down-enter,.transition-group[data-v-7344033e]> *.slide-down-leave-to{transform:translateY(50%);opacity:0}.transition-group[data-v-7344033e]> *.slide-down-enter-to,.transition-group[data-v-7344033e]> *.slide-down-leave{transform:translateY(0);opacity:1}.transition-group[data-v-7344033e]> *.slide-down-enter-active,.transition-group[data-v-7344033e]> *.slide-down-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;position:absolute !important}.transition-group[data-v-7344033e]> *.toast-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.toast-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.toast-enter,.transition-group[data-v-7344033e]> *.toast-leave-to{opacity:0}.transition-group[data-v-7344033e]> *.toast-enter-to,.transition-group[data-v-7344033e]> *.toast-leave{opacity:1}.transition-group[data-v-7344033e]> *.toast-enter-active,.transition-group[data-v-7344033e]> *.toast-leave-active{transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:opacity;transition-timing-function:linear}.transition-group[data-v-7344033e]> *.zoom-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.zoom-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.zoom-enter,.transition-group[data-v-7344033e]> *.zoom-leave-to{transform:scale(0)}.transition-group[data-v-7344033e]> *.zoom-enter-to,.transition-group[data-v-7344033e]> *.zoom-leave{transform:scale(1)}.transition-group[data-v-7344033e]> *.zoom-enter-active,.transition-group[data-v-7344033e]> *.zoom-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform} .empty-call-view[data-v-590eeac2]{height:100%;width:100%;position:absolute;display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center;z-index:1}.empty-call-view .icon[data-v-590eeac2]{background-size:64px;height:64px;width:64px;margin:0 auto 15px}.empty-call-view button[data-v-590eeac2]{margin:4px auto}.empty-call-view__icon[data-v-590eeac2],.empty-call-view h2[data-v-590eeac2],.empty-call-view p[data-v-590eeac2]{color:var(--color-main-text)}.empty-call-view--sidebar[data-v-590eeac2]{padding-bottom:16px}.empty-call-view--sidebar h2[data-v-590eeac2],.empty-call-view--sidebar p[data-v-590eeac2]{font-size:90%}.empty-call-view--sidebar .icon[data-v-590eeac2]{transform:scale(0.7);margin-top:0;margin-bottom:0}.empty-call-view--small[data-v-590eeac2]{border-radius:calc(var(--default-clickable-area)/2);background-color:rgba(34,34,34,.8);padding:8px}.empty-call-view--small h2[data-v-590eeac2]{font-size:1rem;font-weight:normal}.empty-call-view--small .icon[data-v-590eeac2]{transform:none;margin-bottom:0;background-size:32px;height:32px;width:32px} .avatar-wrapper[data-v-e6a37d92]{position:relative;height:var(--avatar-size);width:var(--avatar-size);border-radius:var(--avatar-size)}.avatar-wrapper--dark .avatar[data-v-e6a37d92]{background-color:#3b3b3b !important}.avatar-wrapper .avatar[data-v-e6a37d92]{position:sticky;top:0;display:block;width:var(--avatar-size);height:var(--avatar-size);max-height:var(--avatar-size);max-width:var(--avatar-size);line-height:var(--avatar-size);font-size:calc(var(--avatar-size)/2);background-color:var(--color-text-maxcontrast-default)}.avatar-wrapper .avatar.icon[data-v-e6a37d92]{background-size:calc(var(--avatar-size)/2)}.avatar-wrapper .avatar.icon.icon-changelog[data-v-e6a37d92]{background-size:cover !important}.avatar-wrapper .avatar.bot[data-v-e6a37d92]{padding-inline-start:5px;background-color:var(--color-background-darker)}.avatar-wrapper .avatar.guest[data-v-e6a37d92]{color:#fff;padding:0;display:block;text-align:center;margin-inline:auto}.avatar-wrapper--condensed[data-v-e6a37d92]{width:unset;height:unset;margin-inline-start:calc(var(--condensed-overlap)*-1px);display:flex}.avatar-wrapper--condensed>.icon[data-v-e6a37d92],.avatar-wrapper--condensed>.guest[data-v-e6a37d92],.avatar-wrapper--condensed[data-v-e6a37d92] img{outline:2px solid var(--color-main-background)}.avatar-wrapper--offline[data-v-e6a37d92]{opacity:.4}.avatar-wrapper--offline[data-v-e6a37d92] .avatardiv{background:rgba(var(--color-main-background-rgb), 0.4) !important}.avatar-wrapper--highlighted[data-v-e6a37d92]{outline:2px solid var(--color-primary-element)}.avatar-wrapper__user-status[data-v-e6a37d92]{position:absolute;inset-inline-end:-4px;bottom:-4px;height:18px;width:18px;border:2px solid var(--color-main-background);background-color:var(--color-main-background);border-radius:50%}.loading-avatar[data-v-e6a37d92]{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%}.avatar-wrapper[data-v-e6a37d92]:not(.avatar-wrapper--dark) .avatar-class-icon{background-color:var(--color-text-maxcontrast-default)}[data-v-e6a37d92] .icon-user{background-size:calc(var(--avatar-size)/2)} .video-background[data-v-c5b7418a]{position:absolute;inset-inline-start:0;top:0;height:100%;width:100%}.video-background[data-v-c5b7418a]::after{content:" ";background-color:rgba(0,0,0,.12);position:absolute;width:100%;height:100%;top:0;inset-inline-start:0} .not-connected video[data-v-eb880132],.not-connected .avatar-container[data-v-eb880132]{opacity:.5}.localVideoContainer[data-v-eb880132]{grid-row-end:-1;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2));z-index:1}.video-container-grid[data-v-eb880132]{position:relative;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.video-container-stripe[data-v-eb880132]:not(.local-video--sidebar){--aspect-ratio: 1.33333;--stripe-height: 242px;position:relative;flex:0 0 calc(var(--aspect-ratio)*var(--stripe-height));overflow:hidden;display:flex;flex-direction:column;margin-top:auto;height:var(--stripe-height) !important}.video-container-big[data-v-eb880132]{position:absolute;width:calc(100% - var(--grid-gap)*2);height:100%;display:flex;flex-direction:column}.video-container-big .videoWrapper[data-v-eb880132]{margin:auto}.video-container-small[data-v-eb880132]{border-radius:var(--border-radius-large)}.videoWrapper[data-v-eb880132],.video[data-v-eb880132]{height:100%;width:100%}.video-loading[data-v-eb880132]{position:absolute;top:0;inset-inline-end:0;height:100%;width:100%}.video--fit[data-v-eb880132]{object-fit:contain}.video--fill[data-v-eb880132]{object-fit:cover}.avatar-container[data-v-eb880132]{margin:auto}.presenter-overlay[data-v-eb880132],.presenter-overlay[data-v-eb880132] *{border-radius:50%}.localVideoContainer[data-v-eb880132]::after{position:absolute;height:100%;width:100%;top:0;inset-inline-start:0;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2))}.presenter-overlay[data-v-eb880132]::after{border-radius:50%;z-index:1}.hover-shadow[data-v-eb880132]::after{content:"";box-shadow:inset 0 0 0 3px #fff;cursor:pointer}.speaking[data-v-eb880132]::after{content:"";box-shadow:inset 0 0 0 2px #fff}.bottom-bar[data-v-eb880132]{position:absolute;bottom:0;width:100%;padding:0 calc(var(--default-grid-baseline)*3);padding-bottom:calc(var(--default-grid-baseline)*2);display:flex;justify-content:center;align-items:center}.bottom-bar--big[data-v-eb880132]{justify-content:center}.bottom-bar .bottom-bar__button[data-v-eb880132]{opacity:.8;background-color:var(--color-background-dark)}.bottom-bar .bottom-bar__button[data-v-eb880132]:hover,.bottom-bar .bottom-bar__button[data-v-eb880132]:focus{opacity:1}.dev-mode-video--self[data-v-eb880132]{object-fit:cover !important;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2))}.presenter-overlay .dev-mode-video--self[data-v-eb880132]{border-radius:50%}.presenter-icon__hide[data-v-eb880132]{position:absolute;color:#fff;inset-inline-start:calc(50% - var(--default-clickable-area)/2);top:calc(100% - var(--default-grid-baseline) - var(--default-clickable-area));opacity:.7;background-color:rgba(0,0,0,.5);border-radius:50%;padding:6px;width:var(--default-clickable-area);height:var(--default-clickable-area);z-index:2}.presenter-icon__hide[data-v-eb880132]:hover{cursor:pointer;opacity:.9} .wrapper[data-v-314baac6]{display:flex;align-items:center;position:absolute;bottom:0;width:100%;padding:0 calc(var(--default-grid-baseline)*2) var(--default-grid-baseline);z-index:1}.wrapper--big[data-v-314baac6]{justify-content:center;margin:0 var(--default-clickable-area);width:calc(100% - var(--default-clickable-area)*2)}.wrapper--big .bottom-bar[data-v-314baac6]{width:unset;padding:var(--default-grid-baseline)}.wrapper--big .bottom-bar[data-v-314baac6]:hover{background-color:rgba(0,0,0,.2);border-radius:var(--border-radius-large)}.wrapper--big .participant-name[data-v-314baac6]{margin-inline-end:0}.bottom-bar[data-v-314baac6]{display:flex;align-items:center;gap:var(--default-grid-baseline);width:100%}.bottom-bar .media-indicators[data-v-314baac6]{display:flex}.bottom-bar .following-button[data-v-314baac6]{opacity:.8;background-color:var(--color-background-dark)}.bottom-bar .following-button[data-v-314baac6]:hover,.bottom-bar .following-button[data-v-314baac6]:focus{opacity:1}.participant-name[data-v-314baac6]{color:#fff;margin-block:0px;margin-inline:8px auto;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;filter:drop-shadow(1px 1px 4px var(--color-box-shadow))}.participant-name--active[data-v-314baac6]{font-weight:bold}.participant-name--has-shadow[data-v-314baac6]{text-shadow:0 0 4px rgba(0,0,0,.8)}.status-indicator[data-v-314baac6]{width:var(--default-clickable-area);height:var(--default-clickable-area);display:flex;align-items:center;justify-content:center}.iceFailedIndicator[data-v-314baac6]{opacity:.8 !important}.audioIndicator[data-v-314baac6],.videoIndicator[data-v-314baac6],.screenSharingIndicator[data-v-314baac6],.iceFailedIndicator[data-v-314baac6]{color:#fff !important}.audioIndicator[disabled][data-v-314baac6],.videoIndicator[data-v-314baac6]{opacity:.7}.videoIndicator[data-v-314baac6]:hover,.videoIndicator[data-v-314baac6]:focus{opacity:1} .screenContainer[data-v-71a9bb89]{width:100%;height:100%}.screen[data-v-71a9bb89]{width:100%;height:100%;position:absolute;top:0;inset-inline-start:0}.screen--fit[data-v-71a9bb89]{object-fit:contain}.screen--fill[data-v-71a9bb89]{object-fit:cover}.screen--magnify[data-v-71a9bb89]{cursor:zoom-in}.screen--grab[data-v-71a9bb89]{cursor:grab}.screen--grabbing[data-v-71a9bb89]{cursor:grabbing} .not-connected video[data-v-05890313],.not-connected .avatar-container[data-v-05890313]{opacity:.5}.video-container-grid[data-v-05890313]{position:relative;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2))}.video-container-big[data-v-05890313]{position:absolute}.video-container-big.one-to-one[data-v-05890313]{width:calc(100% - var(--wrapper-padding)*2)}.video-container-big .videoWrapper[data-v-05890313]{margin:auto}.avatar-container[data-v-05890313]{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.placeholder-for-promoted[data-v-05890313]{background:radial-gradient(146.1% 146.1% at 50% 50%, #333333 0%, #858585 100%);width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2))}.videoWrapper[data-v-05890313],.video[data-v-05890313]{height:100%;width:100%;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2))}.videoWrapper.presenter-overlay>video[data-v-05890313]{border-radius:50%}.videoWrapper.presenter-overlay>.dev-mode-video--presenter[data-v-05890313]{position:absolute;top:0;inset-inline-start:0;height:100%;width:100%;object-fit:cover;border-radius:50%}.video-loading[data-v-05890313]{position:absolute;top:0;inset-inline-end:0;height:100%;width:100%}.video--fit[data-v-05890313]{object-fit:contain}.video--fill[data-v-05890313]{object-fit:cover}.connection-message[data-v-05890313]{width:100%;position:absolute;top:calc(50% + 50px);text-align:center;z-index:1;color:#fff;filter:drop-shadow(1px 1px 4px var(--color-box-shadow))}.connection-message.below-avatar[data-v-05890313]{top:calc(50% + 80px)}.video-container[data-v-05890313]::after{position:absolute;height:100%;width:100%;top:0;inset-inline-start:0;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2))}.video-container.presenter-overlay[data-v-05890313]::after{border-radius:50%;z-index:1}.video-container.speaking[data-v-05890313]::after{content:"";box-shadow:inset 0 0 0 2px #fff}.video-container.hover[data-v-05890313]::after{content:"";box-shadow:inset 0 0 0 3px #fff;cursor:pointer}.presenter-icon__hide[data-v-05890313]{position:absolute;color:#fff;inset-inline-start:calc(50% - var(--default-clickable-area)/2);top:calc(100% - var(--default-grid-baseline) - var(--default-clickable-area));opacity:.7;background-color:rgba(0,0,0,.5);border-radius:50%;padding:6px;width:var(--default-clickable-area);height:var(--default-clickable-area);z-index:2}.presenter-icon__hide[data-v-05890313]:hover{cursor:pointer;opacity:.9} .grid-main-wrapper[data-v-ae0ab43c]{--navigation-position: calc(var(--default-grid-baseline) * 2);position:relative;width:100%}.grid-main-wrapper.is-grid[data-v-ae0ab43c]{height:100%}.wrapper[data-v-ae0ab43c]{width:100%;display:flex;position:relative;bottom:0;inset-inline-start:0}.grid[data-v-ae0ab43c]{display:grid;height:100%;width:100%;grid-row-gap:var(--grid-gap);grid-column-gap:var(--grid-gap)}.grid.stripe[data-v-ae0ab43c]{padding:var(--grid-gap) var(--grid-gap) 0 0}.grid-wrapper[data-v-ae0ab43c]{width:100%;min-width:0;position:relative;flex:1 0 auto}.stripe-wrapper[data-v-ae0ab43c]{width:100%;min-width:0;position:relative}.dev-mode-video[data-v-ae0ab43c]{position:relative}.dev-mode-video[data-v-ae0ab43c]:not(.dev-mode-screenshot){outline:1px solid #00ff41;color:#00ff41}.dev-mode-video img[data-v-ae0ab43c]{object-fit:cover;height:100%;width:100%;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2))}.dev-mode-video .wrapper[data-v-ae0ab43c]{position:absolute}.dev-mode__title[data-v-ae0ab43c]{position:absolute;left:var(--default-clickable-area);color:#00ff41;z-index:1;line-height:120px;font-weight:900;font-size:100px !important;top:88px;opacity:25%}.dev-mode__toggle[data-v-ae0ab43c]{position:fixed !important;left:20px;top:calc(2*var(--header-height))}.dev-mode__data[data-v-ae0ab43c]{direction:ltr;font-family:monospace;position:fixed;color:#00ff41;left:20px;top:calc(2*var(--header-height) + 40px);padding:5px;background:rgba(0,0,0,.8);border:1px solid #00ff41;display:grid;grid-template-columns:165px 75px;align-items:center;justify-content:flex-start;z-index:2}.dev-mode__data span[data-v-ae0ab43c]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dev-mode__data input[data-v-ae0ab43c]{max-width:65px;height:22.5px !important;min-height:unset;margin:0}.video[data-v-ae0ab43c]:last-child{grid-column-end:-1}.grid-wrapper .grid-navigation[data-v-ae0ab43c]{position:absolute;top:calc(50% - var(--default-clickable-area)/2)}.grid-wrapper .grid-navigation__previous[data-v-ae0ab43c]{inset-inline-start:calc(var(--default-grid-baseline)*2)}.grid-wrapper .grid-navigation__next[data-v-ae0ab43c]{inset-inline-end:calc(var(--default-grid-baseline)*2)}.stripe-wrapper .grid-navigation[data-v-ae0ab43c]{position:absolute;top:calc(var(--navigation-position) + var(--grid-gap))}.stripe-wrapper .grid-navigation__previous[data-v-ae0ab43c]{inset-inline-start:var(--navigation-position)}.stripe-wrapper .grid-navigation__next[data-v-ae0ab43c]{inset-inline-end:calc(var(--navigation-position) + var(--grid-gap))}.stripe--collapse[data-v-ae0ab43c]{position:absolute !important;top:calc(-1*(var(--default-clickable-area) + var(--grid-gap)));inset-inline-end:var(--navigation-position)}.stripe--collapse[data-v-ae0ab43c],.grid-navigation[data-v-ae0ab43c]{z-index:2;opacity:.7}#call-container:hover .stripe--collapse[data-v-ae0ab43c],#call-container:hover .grid-navigation[data-v-ae0ab43c]{background-color:rgba(0,0,0,.1) !important}#call-container:hover .stripe--collapse[data-v-ae0ab43c]:hover,#call-container:hover .stripe--collapse[data-v-ae0ab43c]:focus,#call-container:hover .grid-navigation[data-v-ae0ab43c]:hover,#call-container:hover .grid-navigation[data-v-ae0ab43c]:focus{opacity:1;background-color:rgba(0,0,0,.2) !important}.overlap .stripe--collapse[data-v-ae0ab43c],.overlap .grid-navigation[data-v-ae0ab43c]{inset-inline-end:var(--grid-gap)}.stripe--collapse[data-v-ae0ab43c]:active,.grid-navigation[data-v-ae0ab43c]:active{background:none}.local-video--highlighted[data-v-ae0ab43c]{inset-block-end:var(--grid-gap);inset-inline-end:var(--grid-gap);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)} .transcript-block[data-v-344670d2]{display:flex;flex-direction:row;align-items:flex-start;align-self:end;width:100%;background-color:rgba(34,34,34,.8);color:#fff}.transcript-block__avatar[data-v-344670d2]{position:sticky;top:0;padding:calc(2*var(--default-grid-baseline));margin-top:calc(2*var(--default-grid-baseline))}.transcript-block__text[data-v-344670d2]{display:flex;flex-direction:column;padding-inline-end:var(--default-grid-baseline)}.transcript-block__author[data-v-344670d2]{color:var(--color-text-maxcontrast);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;margin-bottom:-4px}.transcript-block__chunks[data-v-344670d2]::first-letter{text-transform:capitalize} .transcript[data-v-5a2eb427]{--line-height: calc(var(--default-font-size) * 2);position:absolute;bottom:20px;inset-inline:20%;line-height:var(--line-height);max-height:calc(var(--line-height)*4);overflow:hidden;display:flex;align-items:center;flex-direction:column;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2));backdrop-filter:var(--filter-background-blur);z-index:1}@media(height <= calc(var(--line-height) * 8)){.transcript[data-v-5a2eb427]{max-height:calc(var(--line-height)*2)}}@media(max-width: 768px){.transcript[data-v-5a2eb427]{inset-inline:10%}}@media(max-width: 512px){.transcript[data-v-5a2eb427]{inset-inline:5%}} .presenter-overlay__container[data-v-2238218e]{position:absolute;inset:0;pointer-events:none}.presenter-overlay__container[data-v-2238218e]>*{pointer-events:auto}.presenter-overlay__video[data-v-2238218e]{position:relative;--max-size: 242px;--min-size: 100px;max-width:var(--max-size);max-height:var(--max-size);min-width:var(--min-size);min-height:var(--min-size);z-index:10;aspect-ratio:1}.presenter-overlay__video[data-v-2238218e]:hover{cursor:grab}.presenter-overlay__video.dragging[data-v-2238218e]{cursor:grabbing}.presenter-overlay--collapsed[data-v-2238218e]{position:absolute !important;opacity:.7;bottom:calc(var(--default-clickable-area) + var(--default-grid-baseline));inset-inline-end:var(--grid-gap)}#call-container:hover .presenter-overlay--collapsed[data-v-2238218e]{background-color:rgba(0,0,0,.1) !important}#call-container:hover .presenter-overlay--collapsed[data-v-2238218e]:hover,#call-container:hover .presenter-overlay--collapsed[data-v-2238218e]:focus{opacity:1;background-color:rgba(0,0,0,.2) !important}[data-v-2238218e] div{cursor:inherit} .toaster[data-v-69b03b9e]{position:absolute;bottom:20px;inset-inline-start:0;display:flex;flex-direction:column;gap:20px;width:100%;z-index:1}.toast[data-v-69b03b9e]{position:absolute;bottom:0;inset-inline-start:var(--horizontal-offset, 0);display:flex;align-items:center;gap:8px;animation:toast-floating-69b03b9e var(--animation-length) linear}.toast__reaction[data-v-69b03b9e]{font-size:250%;line-height:100%}@media only screen and (max-width: 1920px){.toast__reaction[data-v-69b03b9e]{font-size:150%}.toast__reaction-img[data-v-69b03b9e]{width:30px;height:30px}}.toast__name[data-v-69b03b9e]{padding:8px 12px;border-radius:6px;line-height:100%;white-space:nowrap;color:#fff;background-color:var(--background-color);box-shadow:1px 1px 4px var(--color-box-shadow)}@keyframes toast-floating-69b03b9e{0%{transform:translateY(0);opacity:1}50%{transform:translateY(calc(-0.5 * var(--vertical-offset) * 1vh));opacity:1}100%{transform:translateY(calc(-1 * var(--vertical-offset) * 1vh));opacity:0}} .viewer-overlay-ghost[data-v-8be54cbe]{position:absolute;bottom:8px;inset-inline:0 8px}.viewer-overlay[data-v-8be54cbe]{--aspect-ratio: calc(3 / 4);--width: 20vw;--min-width: 250px;--max-width: 400px;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);min-height:calc(var(--default-clickable-area) + 8px);z-index:11000}.viewer-overlay[data-v-8be54cbe] *{box-sizing:border-box}.viewer-overlay__collapse[data-v-8be54cbe]{position:absolute;top:8px;inset-inline-end:8px;z-index:100}.viewer-overlay__button[data-v-8be54cbe]{opacity:.8}.viewer-overlay__button[data-v-8be54cbe]:active,.viewer-overlay__button[data-v-8be54cbe]:hover,.viewer-overlay__button[data-v-8be54cbe]:focus{opacity:.9}.video-overlay__top-bar[data-v-8be54cbe]{position:absolute;top:8px;inset-inline-start:8px;z-index:100}.viewer-overlay__bottom-bar[data-v-8be54cbe]{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;bottom:0;width:100%;padding:0 12px 8px 12px;z-index:1}.viewer-overlay__video-container[data-v-8be54cbe]{width:100%;height:calc(var(--width)*var(--aspect-ratio));min-height:calc(var(--min-width)*var(--aspect-ratio));max-height:calc(var(--max-width)*var(--aspect-ratio));bottom:0;inset-inline-end:0}.viewer-overlay__local-video[data-v-8be54cbe]{position:absolute;bottom:8px;inset-inline-end:8px;width:25%;height:25%;overflow:hidden}.viewer-overlay__video[data-v-8be54cbe]{position:relative;height:100%}[data-v-8be54cbe] .screen{border-radius:calc(var(--default-clickable-area)/4)} #call-container[data-v-4ef92b6b]{width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:var(--filter-background-blur);--grid-gap: calc(var(--default-grid-baseline) * 2);--top-bar-height: 51px;--wrapper-padding: calc(var(--default-grid-baseline) * 2.5);--bottom-bar-height: calc(var(--default-clickable-area) + var(--wrapper-padding) * 2)}#call-container.call-container__blurred[data-v-4ef92b6b]{backdrop-filter:blur(25px)}#call-container.call-container__non-blurred[data-v-4ef92b6b]{backdrop-filter:none}#videos[data-v-4ef92b6b]{position:absolute;width:100%;height:calc(100% - (var(--top-bar-height) + var(--bottom-bar-height)));top:var(--top-bar-height);overflow:hidden;display:flex;justify-content:space-around;align-items:flex-end;flex-direction:column;padding-inline:var(--wrapper-padding)}#videos.is-sidebar[data-v-4ef92b6b]{width:100%;height:100%;inset:0;padding:0}#videos.is-sidebar[data-v-4ef92b6b] .video-container-big{width:100%;height:100%;padding:0;border-radius:0}.video__promoted[data-v-4ef92b6b]{position:relative;height:100%;width:100%}.video__promoted.full-page[data-v-4ef92b6b]{position:static}.video__promoted .dev-mode-video--promoted[data-v-4ef92b6b]{position:absolute;width:100%;height:100%;display:flex;justify-content:center}.video__promoted .dev-mode-video--promoted img[data-v-4ef92b6b]{position:absolute;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2))}.local-video[data-v-4ef92b6b]{position:absolute;inset-inline-end:0;bottom:0;width:300px;height:250px}.local-video--sidebar[data-v-4ef92b6b]{width:150px;height:100px;bottom:var(--bottom-bar-height);margin:var(--default-grid-baseline)}#videos.hidden[data-v-4ef92b6b]{display:none}[data-v-4ef92b6b] video{z-index:0;vertical-align:top}#videos[data-v-4ef92b6b] video{padding:0} .conversation-icon[data-v-33dcd230]{width:var(--icon-size);height:var(--icon-size);position:relative}.conversation-icon .avatar.icon[data-v-33dcd230]{display:block;width:var(--icon-size);height:var(--icon-size);line-height:var(--icon-size);background-size:calc(var(--icon-size)/2);background-color:var(--color-text-maxcontrast-default)}.conversation-icon .avatar.icon.icon-changelog[data-v-33dcd230]{background-size:cover !important}.conversation-icon img.avatar.icon[data-v-33dcd230]{background-color:rgba(0,0,0,0)}.conversation-icon--dark .avatar.icon[data-v-33dcd230]{background-color:#3b3b3b}.conversation-icon__type[data-v-33dcd230]{position:absolute;inset-inline-end:-2px;bottom:-2px;display:flex;align-content:center;justify-content:center;height:clamp(10px,40%,18px);width:clamp(10px,40%,18px);border:1px solid var(--color-main-background);background-color:var(--color-main-background);color:var(--color-main-text);border-radius:50%}.conversation-icon .overlap-icon[data-v-33dcd230]{position:absolute;top:0;inset-inline-start:calc(var(--icon-size)*.7);line-height:100%;display:inline-block;vertical-align:middle}.offline[data-v-33dcd230]{opacity:.4} .modal__content[data-v-77286c62]{padding:calc(var(--default-grid-baseline)*3)}.conversation-information[data-v-77286c62]{margin-top:5px;display:flex;flex-direction:column;align-items:center}.description[data-v-77286c62]{margin-bottom:12px;max-height:8lh;overflow-x:hidden;overflow-y:auto;text-overflow:ellipsis}.username-form__input[data-v-77286c62]{margin-bottom:20px}.submit-button[data-v-77286c62]{margin:0 auto}.login-info[data-v-77286c62]{display:flex;align-items:center;gap:calc(var(--default-grid-baseline)*2);padding-top:calc(var(--default-grid-baseline)*2)}.separator[data-v-77286c62]{margin:calc(var(--default-grid-baseline)*3) 0 var(--default-grid-baseline);border-top:1px solid} .placeholder-list[data-v-63a7aa7a]{width:100%;transform:translateZ(0)}.placeholder-item[data-v-63a7aa7a]{display:flex;gap:8px;width:100%}.placeholder-item__avatar[data-v-63a7aa7a]{flex-shrink:0}.placeholder-item__avatar-circle[data-v-63a7aa7a]{height:var(--avatar-size);width:var(--avatar-size);border-radius:var(--avatar-size)}.placeholder-item__content[data-v-63a7aa7a]{display:flex;flex-direction:column;width:100%}.placeholder-item__content-line[data-v-63a7aa7a]{margin:5px 0 4px;width:100%;height:15px}.placeholder-item__content-line[data-v-63a7aa7a]:last-child{width:var(--last-line-width)}.placeholder-list--conversations .placeholder-item[data-v-63a7aa7a]{margin:2px 0;padding:8px 10px}.placeholder-list--conversations .placeholder-item__content[data-v-63a7aa7a]{width:70%}.placeholder-list--messages[data-v-63a7aa7a]{max-width:calc(32px + 4*var(--default-grid-baseline) + 50*var(--default-font-size) + 2*var(--default-grid-baseline) + 8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline));margin:auto}.placeholder-list--messages .placeholder-item[data-v-63a7aa7a]{padding-inline-end:8px}.placeholder-list--messages .placeholder-item__avatar[data-v-63a7aa7a]{width:48px;padding:20px 8px 0}.placeholder-list--messages .placeholder-item__content[data-v-63a7aa7a]{max-width:calc(50*var(--default-font-size));padding:12px 0}.placeholder-list--messages .placeholder-item__content-line[data-v-63a7aa7a]{margin:4px 0 3px}.placeholder-list--messages .placeholder-item__content-line[data-v-63a7aa7a]:first-child{margin-bottom:9px;width:20%}.placeholder-list--messages .placeholder-item__info[data-v-63a7aa7a]{width:100px;height:15px;margin-block:var(--default-clickable-area) 0;margin-inline:8px var(--default-clickable-area);animation-delay:.8s}.placeholder-list--participants .placeholder-item[data-v-63a7aa7a]{--padding: calc(var(--default-grid-baseline) * 2);gap:calc(var(--default-grid-baseline)*2);padding:calc(var(--padding)*3/2) var(--padding) var(--padding);height:59px;align-items:center}.placeholder-list--participants .placeholder-item__avatar[data-v-63a7aa7a]{margin:auto}.placeholder-list--event-cards[data-v-63a7aa7a]{display:flex;gap:calc(var(--default-grid-baseline)*2);flex-wrap:nowrap;overflow:hidden}.placeholder-list--event-cards .placeholder-item__content[data-v-63a7aa7a]{width:300px}.placeholder-list--event-cards .placeholder-item__content-line[data-v-63a7aa7a]{margin:0;height:250px;background-color:var(--color-placeholder-light);border-radius:var(--border-radius-large)}.placeholder-item__avatar-circle[data-v-63a7aa7a],.placeholder-item__content-line[data-v-63a7aa7a],.placeholder-item__info[data-v-63a7aa7a]{background-size:200vw;background-image:linear-gradient(90deg, var(--color-placeholder-dark) 65%, var(--color-placeholder-light) 70%, var(--color-placeholder-dark) 75%);animation:loading-animation-63a7aa7a 3s forwards infinite linear;will-change:background-position}@keyframes loading-animation-63a7aa7a{0%{background-position:0}100%{background-position:140vw}} .static-datetime[data-v-a8afd91e]::first-letter{text-transform:capitalize} .edit-timestamp[data-v-12ed4408] .action-text__longtext-wrapper{padding:0} .conversation__subname[data-v-2e7d9e67]{display:flex;gap:var(--default-grid-baseline)}.conversation__subname-actor[data-v-2e7d9e67]{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation__subname-icon[data-v-2e7d9e67]{flex-shrink:0}.conversation__subname-message[data-v-2e7d9e67]{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} [data-v-fb9b00b6] .modal-wrapper .modal-container{height:700px}[data-v-fb9b00b6] .modal-wrapper .dialog__content{width:100%;height:100%;display:flex;flex-direction:column}.selector__heading[data-v-fb9b00b6]{margin-bottom:4px}.selector__subtitle[data-v-fb9b00b6]{color:var(--color-text-maxcontrast);margin-bottom:8px}.selector__search[data-v-fb9b00b6]{margin-bottom:10px}.selector__list[data-v-fb9b00b6]{height:100%}.selector__action[data-v-fb9b00b6]{flex-shrink:0;margin-inline-start:auto} .translate-dialog[data-v-0dd4923e] .dialog__content{position:relative;display:flex;flex-direction:column;gap:calc(var(--default-grid-baseline)*2);min-height:300px;padding-bottom:calc(var(--default-grid-baseline)*3)}.translate-dialog__wrapper[data-v-0dd4923e]{display:flex;align-items:center;gap:calc(var(--default-grid-baseline)*4)}.translate-dialog .translate-dialog__select[data-v-0dd4923e]{width:50%}.translate-dialog__button[data-v-0dd4923e]{flex-shrink:0;margin-inline-start:auto}.translate-dialog__message[data-v-0dd4923e]{padding:calc(var(--default-grid-baseline)*2);flex-grow:1;border-radius:var(--border-radius-large)}.translate-dialog__message-source[data-v-0dd4923e]{color:var(--color-text-maxcontrast);border:2px solid var(--color-border)}.translate-dialog__message-translation[data-v-0dd4923e]{border:2px solid var(--color-primary-element)} .contact[data-v-5f35acc9]{display:flex;transition:box-shadow .1s ease-in-out;border:1px solid var(--color-border);box-shadow:0 0 2px 0 var(--color-box-shadow);border-radius:var(--border-radius-large);font-size:100%;background-color:var(--color-main-background);margin:12px 0;max-width:300px;padding:12px;white-space:nowrap;align-items:center}.contact[data-v-5f35acc9]:hover,.contact[data-v-5f35acc9]:focus{box-shadow:0 0 5px 0 var(--color-box-shadow)}.contact__image[data-v-5f35acc9]{display:inline-block;border-radius:50%;max-width:var(--clickable-area-large);max-height:var(--clickable-area-large)}.contact__icon[data-v-5f35acc9]{display:inline-block;width:var(--clickable-area-large);height:var(--clickable-area-large)}.contact__lineone[data-v-5f35acc9]{height:30px;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contact__lineone .title[data-v-5f35acc9]{margin-inline-start:12px}.icon-contacts[data-v-5f35acc9]{opacity:.8} .deck-card[data-v-457f2464]{display:flex;border:2px solid var(--color-border);border-radius:var(--border-radius-large);font-size:100%;background-color:var(--color-main-background);max-width:300px;padding:8px 16px;flex-direction:column;white-space:nowrap;transition:border-color .1s ease-in-out}.deck-card[data-v-457f2464]:hover,.deck-card[data-v-457f2464]:focus,.deck-card[data-v-457f2464]:focus-visible{border-color:var(--color-primary-element);outline:none}.deck-card__lineone[data-v-457f2464]{height:30px;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deck-card__lineone .title[data-v-457f2464]{margin-inline-start:8px}.deck-card__linetwo[data-v-457f2464]{height:30px;color:var(--color-text-maxcontrast);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon-deck[data-v-457f2464]{opacity:.8}.wide[data-v-457f2464]{max-width:400px;width:100%} .external[data-v-00e3d3cc]:after{content:" ↗"} .audio-player[data-v-7058c830]{margin:12px 0;width:100%} .file-preview[data-v-731eca8e]{position:relative;min-width:0;max-width:100%;display:inline-block;border-radius:var(--border-radius);box-sizing:content-box !important}.file-preview[data-v-731eca8e]:hover,.file-preview[data-v-731eca8e]:focus,.file-preview[data-v-731eca8e]:focus-visible{background-color:var(--color-background-hover);outline:none}.file-preview:hover .remove-file[data-v-731eca8e],.file-preview:focus .remove-file[data-v-731eca8e],.file-preview:focus-visible .remove-file[data-v-731eca8e]{visibility:visible}.file-preview:hover .image-container[data-v-731eca8e]:has(.file-preview__image.media),.file-preview:focus .image-container[data-v-731eca8e]:has(.file-preview__image.media),.file-preview:focus-visible .image-container[data-v-731eca8e]:has(.file-preview__image.media){outline:2px solid var(--color-primary-element)}.file-preview__image[data-v-731eca8e]{object-fit:cover;transition:outline .1s ease-in-out}.file-preview__progress[data-v-731eca8e]{position:absolute;top:50%;inset-inline-end:calc(var(--progress-bar-height)*-1);transform:translateY(-50%)}.file-preview .mimeicon[data-v-731eca8e]{min-height:128px}.file-preview .mimeicon.preview-small[data-v-731eca8e]{min-height:auto;max-height:24px}.file-preview .preview[data-v-731eca8e]{border-radius:var(--border-radius);max-width:min(100%,600px);max-height:384px}.file-preview .preview-medium[data-v-731eca8e]{border-radius:var(--border-radius);max-width:100%;max-height:192px}.file-preview .preview-small[data-v-731eca8e]{border-radius:var(--border-radius);max-width:100%;max-height:24px}.file-preview .preview-loading[data-v-731eca8e]{position:absolute;border-radius:var(--border-radius);width:100%;height:100%;background-color:var(--color-background-dark)}.file-preview .image-container[data-v-731eca8e]{position:relative;display:inline-flex;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:var(--border-radius)}.file-preview .image-container.playable .preview[data-v-731eca8e]{transition:filter 250ms ease-in-out}.file-preview .image-container.playable .play-video-button[data-v-731eca8e]{position:absolute;height:48px;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.8;z-index:1;transition:opacity 250ms ease-in-out}.file-preview .image-container.playable:hover .preview[data-v-731eca8e]{filter:brightness(80%)}.file-preview .image-container.playable:hover .play-video-button[data-v-731eca8e]{opacity:1}.file-preview .name-container[data-v-731eca8e]{font-weight:bold;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-preview:not(.file-preview--viewer-available) strong[data-v-731eca8e]:after{content:" ↗"}.file-preview--upload-editor[data-v-731eca8e]{max-width:140px;max-height:140px;padding:12px 12px 24px 12px;margin:10px}.file-preview--upload-editor .preview[data-v-731eca8e]{margin:auto;width:128px;height:128px}.file-preview--row-layout[data-v-731eca8e]{display:flex;align-items:center;border-radius:var(--border-radius);padding:2px 4px}.file-preview--row-layout .image-container[data-v-731eca8e]{flex-shrink:0;width:24px}.file-preview--row-layout .name-container[data-v-731eca8e]{padding:0 4px;font-weight:normal}.file-preview--shared-items-grid[data-v-731eca8e]{aspect-ratio:1;line-height:0}.file-preview--shared-items-grid .preview[data-v-731eca8e]{width:100%;min-height:unset;height:100% !important}.remove-file[data-v-731eca8e]{visibility:hidden;position:absolute !important;top:8px;inset-inline-end:8px} .location[data-v-0a884cee]{display:flex;flex-direction:column;position:relative;z-index:1;white-space:initial;overflow:hidden;border-radius:var(--border-radius-large);height:300px;max-height:30vh;margin:4px;transition:outline .1s ease-in-out}.location[data-v-0a884cee]:hover,.location[data-v-0a884cee]:focus,.location[data-v-0a884cee]:focus-visible{outline:2px solid var(--color-primary-element)}.location.wide[data-v-0a884cee]{width:100%;height:100%;margin:0} .mention[data-v-91102faa]{display:contents;white-space:nowrap} .quote[data-v-2d9a6210]{position:relative;padding-block:var(--default-grid-baseline);padding-inline:calc(2*var(--default-grid-baseline)) var(--default-grid-baseline);margin-bottom:var(--default-grid-baseline);display:flex;gap:var(--default-grid-baseline);max-width:calc(50*var(--default-font-size));min-height:var(--default-clickable-area);border-radius:var(--border-radius-large);border:2px solid var(--color-border);color:var(--color-text-maxcontrast);background-color:var(--color-main-background);overflow:hidden}.quote[data-v-2d9a6210]:has(.quote__button){padding-inline-end:var(--default-clickable-area)}.quote[data-v-2d9a6210]::before{content:" ";position:absolute;top:0;inset-inline-start:0;height:100%;width:var(--default-grid-baseline);background-color:var(--color-border-maxcontrast)}.quote.quote--own-message[data-v-2d9a6210]::before{background-color:var(--color-primary-element)}.quote__preview[data-v-2d9a6210]{position:relative;flex-shrink:0;height:2lh;width:2lh;overflow:hidden;border-radius:var(--border-radius);background-color:var(--color-background-dark)}.quote__preview-image[data-v-2d9a6210]{width:100%;height:100%;object-fit:cover}.quote__preview--loading[data-v-2d9a6210]{position:absolute;inset:0;width:100%;height:100%}.quote__preview+.quote__main[data-v-2d9a6210]{flex-direction:column;align-items:flex-start;gap:0}.quote__preview+.quote__main .quote__main-author[data-v-2d9a6210]{max-width:100%}.quote__main[data-v-2d9a6210]{display:flex;align-items:center;gap:calc(2*var(--default-grid-baseline));min-width:0;flex-grow:1;overflow:hidden}.quote__main-author[data-v-2d9a6210]{display:flex;align-items:center;gap:var(--default-grid-baseline);max-width:80%}.quote__main-author-info[data-v-2d9a6210]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote__main-author-name[data-v-2d9a6210]{font-weight:600;margin-inline-end:calc(.5*var(--default-grid-baseline))}.quote__main-text[data-v-2d9a6210]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:start;max-width:100%}.quote__button[data-v-2d9a6210]{position:absolute !important;top:0;inset-inline-end:0;height:100%;border-radius:0 !important} .conversation-actions[data-v-415e1670]{padding:calc(var(--default-grid-baseline)*2) var(--default-grid-baseline);transition:background-color var(--animation-quick) ease}.conversation-actions--highlighted[data-v-415e1670]{background-color:var(--color-primary-element-light);border-radius:var(--border-radius)}.conversation-actions--highlighted p[data-v-415e1670]{color:var(--color-main-text)}.conversation-actions__buttons[data-v-415e1670]{display:flex;justify-content:center;gap:var(--default-grid-baseline);margin-top:var(--default-grid-baseline)} .poll-card[data-v-6f298514]{position:relative;display:block;max-width:300px;padding:calc(3*var(--default-grid-baseline)) calc(2*var(--default-grid-baseline));border:2px solid var(--color-border);border-radius:var(--border-radius-large);background:var(--color-main-background);transition:border-color .1s ease-in-out}.poll-card[data-v-6f298514]:hover,.poll-card[data-v-6f298514]:focus,.poll-card[data-v-6f298514]:focus-visible{border-color:var(--color-primary-element);outline:none}.poll-card__header[data-v-6f298514]{display:flex;align-items:flex-start;gap:calc(2*var(--default-grid-baseline));margin-bottom:16px;font-weight:bold;white-space:normal;word-wrap:anywhere}.poll-card__header--draft[data-v-6f298514]{gap:var(--default-grid-baseline)}.poll-card__header-name[data-v-6f298514]{margin-inline-end:auto;align-self:center}.poll-card__header-icon[data-v-6f298514]{height:var(--default-clickable-area);margin-bottom:auto}.poll-card__footer[data-v-6f298514]{color:var(--color-text-maxcontrast);white-space:normal}.poll-closed[data-v-6f298514]{margin:4px auto} .message-main[data-v-095af28e]{display:grid;grid-template-columns:minmax(0, calc(50 * var(--default-font-size))) calc(8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline));grid-row-gap:var(--default-grid-baseline);justify-content:space-between;align-items:flex-start;min-height:var(--clickable-area-small);min-width:100%}.message-main__text[data-v-095af28e]{width:100%;color:var(--color-text-light)}.message-main__text>.single-emoji[data-v-095af28e]{font-size:250%;line-height:100%}.message-main__text.system-message[data-v-095af28e]{color:var(--color-text-maxcontrast);text-align:center;padding:0 20px}.message-main__text.message-highlighted[data-v-095af28e]{color:var(--color-text-light);background-color:var(--color-primary-element-light);padding:10px;border-radius:var(--border-radius-large);text-align:center}.message-main__text.deleted-message[data-v-095af28e]{display:flex;align-items:center;color:var(--color-text-maxcontrast)}.message-main__text.deleted-message[data-v-095af28e] .rich-text--wrapper{flex-grow:1;text-align:start}.message-main__text.markdown-message[data-v-095af28e]{position:relative}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper{text-align:inherit}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper h4{font-size:100%}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper em{font-style:italic}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper ul,.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper ol{padding-left:0;padding-inline-start:15px}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper ul.contains-task-list,.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper ol.contains-task-list{padding:0}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper input:disabled+.checkbox-content{opacity:1 !important}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper div:has(table){overflow-x:auto}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper pre{padding:4px;margin:0;border-radius:var(--border-radius);background-color:var(--color-background-dark)}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper pre code{margin:0;padding:0}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper code{display:inline-block;padding:2px 4px;margin:2px 0;border-radius:var(--border-radius);background-color:var(--color-background-dark)}.message-main__text.markdown-message[data-v-095af28e] .rich-text--wrapper blockquote{padding-left:0;padding-inline-start:13px;border-left:none;border-inline-start:4px solid var(--color-border)}.message-main__text.markdown-message[data-v-095af28e]:dir(rtl) ul.contains-task-list{direction:rtl}.message-main__text.markdown-message[data-v-095af28e]:dir(ltr) ul.contains-task-list{direction:ltr}.message-main__text.markdown-message[data-v-095af28e] ul.contains-task-list .checkbox-content__wrapper{unicode-bidi:plaintext}.message-main__info[data-v-095af28e]{position:relative;user-select:none;display:flex;justify-content:flex-end;color:var(--color-text-maxcontrast);font-size:var(--default-font-size);width:calc(8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline));padding-inline:calc(2*var(--default-grid-baseline))}.message-main__info .date[data-v-095af28e]{width:8ch;text-align:end}.message-main__info .date--hidden[data-v-095af28e]{pointer-events:none;opacity:0}.message-main__info .date[data-v-095af28e]:last-child{margin-inline-end:var(--clickable-area-small, 24px)}.message-main__thread-title[data-v-095af28e]{grid-column:1/-1;display:flex;align-items:center;gap:var(--default-grid-baseline);font-weight:500}.message-status[data-v-095af28e]{width:var(--clickable-area-small, 24px);height:var(--clickable-area-small, 24px);display:flex;justify-content:center;align-items:center}.message-status.retry-option[data-v-095af28e]{cursor:pointer}.message-actions[data-v-095af28e]{display:flex;flex-wrap:wrap;gap:var(--default-grid-baseline)}.message-actions[data-v-095af28e] .button-vue__text{font-weight:normal}.message-actions__thread[data-v-095af28e] .button-vue__text{margin-inline-start:calc(var(--default-grid-baseline)/2)}.call-button[data-v-095af28e]{margin:0 auto}[data-v-095af28e] .rich-text--wrapper pre{direction:ltr}[data-v-095af28e] .widget-default--image{max-width:240px} .reactions__modal[data-v-bcb8ebce]{min-height:450px;padding-bottom:calc(3*var(--default-grid-baseline))}.reactions-list__navigation[data-v-bcb8ebce]{display:flex;gap:2px;flex-wrap:wrap}.reactions-list__navigation[data-v-bcb8ebce] .button-vue{border-radius:var(--border-radius-large)}.reactions-list__navigation[data-v-bcb8ebce] .button-vue.active{background-color:var(--color-primary-element-light)}.all-reactions__button[data-v-bcb8ebce] .button-vue__text{display:inline-flex;gap:4px}.reactions-list__scrollable[data-v-bcb8ebce]{overflow-y:auto;overflow-x:hidden;height:327px}.reactions-item[data-v-bcb8ebce]{display:flex;align-items:center;gap:8px;width:100%;padding:6px 0}.reactions-item__name[data-v-bcb8ebce]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reactions-item__emojis[data-v-bcb8ebce]{margin-inline-start:auto;max-width:180px;direction:rtl;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative} .reactions-wrapper[data-v-14bb3ea4]{--minimal-button-width: 48px;--font-family-emoji: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";display:contents}.reactions-wrapper[data-v-14bb3ea4] .button-vue{min-width:var(--minimal-button-width)}.reactions-wrapper .reaction-emoji[data-v-14bb3ea4]{font-family:var(--font-family-emoji)}.reactions-wrapper .reaction-button--trigger[data-v-14bb3ea4]{height:100%}.reactions-wrapper .reaction-button--thumbnail[data-v-14bb3ea4]{height:100%;width:var(--minimal-button-width);pointer-events:none}.reaction-details[data-v-14bb3ea4]{padding:8px;max-width:250px}.details-loading[data-v-14bb3ea4]{display:flex;justify-content:center;width:38px}.more-reactions-button[data-v-14bb3ea4]{text-decoration:underline}.more-reactions-button[data-v-14bb3ea4]:hover{text-decoration:none} .message[data-v-76003751]{position:relative}.message:hover .normal-message-body[data-v-76003751],.message--hovered .normal-message-body[data-v-76003751]{border-radius:8px;background-color:var(--color-background-hover)}.message-body[data-v-76003751]{padding:var(--default-grid-baseline);font-size:var(--default-font-size);line-height:var(--default-line-height);position:relative}.message-body__scroll[data-v-76003751]{position:absolute;top:0;inset-inline-end:0;width:fit-content;height:100%;padding-top:var(--default-grid-baseline);padding-inline-end:var(--default-grid-baseline)}.message--highlighted[data-v-76003751]{animation:highlight-animation-76003751 5s 1;border-radius:8px}@keyframes highlight-animation-76003751{0%{background-color:var(--color-background-hover)}50%{background-color:var(--color-background-hover)}100%{background-color:rgba(var(--color-background-hover), 0)}}.message-unread-marker[data-v-76003751]{position:relative;margin:calc(4*var(--default-grid-baseline))}.message-unread-marker[data-v-76003751]::before{content:"";width:100%;border-top:1px solid var(--color-border-maxcontrast);position:absolute;top:50%;z-index:-1}.message-unread-marker__wrapper[data-v-76003751]{display:flex;justify-content:center;align-items:center;gap:calc(3*var(--default-grid-baseline));margin-inline:auto;padding-inline:calc(3*var(--default-grid-baseline));width:fit-content;border-radius:var(--border-radius);background-color:var(--color-main-background)}.message-unread-marker__text[data-v-76003751]{text-align:center;white-space:nowrap;font-weight:bold;color:var(--color-main-text)}.message-buttons-bar[data-v-76003751]{display:flex;inset-inline-end:14px;top:0;position:sticky;background-color:var(--color-main-background);border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2));box-shadow:0 0 4px 0 var(--color-box-shadow);height:var(--default-clickable-area);z-index:1} .wrapper[data-v-528a3bc3]{position:relative;padding-inline-start:calc(32px + 4*var(--default-grid-baseline));width:100%}.messages[data-v-528a3bc3]{padding-block:var(--default-grid-baseline);width:100%}.messages__avatar-wrapper[data-v-528a3bc3]{position:absolute;top:0;inset-inline-start:0;height:100%;padding-block:calc(3*var(--default-grid-baseline));padding-inline:calc(2*var(--default-grid-baseline))}.messages__avatar[data-v-528a3bc3]{position:sticky;top:0}.messages__author[data-v-528a3bc3]{max-width:calc(50*var(--default-font-size));padding-inline-start:var(--default-grid-baseline);color:var(--color-text-maxcontrast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .message[data-v-729a7e2a]{position:relative}.message:hover .combined-system[data-v-729a7e2a],.message:focus-within .combined-system[data-v-729a7e2a]{border-radius:8px;background-color:var(--color-background-hover)}.message:hover .message-buttons-bar[data-v-729a7e2a],.message:focus-within .message-buttons-bar[data-v-729a7e2a],.message .combined-system--open+.message-body__scroll>.message-buttons-bar[data-v-729a7e2a]{opacity:1}.message-body[data-v-729a7e2a]{padding:var(--default-grid-baseline);font-size:var(--default-font-size);line-height:var(--default-line-height);position:relative}.message-body__scroll[data-v-729a7e2a]{position:absolute;top:0;inset-inline-end:0;width:fit-content;height:100%;padding-top:var(--default-grid-baseline);padding-inline-end:var(--default-grid-baseline)}.message-unread-marker[data-v-729a7e2a]{position:relative;margin:calc(4*var(--default-grid-baseline))}.message-unread-marker[data-v-729a7e2a]::before{content:"";width:100%;border-top:1px solid var(--color-border-maxcontrast);position:absolute;top:50%;z-index:-1}.message-unread-marker__wrapper[data-v-729a7e2a]{display:flex;justify-content:center;align-items:center;gap:calc(3*var(--default-grid-baseline));margin-inline:auto;padding-inline:calc(3*var(--default-grid-baseline));width:fit-content;border-radius:var(--border-radius);background-color:var(--color-main-background)}.message-unread-marker__text[data-v-729a7e2a]{text-align:center;white-space:nowrap;font-weight:bold;color:var(--color-main-text)}.message-buttons-bar[data-v-729a7e2a]{background-color:var(--color-main-background);border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2));box-shadow:0 0 4px 0 var(--color-box-shadow);height:var(--default-clickable-area);z-index:1;opacity:0} .messages-group__system[data-v-2465fc90]{display:flex;flex-direction:column}.wrapper[data-v-2465fc90]{display:flex;width:100%;padding:0}.wrapper--system[data-v-2465fc90]{flex-direction:column;padding-inline-start:calc(32px + 4*var(--default-grid-baseline))}.wrapper[data-v-2465fc90]:focus{background-color:rgba(47,47,47,.068)}.messages[data-v-2465fc90]{flex:auto;display:flex;flex-direction:column;width:100%;min-width:0}.messages--collapsed[data-v-2465fc90]{border-radius:var(--border-radius-large);background-color:var(--color-background-hover)} .scroller[data-v-5118f774]{position:relative;flex:1 0;padding-top:var(--default-grid-baseline);overflow-y:scroll;overflow-x:hidden;border-bottom:1px solid var(--color-border);transition:all var(--animation-quick, 100ms) ease-in-out}.scroller--chatScrolledToBottom[data-v-5118f774]{border-block-end-color:rgba(0,0,0,0)}.scroller__content[data-v-5118f774]{max-width:calc(32px + 4*var(--default-grid-baseline) + 50*var(--default-font-size) + 2*var(--default-grid-baseline) + 8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline));margin:0 auto}.scroller__content[data-v-5118f774]:last-of-type{margin-bottom:calc(var(--default-clickable-area) - var(--clickable-area-small) - var(--default-grid-baseline))}.scroller__loading[data-v-5118f774]{position:relative;height:0;max-width:calc(32px + 4*var(--default-grid-baseline) + 50*var(--default-font-size) + 2*var(--default-grid-baseline) + 8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline));margin:0 auto}.scroller__loading-element[data-v-5118f774]{position:absolute;top:0;inset-inline-start:calc(2*var(--default-grid-baseline))}.scroller__loading-new[data-v-5118f774]{display:grid;grid-template-columns:minmax(0, calc(50 * var(--default-font-size))) calc(8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline));max-width:calc(32px + 4*var(--default-grid-baseline) + 50*var(--default-font-size) + 2*var(--default-grid-baseline) + 8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline));margin-inline:auto;padding-inline-start:calc(32px + 4*var(--default-grid-baseline))}.scroller__loading-new-wrapper[data-v-5118f774]{display:flex;justify-content:center;align-items:center;gap:var(--default-grid-baseline)}.messages-list__placeholder[data-v-5118f774]{display:flex;flex-direction:column-reverse;overflow:hidden;height:100%}.messages-list__empty-content[data-v-5118f774]{height:100%}.messages-date[data-v-5118f774]{position:sticky;top:0;display:grid;grid-template-columns:minmax(0, calc(50 * var(--default-font-size))) calc(8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline));z-index:2;margin-inline-start:calc(32px + 4*var(--default-grid-baseline));margin-bottom:5px;padding-inline:var(--default-grid-baseline);pointer-events:none}.messages-date__text[data-v-5118f774]{margin:0 auto;padding:var(--default-grid-baseline) calc(3*var(--default-grid-baseline));text-wrap:nowrap;color:var(--color-text-maxcontrast);background-color:var(--color-background-dark);border-radius:var(--border-radius-element, var(--border-radius-pill))}.has-sticky .messages-date[data-v-5118f774]{transition:opacity .3s ease-in-out;transition-delay:2s;opacity:0}.scroller--isScrolling .has-sticky .messages-date[data-v-5118f774]{opacity:1;transition:opacity 0s} .absence-reminder[data-v-0466341a]{margin:0 calc(var(--default-grid-baseline)*4) calc(var(--default-grid-baseline)*2) !important;padding:calc(var(--default-grid-baseline)*2) !important}.absence-reminder__caption[data-v-0466341a]{font-weight:bold;margin-block:var(--default-grid-baseline);margin-inline:0 var(--default-clickable-area)}.absence-reminder__replacement[data-v-0466341a]{display:flex}.absence-reminder__replacement__bubble[data-v-0466341a]{padding:3px}.absence-reminder__message[data-v-0466341a]{white-space:pre-line;word-wrap:break-word;max-height:30vh;overflow:auto}.absence-reminder__message--collapsed[data-v-0466341a]{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.absence-reminder__button[data-v-0466341a]{position:absolute !important;top:4px;inset-inline-end:20px}.absence-reminder__button .icon[data-v-0466341a]{transition:all var(--animation-quick, 100ms) ease-in-out}.absence-reminder__button .icon--reverted[data-v-0466341a]{transform:rotate(180deg)} .audio-recorder[data-v-4b20b63f]{display:flex}.audio-recorder__info[data-v-4b20b63f]{width:86px;display:flex;justify-content:center;align-items:center}.audio-recorder__info .time[data-v-4b20b63f]{flex:0 0 50px}.audio-recorder__info .recording-indicator[data-v-4b20b63f]{width:16px;height:16px;flex:0 0 16px;border-radius:8px;background-color:var(--color-border-error);margin:8px}.wrapper[data-v-4b20b63f]{display:flex}@keyframes fadeOutIn-4b20b63f{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}.fadeOutIn[data-v-4b20b63f]{animation:fadeOutIn-4b20b63f 3s infinite} .chat-summary[data-v-60587e67]{margin-block:0 calc(var(--default-grid-baseline)*2);margin-inline:calc(var(--default-grid-baseline)*4)}.chat-summary__container[data-v-60587e67]{display:flex;gap:var(--default-grid-baseline);align-items:flex-start}.chat-summary__icon[data-v-60587e67]{flex-shrink:0;align-self:flex-start}.chat-summary__content[data-v-60587e67]{flex-grow:1;display:flex;flex-direction:column;gap:var(--default-grid-baseline)}.chat-summary__header[data-v-60587e67]{display:flex;gap:var(--default-grid-baseline);align-items:center}.chat-summary__caption[data-v-60587e67]{font-weight:bold;margin-inline-end:auto}.chat-summary__message[data-v-60587e67]{white-space:pre-line;word-wrap:break-word;max-height:30vh;overflow:auto}.chat-summary__message--collapsed[data-v-60587e67]{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical} .template-picker__item[data-v-923ac1e6]{display:flex}.template-picker__label[data-v-923ac1e6]{display:flex;align-items:center;flex:1 1;flex-direction:column}.template-picker__label[data-v-923ac1e6],.template-picker__label[data-v-923ac1e6] *{cursor:pointer;user-select:none}.template-picker__label[data-v-923ac1e6]::before{display:none !important}.template-picker__preview[data-v-923ac1e6]{display:block;overflow:hidden;flex:1 1;width:var(--width);min-height:var(--height);max-height:var(--height);padding:0;border:var(--border) solid var(--color-border);border-radius:var(--border-radius-large)}input:checked+label>.template-picker__preview[data-v-923ac1e6]{border-color:var(--color-primary-element)}.template-picker__preview--failed[data-v-923ac1e6]{display:flex}.template-picker__image[data-v-923ac1e6]{max-width:100%;background-color:var(--color-main-background);object-fit:cover}.template-picker__preview--failed .template-picker__image[data-v-923ac1e6]{width:calc(var(--margin)*8);margin:auto;background-color:rgba(0,0,0,0) !important;object-fit:initial}.template-picker__title[data-v-923ac1e6]{overflow:hidden;max-width:calc(var(--width) + 4px);padding:var(--margin);white-space:nowrap;text-overflow:ellipsis} .templates-picker__form[data-v-c8def1c6]{width:100%}.templates-picker__list[data-v-c8def1c6]{margin-top:20px;display:grid;grid-gap:calc(var(--margin)*2);grid-auto-columns:1fr;max-width:calc(var(--fullwidth)*6);grid-template-columns:repeat(auto-fit, var(--fullwidth));grid-auto-rows:1fr;justify-content:center} .indicator[data-v-70e49de5]{width:100%;padding-inline-end:12px;margin-bottom:4px}.indicator__wrapper[data-v-70e49de5]{max-width:calc(32px + 4*var(--default-grid-baseline) + 50*var(--default-font-size) + 2*var(--default-grid-baseline) + 8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline) - 100px);display:flex;align-items:center;margin:auto;padding:0;line-height:120%;color:var(--color-text-maxcontrast)}.indicator__avatars[data-v-70e49de5]{display:flex;justify-content:center;align-items:center;flex-direction:row-reverse;flex-shrink:0;width:52px;padding-inline-start:8px}.indicator__main[data-v-70e49de5]{width:100%;padding-inline-start:8px} .wrapper[data-v-730989a2]{padding:calc(var(--default-grid-baseline)*2);min-height:calc(var(--default-clickable-area) + var(--default-grid-baseline)*2)}.new-message-form[data-v-730989a2]{--emoji-button-size: calc(var(--default-clickable-area) - var(--border-width-input-focused, 2px) * 2);--emoji-button-radius: calc(var(--border-radius-element, calc(var(--button-size) / 2)) - var(--border-width-input-focused, 2px));align-items:flex-end;display:flex;gap:var(--default-grid-baseline);position:relative;max-width:calc(32px + 4*var(--default-grid-baseline) + 50*var(--default-font-size) + 2*var(--default-grid-baseline) + 8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline) - 100px);margin:0 auto}.new-message-form__emoji-picker[data-v-730989a2]{position:absolute;bottom:var(--border-width-input-focused, 2px);inset-inline-start:var(--border-width-input-focused, 2px);z-index:1}.new-message-form__emoji-picker[data-v-730989a2] .button-vue{--button-size: var(--emoji-button-size) !important;--button-radius: var(--emoji-button-radius) !important}.new-message-form__input[data-v-730989a2]{flex-grow:1;position:relative;min-width:0}.new-message-form[data-v-730989a2] .rich-contenteditable__input{--contenteditable-space: calc((var(--default-clickable-area) - 1lh - 4px) / 2);--contenteditable-block-offset: var(--contenteditable-space);--contenteditable-inline-end-offset: var(--contenteditable-space);--contenteditable-inline-start-offset: calc(var(--emoji-button-size) + var(--contenteditable-space))}.new-message-form__quote[data-v-730989a2]{margin-block-end:var(--default-grid-baseline);background-color:var(--color-background-hover);border-radius:var(--border-radius-large)}.new-message-form__thread-title[data-v-730989a2]{margin-bottom:var(--default-grid-baseline)}.new-message-form__thread-title[data-v-730989a2]+ .rich-contenteditable > .rich-contenteditable__input{min-height:calc(2lh + 2*var(--contenteditable-block-offset) + 4px)}.new-message-form__input-rich--required[data-v-730989a2] .rich-contenteditable__input{border-color:var(--color-border-error) !important}.new-message-form__icon[data-v-730989a2]:hover,.new-message-form__icon[data-v-730989a2]:focus,.new-message-form__icon[data-v-730989a2]:active{opacity:1;background-color:rgba(127,127,127,.25)}[data-v-730989a2] .action-item__menutoggle.action-item__menutoggle--with-icon-slot{opacity:1 !important}[data-v-730989a2] .action-item__menutoggle.action-item__menutoggle--with-icon-slot:hover,[data-v-730989a2] .action-item__menutoggle.action-item__menutoggle--with-icon-slot:focus{background-color:var(--color-background-hover) !important}[data-v-730989a2] .action-item__menutoggle.action-item__menutoggle--with-icon-slot:disabled{opacity:.5 !important} .upload-editor[data-v-38c73030]{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:calc(3*var(--default-grid-baseline))}.upload-editor__previews[data-v-38c73030]{display:flex;position:relative;overflow:auto;flex-wrap:wrap}.upload-editor__previews.dragging-over[data-v-38c73030]{outline:3px dashed var(--color-primary-element);border-radius:var(--border-radius-large)}.upload-editor__actions[data-v-38c73030]{display:flex;justify-content:flex-end;gap:4px;padding:12px 0}.upload-editor__textfield[data-v-38c73030]{padding-block:calc(var(--default-grid-baseline)*2)}.upload-editor .add-more-button[data-v-38c73030]{width:164px !important;height:176px !important;margin:10px}.upload-editor .add-more-button[data-v-38c73030] .button-vue__icon{border-radius:var(--border-radius-pill);color:var(--color-primary-element-text);background-color:var(--color-primary-element)} .thread-header[data-v-71d29aea]{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:var(--default-grid-baseline)}.thread-header--standalone[data-v-71d29aea]{padding:var(--default-grid-baseline);border-bottom:1px solid var(--color-border)}.conversation-header[data-v-71d29aea]{position:relative;display:flex;align-items:center;overflow-x:hidden;overflow-y:clip;white-space:nowrap;width:0;flex-grow:1;cursor:pointer}.conversation-header__text[data-v-71d29aea]{display:flex;flex-direction:column;flex-grow:1;margin-inline-start:8px;justify-content:center;width:100%;overflow:hidden;line-height:20px}.conversation-header__text--offline[data-v-71d29aea]{color:var(--color-text-maxcontrast)}.conversation-header .title[data-v-71d29aea]{font-weight:500;overflow:hidden;text-overflow:ellipsis}.conversation-header .description[data-v-71d29aea]{overflow:hidden;text-overflow:ellipsis;max-width:fit-content}.conversation-header .description__in-chat[data-v-71d29aea]{color:var(--color-text-maxcontrast)}.conversation-header__thread-icon[data-v-71d29aea]{--mixed-color: color-mix(in srgb, var(--color-thread-icon) 10%, var(--color-main-background));flex-shrink:0;width:var(--default-clickable-area);height:var(--default-clickable-area);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--color-thread-icon);background-color:var(--mixed-color, var(--color-background-dark))} .chatView[data-v-1450d1b3]{width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1;min-height:0}.messages-list-dragover-wrapper[data-v-1450d1b3]{position:relative;flex:1 0;display:flex;flex-direction:column;min-height:0}.dragover[data-v-1450d1b3]{position:absolute;inset:5%;background:var(--color-primary-element-light);z-index:11;display:flex;box-shadow:0 0 36px var(--color-box-shadow);border-radius:var(--border-radius);opacity:90%;pointer-events:none}.scroll-to-bottom[data-v-1450d1b3]{position:relative;height:0}.scroll-to-bottom__button[data-v-1450d1b3]{position:absolute !important;bottom:8px;inset-inline-end:24px;z-index:2} .empty-view[data-v-51aa65e6]{height:100%;padding:calc(var(--default-grid-baseline)*4)} .username-form__display-name[data-v-3dfd5fb4]{display:flex;gap:var(--default-grid-baseline);flex-direction:row;margin-block-start:6px}.username-form__display-name-icon[data-v-3dfd5fb4]{flex-shrink:0;margin-inline-end:var(--default-grid-baseline)}.login-info[data-v-3dfd5fb4]{display:flex;align-items:center;gap:calc(var(--default-grid-baseline)*2);padding:calc(var(--default-grid-baseline)*2) calc(var(--default-grid-baseline)*2) 0;margin-inline-start:calc(var(--default-grid-baseline) + 20px)}.login-info__button[data-v-3dfd5fb4]{flex-shrink:0}[data-v-3dfd5fb4] .input-field{margin-block-start:0} .media-devices-selector[data-v-7743f969]{display:flex;gap:var(--default-grid-baseline);margin:calc(2*var(--default-grid-baseline)) 0;align-items:center}.media-devices-selector__icon[data-v-7743f969]{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-inline-end:var(--default-grid-baseline)}.media-devices-selector[data-v-7743f969] .v-select.select{width:100%;min-width:0;margin:0}.media-devices-selector[data-v-7743f969] .icon-vue{min-width:auto;width:20px} .media-devices-speaker-test-button[data-v-18f3d978]{flex-shrink:0;margin-inline-end:calc(var(--default-grid-baseline)/2)}.equalizer[data-v-18f3d978]{height:calc(var(--default-clickable-area) - var(--default-grid-baseline));display:flex;align-items:center}.equalizer__bar[data-v-18f3d978]{width:5px;height:100%;background:var(--color-main-text);border-radius:4px;margin:0 1px}.equalizer__bar--active[data-v-18f3d978]{will-change:height;animation:equalizer-18f3d978 2s steps(15, end) infinite}@keyframes equalizer-18f3d978{0%{height:58%}3%{height:57%}6%{height:29%}9%{height:57%}12%{height:55%}15%{height:44%}18%{height:57%}21%{height:50%}24%{height:50%}27%{height:46%}30%{height:55%}33%{height:43%}36%{height:37%}39%{height:48%}42%{height:35%}45%{height:57%}} .expand-wrapper[data-v-aa928c16]{display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.expand-wrapper__content[data-v-aa928c16]{overflow:hidden}.expand-vertical-enter-active[data-v-aa928c16],.expand-vertical-leave-active[data-v-aa928c16]{transition:grid-template-rows ease var(--animation-slow)}.expand-vertical-enter[data-v-aa928c16],.expand-vertical-leave-to[data-v-aa928c16]{grid-template-rows:0fr}.expand-vertical-enter-to[data-v-aa928c16],.expand-vertical-leave[data-v-aa928c16]{grid-template-rows:1fr}.expand-horizontal-enter-active[data-v-aa928c16],.expand-horizontal-leave-active[data-v-aa928c16]{transition:grid-template-columns ease var(--animation-slow)}.expand-horizontal-enter[data-v-aa928c16],.expand-horizontal-leave-to[data-v-aa928c16]{grid-template-columns:0fr}.expand-horizontal-enter-to[data-v-aa928c16],.expand-horizontal-leave[data-v-aa928c16]{grid-template-columns:1fr} .tabs[data-v-7f087837]{margin-bottom:auto}.tab-list[data-v-7f087837]{display:flex;justify-content:center;align-items:center;gap:calc(var(--default-grid-baseline)*2)}.tab-panels-container[data-v-7f087837]{display:flex;width:100%;overflow:hidden;transition:height ease var(--animation-slow)}.tab-panel[data-v-7f087837]{width:100%;flex:1 0 100%;transition:transform ease var(--animation-slow)} .background-editor[data-v-eac38da2]{--background-button-height: calc(var(--default-grid-baseline) * 16);display:grid;grid-template-columns:repeat(4, 1fr);gap:calc(var(--default-grid-baseline)*2);margin-top:calc(var(--default-grid-baseline)*2);max-height:calc(var(--background-button-height)*3 + var(--default-grid-baseline)*4);overflow-y:auto}.background-editor__element[data-v-eac38da2]{border:none;margin:0 !important;border-radius:var(--border-radius-element, calc(var(--border-radius-large) * 1.5));height:var(--background-button-height);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(28,175,255,.1803921569);background-size:cover;background-position:center;flex:1 0 108px}.background-editor__element--selected[data-v-eac38da2]{box-shadow:inset 0 0 0 var(--default-grid-baseline) var(--color-primary-element)}.background-editor__element[data-v-eac38da2]:focus-visible{outline-offset:-2px} .media-settings[data-v-8a909ef2]{padding:calc(var(--default-grid-baseline)*5)}.media-settings__preview[data-v-8a909ef2]{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-element, var(--border-radius-large));background-color:var(--color-loading-dark);aspect-ratio:4/3;margin-inline-end:var(--default-grid-baseline)}.media-settings__preview>.media-settings__preview-mirror[data-v-8a909ef2]{position:absolute;top:calc(var(--default-grid-baseline)*2);inset-inline-end:calc(var(--default-grid-baseline)*2)}.media-settings__toggles[data-v-8a909ef2]{display:flex;gap:calc(.5*var(--default-grid-baseline));padding:calc(.5*var(--default-grid-baseline));position:absolute;bottom:calc(var(--default-grid-baseline)*-2);inset-inline-start:50%;transform:translateX(-50%);background:var(--color-main-background);border-radius:var(--border-radius-element, calc(var(--default-clickable-area) / 2));box-shadow:0 0 var(--default-grid-baseline) var(--color-box-shadow);z-index:2}.media-settings__content[data-v-8a909ef2]{display:grid;grid-template-columns:4fr 3fr;gap:calc(var(--default-grid-baseline)*2)}.media-settings__content--mobile[data-v-8a909ef2]{grid-template-columns:1fr;gap:calc(var(--default-grid-baseline)*4)}.media-settings__settings[data-v-8a909ef2]{max-width:450px;display:flex;flex-direction:column}.media-settings__guest[data-v-8a909ef2]{margin-top:var(--default-grid-baseline)}.media-settings__device-error[data-v-8a909ef2]{padding:calc(var(--default-grid-baseline)*2)}.preview__video[data-v-8a909ef2]{max-width:100%;object-fit:contain;max-height:100%;border-radius:var(--border-radius-element);position:absolute;top:0;inset-inline-start:0}.preview__video--mirrored[data-v-8a909ef2]{transform:none !important}.preview__novideo[data-v-8a909ef2]{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;border-radius:var(--border-radius-element)}.action-button[data-v-8a909ef2]{margin-inline:auto;margin-top:var(--default-grid-baseline)}.checkbox[data-v-8a909ef2]{margin-block:var(--default-grid-baseline)}.checkbox--warning[data-v-8a909ef2]:focus-within .checkbox-radio-switch__label,.checkbox--warning[data-v-8a909ef2] .checkbox-radio-switch__label:hover{background-color:var(--note-background) !important}.media-settings__recording-warning--mobile[data-v-8a909ef2]{max-width:450px}[data-v-8a909ef2] .modal-wrapper--large > .modal-container{width:unset !important} .lobby[data-v-5c6d0bcb]{display:flex;flex-direction:column;margin:auto}.lobby__header[data-v-5c6d0bcb]{display:flex;flex-direction:column;align-items:center;text-align:center}.lobby__countdown[data-v-5c6d0bcb],.lobby__description[data-v-5c6d0bcb]{margin-top:25px;max-width:calc(32px + 4*var(--default-grid-baseline) + 50*var(--default-font-size) + 2*var(--default-grid-baseline) + 8ch + var(--clickable-area-small, 24px) + 4*var(--default-grid-baseline))}.lobby[data-v-5c6d0bcb] .rich-text--wrapper{text-align:start}.lobby[data-v-5c6d0bcb] .rich-text--wrapper h4{font-size:100%}.lobby[data-v-5c6d0bcb] .rich-text--wrapper em{font-style:italic}.lobby[data-v-5c6d0bcb] .rich-text--wrapper ul,.lobby[data-v-5c6d0bcb] .rich-text--wrapper ol{padding-left:0;padding-inline-start:15px}.lobby[data-v-5c6d0bcb] .rich-text--wrapper ul.contains-task-list,.lobby[data-v-5c6d0bcb] .rich-text--wrapper ol.contains-task-list{padding:0}.lobby[data-v-5c6d0bcb] .rich-text--wrapper input:disabled+.checkbox-content{opacity:1 !important}.lobby[data-v-5c6d0bcb] .rich-text--wrapper div:has(table){overflow-x:auto}.lobby[data-v-5c6d0bcb] .rich-text--wrapper pre{padding:4px;margin:0;border-radius:var(--border-radius);background-color:var(--color-background-dark)}.lobby[data-v-5c6d0bcb] .rich-text--wrapper pre code{margin:0;padding:0}.lobby[data-v-5c6d0bcb] .rich-text--wrapper code{display:inline-block;padding:2px 4px;margin:2px 0;border-radius:var(--border-radius);background-color:var(--color-background-dark)}.lobby[data-v-5c6d0bcb] .rich-text--wrapper blockquote{padding-left:0;padding-inline-start:13px;border-left:none;border-inline-start:4px solid var(--color-border)} .poll-voters-details[data-v-935ace76]{max-width:30%;margin-inline-end:8px}.poll-voters-details .poll-voters-details__button.button-vue[data-v-935ace76]:has(.button-vue__text:empty),.poll-voters-details__button[data-v-935ace76] .button-vue__icon{min-height:auto;height:auto;min-width:auto;width:auto !important;flex-wrap:wrap;justify-content:flex-start;border-radius:0;overflow:visible}.poll-voters-details__popover[data-v-935ace76]{padding:8px;max-height:400px;overflow-y:auto}.poll-voters-details__display-name[data-v-935ace76]{margin-inline-start:4px}.poll-voters-details__list-item[data-v-935ace76]{display:flex;justify-content:flex-start;align-items:center;min-width:150px;height:32px;margin-bottom:var(--margin-small)} .poll-modal[data-v-59824c0f]{position:relative;padding:20px}.poll-modal__header[data-v-59824c0f]{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-weight:bold;font-size:18px;white-space:normal;word-wrap:anywhere}.poll-modal__header[data-v-59824c0f] .material-design-icon{margin-bottom:auto}.poll-modal__summary[data-v-59824c0f]{color:var(--color-text-maxcontrast);margin-bottom:16px}.poll-modal__options[data-v-59824c0f]{display:flex;flex-direction:column;gap:4px;word-wrap:anywhere}.poll-modal__actions[data-v-59824c0f]{position:sticky;bottom:0;display:flex;justify-content:center;gap:8px;padding:8px 0 0;background-color:var(--color-main-background)}.poll-modal__loading[data-v-59824c0f]{height:200px}.results__options[data-v-59824c0f]{display:flex;flex-direction:column;gap:calc(4*var(--default-grid-baseline));word-wrap:anywhere;margin:8px 0 20px 0}.results__option[data-v-59824c0f]{display:flex;flex-direction:column}.results__option[data-v-59824c0f]:not(:last-child){border-bottom:1px solid var(--color-border)}.results__option__details[data-v-59824c0f]{display:flex;margin-bottom:8px}.results__option-subtitle[data-v-59824c0f]{display:flex;gap:var(--default-grid-baseline);color:var(--color-text-maxcontrast)}.results__option-progress[data-v-59824c0f]{margin-top:4px}.results__option-title[data-v-59824c0f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.results__option-title .percentage[data-v-59824c0f]{white-space:nowrap;margin-inline-start:16px}.critical[data-v-59824c0f] .action-button{color:var(--color-text-error) !important} .send-message-dialog[data-v-09781d8e]{padding-bottom:calc(3*var(--default-grid-baseline))} .breakout-room-item[data-v-73e7abc4]{margin-top:calc(var(--default-grid-baseline)*5);font-weight:bold}.breakout-room-item__wrapper[data-v-73e7abc4]{display:flex;align-items:center;gap:var(--default-grid-baseline);margin:0 var(--default-grid-baseline)}.breakout-room-item__room-name[data-v-73e7abc4]{margin:0 auto 0 var(--default-grid-baseline)} .selectable-participant[data-v-9fbf87b8]{position:relative;display:flex;align-items:center;gap:calc(2*var(--default-grid-baseline));padding:var(--default-grid-baseline);margin:var(--default-grid-baseline);border-radius:var(--border-radius-element, 32px);line-height:20px}.selectable-participant[data-v-9fbf87b8],.selectable-participant[data-v-9fbf87b8] *{cursor:pointer}.selectable-participant[data-v-9fbf87b8]:hover,.selectable-participant[data-v-9fbf87b8]:focus-within,.selectable-participant[data-v-9fbf87b8]:has(:active),.selectable-participant[data-v-9fbf87b8]:has(:focus-visible){background-color:var(--color-background-hover)}.selectable-participant[data-v-9fbf87b8]:has(input:focus-visible){outline:2px solid var(--color-main-text);box-shadow:0 0 0 4px var(--color-main-background)}.selectable-participant[data-v-9fbf87b8]:has(input:checked){background-color:var(--color-primary-light)}.selectable-participant[data-v-9fbf87b8]:has(input:checked):hover,.selectable-participant[data-v-9fbf87b8]:has(input:checked):focus-within,.selectable-participant[data-v-9fbf87b8]:has(input:checked):has(:focus-visible),.selectable-participant[data-v-9fbf87b8]:has(input:checked):has(:active){background-color:var(--color-primary-light-hover)}.selectable-participant:has(input:checked) .selectable-participant__check-icon[data-v-9fbf87b8]{display:flex}.selectable-participant__checkbox[data-v-9fbf87b8]{position:absolute;top:0;inset-inline-start:0;z-index:-1;opacity:0}.selectable-participant__content[data-v-9fbf87b8]{display:flex;flex-direction:column;align-items:flex-start}.selectable-participant__content-name[data-v-9fbf87b8]{font-weight:500}.selectable-participant__content-subname[data-v-9fbf87b8]{font-weight:400;color:var(--color-text-maxcontrast)}.selectable-participant__check-icon[data-v-9fbf87b8]{display:none;margin-inline-start:auto;width:var(--default-clickable-area);flex-shrink:0} .participants-editor[data-v-07e91337]{display:flex;width:100%;flex-direction:column;gap:var(--default-grid-baseline);height:calc(100% - 57px)}.participants-editor__section[data-v-07e91337]{margin:calc(var(--default-grid-baseline)*2) 0 calc(var(--default-grid-baseline)*4)}.participants-editor__scroller[data-v-07e91337]{height:100%;overflow:auto}.participants-editor__buttons[data-v-07e91337]{display:flex;justify-content:flex-end;gap:calc(var(--default-grid-baseline)*2);padding-top:10px}[data-v-07e91337] .dialog{padding-block:0px 8px;padding-inline:12px 8px}.delete[data-v-07e91337]{margin-inline-end:auto} .breakout-rooms-editor[data-v-6035e591]{display:flex;flex-direction:column;padding:20px;justify-content:flex-start}.breakout-rooms-editor__number-input[data-v-6035e591]{display:block;margin-bottom:calc(var(--default-grid-baseline)*4)}.breakout-rooms-editor__caption[data-v-6035e591]{font-weight:bold;display:block;margin:calc(var(--default-grid-baseline)*3) 0 calc(var(--default-grid-baseline)*2) 0}.breakout-rooms-editor__error-hint[data-v-6035e591]{color:var(--color-text-error);font-size:.8rem}.breakout-rooms-editor__participants-step[data-v-6035e591]{height:100%}.breakout-rooms-editor__main[data-v-6035e591]{height:100%;align-self:flex-start}.breakout-rooms-editor__buttons[data-v-6035e591]{display:flex;justify-content:flex-end;gap:calc(var(--default-grid-baseline)*2);width:100%} .calendar-event__item[data-v-3e839eb5]{display:flex;flex-direction:row;align-items:center;margin-block:var(--default-grid-baseline);padding-inline:var(--default-grid-baseline);height:100%;border-radius:var(--border-radius)}.calendar-event__item--thumb[data-v-3e839eb5]{cursor:default}.calendar-event__item[data-v-3e839eb5]:hover{background-color:var(--color-background-hover)}.calendar-event__badge[data-v-3e839eb5]{flex-shrink:0;display:inline-block;width:var(--default-font-size);height:var(--default-font-size);margin-inline:calc((var(--default-clickable-area) - var(--default-font-size))/2);border-radius:50%;background-color:var(--primary-color)}.calendar-event__content[data-v-3e839eb5]{display:flex;flex-direction:column;justify-content:center;width:calc(100% - var(--default-clickable-area))}.calendar-event__header[data-v-3e839eb5]{display:flex;gap:var(--default-grid-baseline);font-weight:500}.calendar-event__header-text[data-v-3e839eb5]{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event__header[data-v-3e839eb5] .material-design-icon{margin-top:2px} .search-box[data-v-541fee17] .input-field__input:focus:not([disabled]),.search-box[data-v-541fee17] .input-field__input:active:not([disabled]){box-shadow:unset !important} .calendar-events__list[data-v-0922bc58]{--item-height: calc(2lh + var(--default-grid-baseline) * 3);display:flex;flex-direction:column;margin:calc(var(--default-grid-baseline)/2);line-height:20px;max-height:calc(4.5*var(--item-height) + 4*var(--default-grid-baseline));max-width:200px;overflow-y:auto}.calendar-events__list[data-v-0922bc58]>*{margin-inline:calc(var(--default-grid-baseline)/2)}.calendar-events__list[data-v-0922bc58]>*:not(:last-child){border-bottom:1px solid var(--color-border-dark)}.calendar-events__empty-content[data-v-0922bc58]{min-width:150px;margin-top:calc(var(--default-grid-baseline)*3);padding:var(--default-grid-baseline)}.calendar-events__buttons[data-v-0922bc58]{padding:var(--default-grid-baseline)}.calendar-meeting[data-v-0922bc58]{--item-height: calc(2lh + var(--default-grid-baseline) * 2)}.calendar-meeting[data-v-0922bc58] .dialog__content{display:flex;flex-direction:column;margin:calc(var(--default-grid-baseline)/2);gap:var(--default-grid-baseline)}.calendar-meeting[data-v-0922bc58] .dialog__actions{align-items:center}.calendar-meeting__header[data-v-0922bc58]{margin-block:calc(var(--default-grid-baseline)*2)}.calendar-meeting__invalid-hint[data-v-0922bc58]{color:var(--color-text-error)}.calendar-meeting__flex-wrapper[data-v-0922bc58]{display:flex;align-items:center;gap:calc(var(--default-grid-baseline)*2)}.calendar-meeting__searchbox[data-v-0922bc58]{margin-inline:var(--default-grid-baseline);margin-block-end:var(--default-grid-baseline);width:calc(100% - var(--default-grid-baseline)*2) !important}.calendar-meeting__attendees[data-v-0922bc58]{height:calc(5.5*var(--item-height));padding-block:var(--default-grid-baseline);overflow-y:auto}.calendar-meeting__attendees-selected[data-v-0922bc58]{display:flex;flex-wrap:wrap;gap:var(--default-grid-baseline);border-bottom:1px solid var(--color-background-darker);padding:var(--default-grid-baseline) 0;max-height:97px;overflow-y:auto;flex:1 0 auto;align-content:flex-start}.calendar-meeting__empty-content[data-v-0922bc58]{height:calc(5.5*var(--item-height));margin-block:auto !important}.calendar-meeting--loading[data-v-0922bc58]{display:flex;align-items:center;gap:var(--default-grid-baseline);height:32px}.calendar-meeting[data-v-0922bc58] .native-datetime-picker{width:calc(50% - var(--default-grid-baseline));margin-bottom:var(--default-grid-baseline)}.calendar-meeting[data-v-0922bc58] .native-datetime-picker.invalid-time input{--border-width-input: 2px;border-color:var(--color-border-error)}.upcoming-meeting[data-v-0922bc58] .button-vue__text{padding-block:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;line-height:20px;font-weight:400}.upcoming-meeting__header[data-v-0922bc58]{font-weight:500}.calendar-badge[data-v-0922bc58]{display:inline-block;width:var(--default-font-size);height:var(--default-font-size);margin-inline:calc((var(--default-clickable-area) - var(--default-font-size))/2);border-radius:50%;background-color:var(--primary-color)} .app-navigation-hint[data-v-e92be808]{color:var(--color-text-maxcontrast);list-style-type:none;white-space:nowrap;text-overflow:ellipsis;box-shadow:none !important;user-select:none;pointer-events:none;padding-inline-start:10px} .dial-popover .v-popper__inner{overflow:visible !important} .dial-panel[data-v-fbacae72]{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(4, 1fr);gap:calc(var(--default-grid-baseline)*2);padding:calc(var(--default-grid-baseline)*3);background-color:var(--color-main-background);border-radius:var(--border-radius-large)}.dial-panel .dial-panel__button[data-v-fbacae72]{width:calc(var(--default-clickable-area)*1.5) !important;border-radius:var(--border-radius-large) !important}.dial-panel .dial-panel__select[data-v-fbacae72]{grid-column:span 3;min-width:calc(var(--default-clickable-area)*4.5 + var(--default-grid-baseline)*4);max-width:calc(var(--default-clickable-area)*4.5 + var(--default-grid-baseline)*4)}.dial-panel .dial-panel__select-option[data-v-fbacae72]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dial-panel .dial-panel__select[data-v-fbacae72] .vs__selected{padding:0} .wrapper[data-v-37d05270]{padding:0 24px 24px 24px}.title[data-v-37d05270]{font-size:16px;margin-bottom:12px;padding-top:24px}.loading-screen[data-v-37d05270]{height:200px;text-align:center;font-weight:bold;display:flex;flex-direction:column;justify-content:center}.loading-screen span[data-v-37d05270]{margin-bottom:16px}.button-update-permission[data-v-37d05270]{margin:0 auto} .participant[data-v-527aa592]{line-height:20px}.participant[data-v-527aa592] .list-item{overflow:hidden;outline-offset:-2px;cursor:default}.participant[data-v-527aa592] .list-item a,.participant[data-v-527aa592] .list-item a *{cursor:default}.participant[data-v-527aa592] .list-item button,.participant[data-v-527aa592] .list-item button *{cursor:pointer}.participant[data-v-527aa592] .list-item .avatardiv .avatardiv__user-status{inset-inline-end:-2px !important;bottom:-2px !important}.participant--offline .participant__user-name[data-v-527aa592]{color:var(--color-text-maxcontrast)}.participant__user-badge[data-v-527aa592]{color:var(--color-text-maxcontrast);font-weight:300;padding-inline-start:var(--default-grid-baseline)}.participant__user[data-v-527aa592]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant__status--highlighted[data-v-527aa592]{font-weight:bold}.participant__call-state[data-v-527aa592]{height:100%;display:flex;align-items:center;color:var(--color-text-maxcontrast)}.participant[data-v-527aa592] .list-item-content__actions > .critical{color:var(--color-text-error)}.participant-dialog__input[data-v-527aa592]{margin-block-end:6px}.critical[data-v-527aa592]> .action-button{color:var(--color-text-error)} .scrollable[data-v-91721ad6]{overflow-y:auto;overflow-x:hidden;flex-shrink:1}.participants-search-results[data-v-91721ad6]{padding:0 2px}.participants-search-results__hint[data-v-91721ad6]{margin:20px auto 0}.participants-search-results[data-v-91721ad6] .app-navigation-hint:first-child{margin-top:var(--default-grid-baseline) !important} .set-contacts[data-v-a5c11fd4]{height:100%}.set-contacts__icon[data-v-a5c11fd4]{margin-top:40px}.set-contacts__hint[data-v-a5c11fd4]{margin-top:20px;text-align:center}.set-contacts__form[data-v-a5c11fd4]{display:flex;align-items:flex-end;gap:var(--default-grid-baseline)}.set-contacts__form-input[data-v-a5c11fd4]{margin:0}.selected-participants[data-v-a5c11fd4]{display:flex;flex-wrap:wrap;gap:var(--default-grid-baseline);border-bottom:1px solid var(--color-background-darker);padding:var(--default-grid-baseline) 0;min-height:min-content;max-height:97px;flex-shrink:0;overflow-y:auto;align-content:flex-start} .start-group__content[data-v-27d99274]{display:flex;flex-direction:column;gap:calc(2*var(--default-grid-baseline));width:350px;padding:calc(2*var(--default-grid-baseline))}.start-group__header[data-v-27d99274]{margin-block:0 var(--default-grid-baseline);text-align:center}.start-group__contacts[data-v-27d99274]{display:flex;flex-direction:column;max-height:50vh}.start-group__action[data-v-27d99274]{justify-self:flex-end;align-self:flex-end} .solid[data-v-1aa321d9]{margin:0}.call-duration-hint[data-v-1aa321d9]{display:flex;padding:calc(var(--default-grid-baseline)*2)}.call-time[data-v-1aa321d9]{display:flex;justify-content:center;align-items:center;height:var(--default-clickable-area);font-weight:bold}.call-time__text[data-v-1aa321d9]{display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums}.call-time__placeholder[data-v-1aa321d9]{height:0;overflow:hidden}.call-time__recording-icon[data-v-1aa321d9]{animation:pulse-1aa321d9 2s infinite;color:var(--color-element-error, var(--color-error))}.call-time__recording-icon--start[data-v-1aa321d9]{color:var(--color-loading-light)}[data-v-1aa321d9] .button-vue{justify-content:left !important;color:#fff !important}[data-v-1aa321d9] .button-vue:disabled{opacity:1 !important;pointer-events:none}@keyframes pulse-1aa321d9{0%{opacity:1}50%{opacity:.7}100%{opacity:1}} .tasks-counter[data-v-3e8e829a]{display:flex;align-items:center;margin-inline:calc(var(--default-grid-baseline)*2)}.tasks-counter__count[data-v-3e8e829a]{font-weight:500} .top-bar-menu[data-v-526e393d]{display:flex} .top-bar[data-v-5044d0dc]{--border-width: 1px;display:flex;flex-wrap:wrap;gap:3px;align-items:center;justify-content:flex-end;z-index:10;min-height:calc(var(--border-width) + 2*2*var(--default-grid-baseline) + var(--default-clickable-area));padding-block:var(--default-grid-baseline);padding-inline:calc(2*var(--default-grid-baseline)) calc(2*var(--default-grid-baseline) + var(--app-sidebar-offset, 0));background-color:var(--color-main-background);border-bottom:var(--border-width) solid var(--color-border)}.top-bar--in-call[data-v-5044d0dc]{inset-inline:0;border:none;position:absolute;top:0;background-color:rgba(0,0,0,0)}.talk-sidebar-callview .top-bar[data-v-5044d0dc]{padding-inline-end:calc(var(--default-clickable-area) + var(--default-grid-baseline)*3);align-items:flex-start;padding-block:calc(2*var(--default-grid-baseline)) 0px;background:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0))}.talk-sidebar-callview .top-bar .top-bar__icon-wrapper[data-v-5044d0dc]{margin-inline-start:0;height:var(--default-clickable-area);display:flex;align-items:center}.top-bar--sidebar[data-v-5044d0dc]{padding-inline-start:var(--default-grid-baseline)}.top-bar--authorised:not(.top-bar--sidebar) .top-bar__icon-wrapper[data-v-5044d0dc]{margin-inline-start:calc(var(--default-clickable-area) + var(--default-grid-baseline))}.top-bar__wrapper[data-v-5044d0dc]{flex:1 0;display:flex;gap:3px;align-items:center;justify-content:flex-end}.top-bar__icon-wrapper[data-v-5044d0dc]{position:relative;border-radius:var(--border-radius-pill);transition-property:width,padding,background-color;transition-duration:var(--animation-quick)}.top-bar__icon-wrapper[data-v-5044d0dc]:hover,.top-bar__icon-wrapper[data-v-5044d0dc]:focus,.top-bar__icon-wrapper[data-v-5044d0dc]:focus-visible{background-color:var(--color-background-darker)}.top-bar__icon-wrapper--thread[data-v-5044d0dc]{background-color:var(--color-background-dark);width:calc(var(--default-clickable-area) + 40px);padding-inline-start:var(--default-clickable-area)}.top-bar__icon-wrapper .top-bar__icon-back[data-v-5044d0dc]{position:absolute;width:var(--default-clickable-area);height:100%;top:0;inset-inline-start:0}.top-bar__participants-button[data-v-5044d0dc]{font-variant-numeric:tabular-nums}.conversation-header[data-v-5044d0dc]{position:relative;display:flex;align-items:center;overflow-x:hidden;overflow-y:clip;white-space:nowrap;width:0;flex-grow:1;cursor:pointer}.conversation-header__text[data-v-5044d0dc]{display:flex;flex-direction:column;flex-grow:1;margin-inline-start:8px;justify-content:center;width:100%;overflow:hidden;line-height:20px}.conversation-header__text--offline[data-v-5044d0dc]{color:var(--color-text-maxcontrast)}.conversation-header .title[data-v-5044d0dc]{font-weight:500;overflow:hidden;text-overflow:ellipsis}.conversation-header .description[data-v-5044d0dc]{overflow:hidden;text-overflow:ellipsis;max-width:fit-content}.conversation-header .description__in-chat[data-v-5044d0dc]{color:var(--color-text-maxcontrast)}.conversation-header__thread-icon[data-v-5044d0dc]{--mixed-color: color-mix(in srgb, var(--color-thread-icon) 10%, var(--color-main-background));flex-shrink:0;width:var(--default-clickable-area);height:var(--default-clickable-area);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--color-thread-icon);background-color:var(--mixed-color, var(--color-background-dark))}.description__popover[data-v-5044d0dc]{padding:calc(var(--default-grid-baseline)*2);width:fit-content;max-width:50em}.description__popover[data-v-5044d0dc] > div h4{font-size:100%}.description__popover[data-v-5044d0dc] > div em{font-style:italic}.description__popover[data-v-5044d0dc] > div ul,.description__popover[data-v-5044d0dc] > div ol{padding-left:0;padding-inline-start:15px}.description__popover[data-v-5044d0dc] > div ul.contains-task-list,.description__popover[data-v-5044d0dc] > div ol.contains-task-list{padding:0}.description__popover[data-v-5044d0dc] > div input:disabled+.checkbox-content{opacity:1 !important}.description__popover[data-v-5044d0dc] > div div:has(table){overflow-x:auto}.description__popover[data-v-5044d0dc] > div pre{padding:4px;margin:0;border-radius:var(--border-radius);background-color:var(--color-background-dark)}.description__popover[data-v-5044d0dc] > div pre code{margin:0;padding:0}.description__popover[data-v-5044d0dc] > div code{display:inline-block;padding:2px 4px;margin:2px 0;border-radius:var(--border-radius);background-color:var(--color-background-dark)}.description__popover[data-v-5044d0dc] > div blockquote{padding-left:0;padding-inline-start:13px;border-left:none;border-inline-start:4px solid var(--color-border)}.icon[data-v-5044d0dc]{display:flex} .main-view[data-v-47ff457f]{height:100%;width:100%;display:flex;flex-grow:1;flex-direction:column;align-content:space-between;position:relative} .critical[data-v-70d09076]> .action-button{color:var(--color-text-error)}.conversation[data-v-70d09076] .list-item:hover .conversation-icon__type{background-color:var(--color-background-hover);border-color:var(--color-background-hover)}.conversation--active[data-v-70d09076] .list-item .conversation-icon__type{color:var(--color-primary-element-text);background-color:var(--color-primary-element);border-color:var(--color-primary-element)}.conversation--active[data-v-70d09076] .list-item:hover .conversation-icon__type{color:var(--color-primary-element-text);background-color:var(--color-primary-element-hover);border-color:var(--color-primary-element-hover)}.conversation--compact[data-v-70d09076]{padding-block:2px !important}.conversation--compact[data-v-70d09076] .list-item-content__name{display:flex;gap:calc(var(--default-grid-baseline)/2)}.conversation--compact__read[data-v-70d09076] .list-item-content__name{font-weight:400}.conversation__subname[data-v-70d09076]{display:flex;gap:var(--default-grid-baseline)}.conversation__subname-actor[data-v-70d09076]{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation__subname-icon[data-v-70d09076]{flex-shrink:0}.conversation__subname-message[data-v-70d09076]{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text[data-v-70d09076]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-70d09076] .dialog{padding-block:0 8px;padding-inline:12px 8px} [data-v-03e4b2e6] .list-item{outline-offset:-2px}[data-v-03e4b2e6] .list-item--compact{padding-block:0 !important}[data-v-03e4b2e6] .list-item--compact:not(:has(.list-item-content__subname)){--list-item-height: calc(var(--clickable-area-small, 24px) + 4px) !important}[data-v-03e4b2e6] .list-item--compact .button-vue--size-normal{--button-size: var(--clickable-area-small, 24px);--button-radius: var(--border-radius)}[data-v-03e4b2e6] .list-item--compact .list-item-content__actions{height:var(--clickable-area-small, 24px)} .search-results__date[data-v-5840ab5d]{font-size:x-small} .dashboard-section[data-v-b1a4419c]{display:flex;border-radius:var(--border-radius-large);overflow:hidden;border:2px solid var(--color-border);height:100%}.dashboard-section--wide[data-v-b1a4419c]{flex-direction:row}.dashboard-section--wide .dashboard-section__content[data-v-b1a4419c]{justify-content:center}.dashboard-section__content[data-v-b1a4419c]{position:relative;display:flex;flex-direction:column;flex:auto;min-height:0;padding:0 calc(var(--default-grid-baseline)*3) calc(var(--default-grid-baseline)*2) calc(var(--default-grid-baseline)*5)}.dashboard-section__bar[data-v-b1a4419c]{flex:0 0 200px}.dashboard-section__bar.gradient[data-v-b1a4419c]{background:linear-gradient(78deg, var(--color-primary) 60%, var(--color-main-background) 120%)}.dashboard-section__bar--narrow[data-v-b1a4419c]{flex:0 0 10px}.dashboard-section__bar[data-v-b1a4419c] img{width:100%;height:100%;object-fit:cover;object-position:center}.dashboard-section__bar.image-container[data-v-b1a4419c]{display:flex;align-items:center;justify-content:center;overflow:hidden}.dashboard-section__title[data-v-b1a4419c]{font-size:1.25rem;font-weight:bold;overflow-wrap:break-word}.dashboard-section__subtitle[data-v-b1a4419c]{font-weight:bold}.dashboard-section__action[data-v-b1a4419c]{padding-block:calc(var(--default-grid-baseline)*2)}h3[data-v-b1a4419c]{margin-block:calc(var(--default-grid-baseline)*2)} .event-card[data-v-75c759b4]{position:relative;height:250px;display:flex;flex-direction:column;flex:0 0 100%;max-width:300px;border:2px solid var(--color-border);padding:calc(var(--default-grid-baseline)*2);border-radius:var(--border-radius-large);background-color:var(--color-main-background)}.event-card--highlighted[data-v-75c759b4]{background-color:var(--color-primary-light)}.event-card--highlighted[data-v-75c759b4]:not(.event-card--in-call){border-color:var(--color-primary-element-light-hover) !important}.event-card--in-call[data-v-75c759b4]{border-color:var(--color-primary) !important}.event-card:not(.event-card--in-call):hover>.event-card__invitation-info.hovered[data-v-75c759b4]{display:flex;background-color:inherit}.event-card__date[data-v-75c759b4]{display:flex;gap:2px}.event-card__date>span[data-v-75c759b4]::first-letter{text-transform:capitalize}.event-card__date[data-v-75c759b4]>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card__description[data-v-75c759b4]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-block:calc(var(--default-grid-baseline)*2)}.event-card__room[data-v-75c759b4]{display:flex;align-items:center;gap:var(--default-grid-baseline)}.event-card__attachment[data-v-75c759b4]{display:flex;align-items:center;gap:var(--default-grid-baseline);margin-block-start:var(--default-grid-baseline);padding:var(--default-grid-baseline) calc(var(--default-grid-baseline)/2)}.event-card__attachment>span[data-v-75c759b4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:var(--font-size-small)}.event-card__attachment[data-v-75c759b4]:hover{background-color:var(--color-background-hover);border-radius:var(--border-radius-large)}.event-card__invitation-info[data-v-75c759b4]{position:absolute;bottom:0;inset-inline-start:0;width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:var(--border-radius-large);padding:calc(var(--default-grid-baseline)*2)}.event-card__invitation-info.hovered[data-v-75c759b4]{display:none}.title[data-v-75c759b4]{display:flex;align-items:center;padding-inline-start:6px;gap:var(--default-grid-baseline);font-size:inherit;margin:0}.title_text[data-v-75c759b4]{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secondary_text[data-v-75c759b4]{color:var(--color-text-maxcontrast);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-badge[data-v-75c759b4]{display:inline-flex;width:var(--default-font-size);height:var(--default-font-size);border-radius:50%;margin-inline-start:-6px;position:relative;z-index:1;box-shadow:0 0 0 1px var(--color-main-background);flex-shrink:0}[data-v-75c759b4] .nc-chip{background-color:unset;overflow:hidden} .talk-dashboard-wrapper[data-v-a61b8c4e]{padding:calc(var(--default-grid-baseline)*2) calc(var(--default-grid-baseline)*3);width:min(100%,100vw - 300px - var(--body-container-margin)*2);margin:0 auto;display:flex;flex-direction:column;height:100%;max-height:800px;max-width:1200px}.talk-dashboard-wrapper--mobile[data-v-a61b8c4e]{width:100%}.talk-dashboard-wrapper--small-mobile[data-v-a61b8c4e]{width:100%;height:auto}.talk-dashboard-wrapper--small-mobile .talk-dashboard__chats[data-v-a61b8c4e]{grid-template-columns:1fr;gap:calc(var(--default-grid-baseline)*5)}.talk-dashboard__menu[data-v-a61b8c4e]{margin-bottom:calc(var(--default-grid-baseline)*4)}.talk-dashboard__header[data-v-a61b8c4e]{font-size:21px;font-weight:bold;margin:0 auto calc(var(--default-grid-baseline)*2);padding-inline-start:calc(var(--default-clickable-area) + var(--default-grid-baseline))}.talk-dashboard__actions[data-v-a61b8c4e]{display:flex;gap:calc(var(--default-grid-baseline)*3);padding-block:var(--default-grid-baseline);flex-wrap:wrap;flex-direction:row}.talk-dashboard__actions[data-v-a61b8c4e] .button-vue,.talk-dashboard__actions[data-v-a61b8c4e] .v-popper--theme-dropdown{height:var(--header-menu-item-height);border-radius:var(--border-radius-large)}.talk-dashboard__actions[data-v-a61b8c4e] .button-vue{padding-inline:calc(var(--default-grid-baseline)*2) calc(var(--default-grid-baseline)*4)}.event-section[data-v-a61b8c4e]{margin-block-end:calc(var(--default-grid-baseline)*6)}.event-section--empty[data-v-a61b8c4e]{height:225px}.talk-dashboard__event-cards[data-v-a61b8c4e]{display:flex;flex-wrap:nowrap;gap:calc(var(--default-grid-baseline)*2);margin-block:var(--default-grid-baseline);overflow-x:auto;scrollbar-width:none;border-radius:var(--border-radius-large)}.talk-dashboard__event-cards-wrapper[data-v-a61b8c4e]{position:relative;margin-bottom:calc(var(--default-grid-baseline)*2)}.talk-dashboard__event-cards-wrapper[data-v-a61b8c4e]::before,.talk-dashboard__event-cards-wrapper[data-v-a61b8c4e]::after{content:"";position:absolute;top:0;bottom:0;width:var(--default-clickable-area);pointer-events:none;z-index:2}.talk-dashboard__event-cards-wrapper .button-slide[data-v-a61b8c4e]{position:absolute !important;display:flex;top:0;padding:0;height:100%;margin:0 !important;z-index:3;justify-content:left;background:var(--color-main-background);border-radius:var(--border-radius-large)}.talk-dashboard__event-cards-wrapper .button-slide.backward[data-v-a61b8c4e]{inset-inline-start:0}.talk-dashboard__event-cards-wrapper .button-slide.forward[data-v-a61b8c4e]{inset-inline-end:0}.talk-dashboard__calendar-button[data-v-a61b8c4e]{position:absolute !important;bottom:calc(var(--default-grid-baseline)*2);inset-inline-start:calc(var(--default-grid-baseline)*2)}.talk-dashboard__items[data-v-a61b8c4e]{display:flex;flex-direction:column;justify-content:space-around;min-width:0;flex-grow:3}.talk-dashboard__chats[data-v-a61b8c4e]{display:grid;gap:calc(var(--default-grid-baseline)*8);grid-template-columns:1fr 1fr;flex-grow:1}.talk-dashboard__chats>div[data-v-a61b8c4e]{max-height:320px}.upcoming-reminders-list[data-v-a61b8c4e]{overflow-y:auto}.upcoming-reminders__loading-placeholder[data-v-a61b8c4e]{overflow:hidden}.talk-dashboard__conversations-list[data-v-a61b8c4e]{margin:var(--default-grid-baseline) 0;line-height:20px}.title[data-v-a61b8c4e]{font-size:1.25rem;font-weight:bold;margin-block:0 calc(var(--default-grid-baseline)*2)}.instant-meeting__dialog[data-v-a61b8c4e]{padding:calc(var(--default-grid-baseline)*2);display:flex;flex-direction:column;gap:var(--default-grid-baseline);align-items:center}@media screen and (max-width: 512px){.talk-dashboard__actions[data-v-a61b8c4e] .button-vue,.talk-dashboard__actions>div[data-v-a61b8c4e]{width:100%}.talk-dashboard__actions[data-v-a61b8c4e] .button-vue{padding-inline-end:calc(var(--default-grid-baseline)*2)}} /*! * SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ .toastify.dialogs { min-width: 200px; background: none; background-color: var(--color-main-background); color: var(--color-main-text); box-shadow: 0 0 6px 0 var(--color-box-shadow); padding: 0 12px; margin-top: 45px; position: fixed; z-index: 10100; border-radius: var(--border-radius); display: flex; align-items: center; min-height: 50px; } .toastify.dialogs .toast-loader-container, .toastify.dialogs .toast-undo-container { display: flex; align-items: center; width: 100%; } .toastify.dialogs .toast-undo-button, .toastify.dialogs .toast-close { position: static; overflow: hidden; box-sizing: border-box; min-width: 44px; height: 100%; padding: 12px; white-space: nowrap; background-repeat: no-repeat; background-position: center; background-color: transparent; min-height: 0; } .toastify.dialogs .toast-undo-button.toast-close, .toastify.dialogs .toast-close.toast-close { text-indent: 0; opacity: 0.4; border: none; min-height: 44px; margin-left: 10px; font-size: 0; /* dark theme overrides for F7cloud 25 and later */ } .toastify.dialogs .toast-undo-button.toast-close::before, .toastify.dialogs .toast-close.toast-close::before { background-image: url("data:image/svg+xml,%3csvg%20viewBox=%270%200%2016%2016%27%20height=%2716%27%20width=%2716%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xml:space=%27preserve%27%20style=%27fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2%27%3e%3cpath%20d=%27M6.4%2019%205%2017.6l5.6-5.6L5%206.4%206.4%205l5.6%205.6L17.6%205%2019%206.4%2013.4%2012l5.6%205.6-1.4%201.4-5.6-5.6L6.4%2019Z%27%20style=%27fill-rule:nonzero%27%20transform=%27matrix%28.85714%200%200%20.85714%20-2.286%20-2.286%29%27/%3e%3c/svg%3e"); content: " "; filter: var(--background-invert-if-dark); display: inline-block; width: 16px; height: 16px; } .toastify.dialogs .toast-undo-button.toast-undo-button, .toastify.dialogs .toast-close.toast-undo-button { margin: 3px; height: calc(100% - 2 * 3px); margin-left: 12px; } .toastify.dialogs .toast-undo-button:hover, .toastify.dialogs .toast-undo-button:focus, .toastify.dialogs .toast-undo-button:active, .toastify.dialogs .toast-close:hover, .toastify.dialogs .toast-close:focus, .toastify.dialogs .toast-close:active { cursor: pointer; opacity: 1; } .toastify.dialogs.toastify-top { right: 10px; } .toastify.dialogs.toast-with-click { cursor: pointer; } .toastify.dialogs.toast-error { border-left: 3px solid var(--color-element-error, var(--color-error)); } .toastify.dialogs.toast-info { border-left: 3px solid var(--color-element-info, var(--color-primary)); } .toastify.dialogs.toast-warning { border-left: 3px solid var(--color-element-warning, var(--color-warning)); } .toastify.dialogs.toast-success { border-left: 3px solid var(--color-element-success, var(--color-success)); } .toastify.dialogs.toast-undo { border-left: 3px solid var(--color-element-success, var(--color-success)); } .toastify.dialogs.toast-loading { border-left: 3px solid var(--color-element-info, var(--color-primary)); } .toastify.dialogs.toast-loading .toast-loader { display: inline-block; width: 20px; height: 20px; animation: rotate var(--animation-duration, 0.8s) linear infinite; margin-left: auto; } /* dark theme overrides for F7cloud 24 and earlier */ .theme--dark .toastify.dialogs .toast-close { /* close icon style */ } .theme--dark .toastify.dialogs .toast-close.toast-close::before { background-image: url("data:image/svg+xml,%3csvg%20viewBox=%270%200%2016%2016%27%20height=%2716%27%20width=%2716%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xml:space=%27preserve%27%20style=%27fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2%27%3e%3cpath%20d=%27M6.4%2019%205%2017.6l5.6-5.6L5%206.4%206.4%205l5.6%205.6L17.6%205%2019%206.4%2013.4%2012l5.6%205.6-1.4%201.4-5.6-5.6L6.4%2019Z%27%20style=%27fill:%23fff;fill-rule:nonzero%27%20transform=%27matrix%28.85714%200%200%20.85714%20-2.286%20-2.286%29%27/%3e%3c/svg%3e"); } .nc-generic-dialog .dialog__actions { justify-content: space-between; min-width: calc(100% - 12px); } ._pickerEntry_xk2pl_1:not(:last-of-type) { border-bottom: 1px solid var(--color-border); } ._pickerEntryItem_xk2pl_5 { display: flex; align-items: center; height: 64px; } ._pickerEntryIcon_xk2pl_11, ._pickerEntryPreview_xk2pl_12 { height: 64px; width: 64px; margin: 0 var(--secondary-margin); display: block; flex: 0 0 64px; } ._pickerEntryIcon_xk2pl_11 { color: var(--color-text-maxcontrast); } ._pickerEntryIcon_folder_xk2pl_24 { color: var(--color-primary-element); } ._pickerEntryPreview_xk2pl_12 { overflow: hidden; border-radius: calc(var(--border-radius) * 2); object-fit: cover; } ._pickerEntryDescription_xk2pl_34 { display: flex; flex-direction: column; } ._pickerEntryDescription_xk2pl_34 span { white-space: nowrap; }._picker_6q4ek_1 { --margin: 36px; --secondary-margin: 18px; } ._pickerHeader_6q4ek_6 { position: sticky; z-index: 10; top: 0; padding: 0 var(--margin); padding-bottom: var(--secondary-margin); background-color: var(--color-main-background); } ._pickerForm_6q4ek_15 { position: relative; overflow: auto; padding: 0 var(--margin); margin-top: calc(-1 * var(--secondary-margin)); } ._pickerActionSubmit_disabled_6q4ek_22 { opacity: 0.7; filter: saturate(50%); } ._pickerSelectAll_6q4ek_27 { display: grid; width: 100%; margin-top: calc(var(--secondary-margin) * 1.5); padding-bottom: var(--secondary-margin); grid-template-columns: 1fr 1fr; } ._pickerSelectAll_6q4ek_27 legend { display: flex; align-items: center; width: 100%; margin-bottom: calc(var(--secondary-margin) / 2); } ._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 { position: sticky; top: 0; margin: 0; padding: var(--secondary-margin) 0; background-image: linear-gradient(to top, transparent, var(--color-main-background-blur) 10%, var(--color-main-background) 15%); } ._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 + fieldset { margin-top: 0; } ._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 :deep(label) { font-weight: bold; }/*! * SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ /** * Icon styling of the file list row preview or fallback icon * (leading icon on the name row and header) */ ._file-picker__file-icon_3v9zx_9 { position: relative; width: 32px; height: 32px; min-width: 32px; min-height: 32px; background-repeat: no-repeat; background-size: contain; display: flex; justify-content: center; } ._file-picker__file-icon--primary_3v9zx_21 { color: var(--color-primary-element); } ._file-picker__file-icon-overlay_3v9zx_25 { color: var(--color-primary-element-text); position: absolute; inset-block-start: 10px; }/*! * SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ tr.file-picker__row[data-v-a5daea8d] { height: var(--row-height, 50px); } tr.file-picker__row td[data-v-a5daea8d] { cursor: pointer; overflow: hidden; text-overflow: ellipsis; border-bottom: none; } tr.file-picker__row td.row-checkbox[data-v-a5daea8d] { padding: 0 2px; } tr.file-picker__row td[data-v-a5daea8d]:not(.row-checkbox) { padding-inline: 14px 0; } tr.file-picker__row td.row-size[data-v-a5daea8d] { text-align: end; padding-inline: 0 14px; } tr.file-picker__row td.row-name[data-v-a5daea8d] { padding-inline: 2px 0; } .file-picker__row[data-v-a5daea8d] * { cursor: pointer; } .file-picker__row--selected[data-v-a5daea8d] { background-color: var(--color-background-dark); } .file-picker__row--not-navigatable[data-v-a5daea8d] { filter: saturate(0.7); opacity: 0.7; } .file-picker__row--not-navigatable[data-v-a5daea8d] *, .file-picker__row--not-pickable[data-v-a5daea8d] * { cursor: default !important; } .file-picker__row[data-v-a5daea8d]:hover { background-color: var(--color-background-hover); } .file-picker__name-container[data-v-a5daea8d] { display: flex; justify-content: start; align-items: center; height: 100%; } .file-picker__file-name[data-v-a5daea8d] { padding-inline-start: 6px; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .file-picker__file-extension[data-v-a5daea8d] { color: var(--color-text-maxcontrast); min-width: fit-content; }/*! * SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors * SPDX-License-Identifier: AGPL-3.0-or-later */ tr.file-picker__row[data-v-1f96131b] { height: var(--row-height, 50px); } tr.file-picker__row td[data-v-1f96131b] { cursor: pointer; overflow: hidden; text-overflow: ellipsis; border-bottom: none; } tr.file-picker__row td.row-checkbox[data-v-1f96131b] { padding: 0 2px; } tr.file-picker__row td[data-v-1f96131b]:not(.row-checkbox) { padding-inline: 14px 0; } tr.file-picker__row td.row-size[data-v-1f96131b] { text-align: end; padding-inline: 0 14px; } tr.file-picker__row td.row-name[data-v-1f96131b] { padding-inline: 2px 0; } @keyframes gradient-1f96131b { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .loading-row .row-checkbox[data-v-1f96131b] { text-align: center !important; } .loading-row span[data-v-1f96131b] { display: inline-block; height: 24px; background: linear-gradient(to right, var(--color-background-darker), var(--color-text-maxcontrast), var(--color-background-darker)); background-size: 600px 100%; border-radius: var(--border-radius); animation: gradient-1f96131b 12s ease infinite; } .loading-row .row-wrapper[data-v-1f96131b] { display: inline-flex; align-items: center; } .loading-row .row-checkbox span[data-v-1f96131b] { width: 24px; } .loading-row .row-name span[data-v-1f96131b]:last-of-type { margin-inline-start: 6px; width: 130px; } .loading-row .row-size span[data-v-1f96131b] { width: 80px; } .loading-row .row-modified span[data-v-1f96131b] { width: 90px; }.file-picker__header-preview[data-v-38620705] { width: 22px; height: 32px; flex: 0 0 auto; } .file-picker__files[data-v-38620705] { margin: 2px; margin-inline-start: 12px; overflow: scroll auto; } .file-picker__files table[data-v-38620705] { width: 100%; max-height: 100%; table-layout: fixed; } .file-picker__files th[data-v-38620705] { position: sticky; z-index: 1; top: 0; background-color: var(--color-main-background); padding: 2px; } .file-picker__files th .header-wrapper[data-v-38620705] { display: flex; } .file-picker__files th.row-checkbox[data-v-38620705] { width: 44px; } .file-picker__files th.row-name[data-v-38620705] { width: 230px; } .file-picker__files th.row-size[data-v-38620705] { width: 100px; } .file-picker__files th.row-modified[data-v-38620705] { width: 120px; } .file-picker__files th[data-v-38620705]:not(.row-size) .button-vue__wrapper { justify-content: start; flex-direction: row-reverse; } .file-picker__files th[data-v-38620705]:not(.row-size) .button-vue { padding-inline: 16px 4px; } .file-picker__files th.row-size[data-v-38620705] .button-vue__wrapper { justify-content: end; } .file-picker__files th[data-v-38620705] .button-vue__wrapper { color: var(--color-text-maxcontrast); } .file-picker__files th[data-v-38620705] .button-vue__wrapper .button-vue__text { font-weight: normal; }.file-picker__breadcrumbs[data-v-4e6fd4e4] { flex-grow: 0 !important; }.file-picker__side[data-v-86223490] { display: flex; flex-direction: column; align-items: stretch; gap: 0.5rem; min-width: 200px; padding: 2px; margin-block-start: 7px; overflow: auto; } .file-picker__side[data-v-86223490] .button-vue__wrapper { justify-content: start; } .file-picker__filter-input[data-v-86223490] { margin-block: 7px; max-width: 260px; } @media (max-width: 736px) { .file-picker__side[data-v-86223490] { flex-direction: row; min-width: unset; } } @media (max-width: 512px) { .file-picker__side[data-v-86223490] { flex-direction: row; min-width: unset; } .file-picker__filter-input[data-v-86223490] { max-width: unset; } }/* Ensure focus outline is visible */ .file-picker__navigation { padding-inline: 8px 2px; } .file-picker__navigation, .file-picker__navigation * { box-sizing: border-box; } .file-picker__navigation .v-select.select { min-width: 220px; } @media (min-width: 513px) and (max-width: 736px) { .file-picker__navigation { gap: 11px; } } @media (max-width: 512px) { .file-picker__navigation { flex-direction: column-reverse !important; } }.file-picker__view[data-v-5287035b] { height: 50px; display: flex; justify-content: start; align-items: center; } .file-picker__view h3[data-v-5287035b] { font-weight: bold; height: fit-content; margin: 0; } .file-picker__main[data-v-5287035b] { box-sizing: border-box; width: 100%; display: flex; flex-direction: column; min-height: 0; flex: 1; padding-inline: 2px; } .file-picker__main[data-v-5287035b] * { box-sizing: border-box; } [data-v-5287035b] .file-picker { height: min(80vh, 800px) !important; } @media (max-width: 512px) { [data-v-5287035b] .file-picker { height: calc(100% - 16px - var(--default-clickable-area)) !important; } } [data-v-5287035b] .file-picker__content { display: flex; flex-direction: column; overflow: hidden; }.public-auth-prompt__text[data-v-b33d88e5] { font-size: 1.25em; margin-block: 0 calc(3 * var(--default-grid-baseline)); } .public-auth-prompt__header[data-v-b33d88e5] { margin-block: 0 calc(3 * var(--default-grid-baseline)); } .public-auth-prompt__header[data-v-b33d88e5]:first-child { margin-top: 0; } .public-auth-prompt__input[data-v-b33d88e5] { margin-block: calc(4 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline)); } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } /* Default icon options */ .leaflet-default-icon-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABSCAMAAAAhFXfZAAAC91BMVEVMaXEzeak2f7I4g7g3g7cua5gzeKg8hJo3grY4g7c3grU0gLI2frE0daAubJc2gbQwd6QzeKk2gLMtd5sxdKIua5g1frA2f7IydaM0e6w2fq41fK01eqo3grgubJgta5cxdKI1f7AydaQydaMxc6EubJgvbJkwcZ4ubZkwcJwubZgubJcydqUydKIxapgubJctbJcubZcubJcvbJYubJcvbZkubJctbJctbZcubJg2f7AubJcrbZcubJcubJcua5g3grY0fq8ubJcubJdEkdEwhsw6i88vhswuhcsuhMtBjMgthMsrg8srgss6is8qgcs8i9A9iMYtg8spgcoogMo7hcMngMonf8olfso4gr8kfck5iM8jfMk4iM8he8k1fro7itAgesk2hs8eecgzfLcofssdeMg0hc4cd8g2hcsxeLQbdsgZdcgxeLImfcszhM0vda4xgckzhM4xg84wf8Yxgs4udKsvfcQucqhUndROmdM1fK0wcZ8vb5w0eqpQm9MzeKhXoNVcpdYydKNWn9VZotVKltJFjsIwcJ1Rms9OlslLmtH///8+kc9epdYzd6dbo9VHkMM2f7FHmNBClM8ydqVcpNY9hro3gLM9hLczealQmcw3fa46f7A8gLMxc6I3eagyc6FIldJMl9JSnNRSntNNl9JPnNJFi75UnM9ZodVKksg8kM45jc09e6ZHltFBk883gbRBh7pDk9EwcaBzn784g7dKkcY2i81Om9M7j85Llc81is09g7Q4grY/j9A0eqxKmdFFltBEjcXf6fFImdBCiLxJl9FGlNFBi78yiMxVndEvbpo6js74+vx+psPP3+o/ks5HkcpGmNCjwdZCkNDM3ehYoNJEls+lxNkxh8xHks0+jdC1zd5Lg6r+/v/H2ufz9/o3jM3t8/edvdM/k89Th61OiLBSjbZklbaTt9BfptdjmL1AicBHj8hGk9FAgK1dkLNTjLRekrdClc/k7fM0icy0y9tgp9c4jc2NtM9Dlc8zicxeXZn3AAAAQ3RSTlMAHDdTb4yPA+LtnEQmC4L2EmHqB7XA0d0sr478x4/Yd5i1zOfyPkf1sLVq4Nh3FvjxopQ2/STNuFzUwFIwxKaejILpIBEV9wAABhVJREFUeF6s1NdyFEcYBeBeoQIhRAkLlRDGrhIgY3BJL8CVeKzuyXFzzjkn5ZxzzuScg3PO8cKzu70JkO0LfxdTU//pM9vTu7Xgf6KqOVTb9X7toRrVEfBf1HTVjZccrT/2by1VV928Yty9ZbVuucdz90frG8DBjl9pVApbOstvmMuvVgaNXSfAAd6pGxpy6yxf5ph43pS/4f3uoaGm2rdu72S9xzOvMymkZFq/ptDrk90mhW7e4zl7HLzhxGWPR20xmSxJ/VqldG5m9XhaVOA1DadsNh3Pu5L2N6QtPO/32JpqQBVVk20oy/Pi2s23WEvyfHbe1thadVQttvm7Llf65gGmXK67XtupyoM7HQhmXdLS8oGWJNeOJ3C5fG5XCEJnkez3/oFdsvgJ4l2ANZwhrJKk/7OSXa+3Vw2WJMlKnGkobouYk6T0TyX30klOUnTD9HJ5qpckL3EW/w4XF3Xd0FGywXUrstrclVsqz5Pd/sXFYyDnPdrLcQODmGOK47IZb4CmibmMn+MYRzFZ5jg33ZL/EJrWcszHmANy3ARBK/IXtciJy8VsitPSdE3uuHxzougojcUdr8/32atnz/ev3f/K5wtpxUTpcaI45zusVDpYtZi+jg0oU9b3x74h7+n9ABvYEZeKaVq0sh0AtLKsFtqNBdeT0MrSzwwlq9+x6xAO4tgOtSzbCjrNQQiNvQUbUEubvzBUeGw26yDCsRHCoLkTHDa7IdOLIThs/gHvChszh2CimE8peRs47cxANI0lYNB5y1DljpOF0IhzBDPOZnDOqYYbeGKECbPzWnXludPphw5c2YBq5zlwXphIbO4VDCZ0gnPfUO1TwZoYwAs2ExPCedAu9DAjfQUjzITQb3jNj0KG2Sgt6BHaQUdYzWz+XmBktOHwanXjaSTcwwziBcuMOtwBmqPrTOxFQR/DRKKPqyur0aiW6cULYsx6tBm0jXpR/AUWR6HRq9WVW6MRhIq5jLyjbaCTDCijyYJNpCajdyobP/eTw0iexBAKkJ3gA5KcQb2zBXsIBckn+xVv8jkZSaEFHE+jFEleAEfayRU0MouNoBmB/L50Ai/HSLIHxcrpCvnhSQAuakKp2C/YbCylJjXRVy/z3+Kv/RrNcCo+WUzlVEhzKffnTQnxeN9fWF88fiNCUdSTsaufaChKWInHeysygfpIqagoakW+vV20J8uyl6TyNKEZWV4oRSPyCkWpgOLSbkCObT8o2r6tlG58HQquf6O0v50tB7JM7F4EORd2dx/K0w/KHsVkLPaoYrwgP/y7krr3SSMA4zj+OBgmjYkxcdIJQyQRKgg2viX9Hddi9UBb29LrKR7CVVEEEXWojUkXNyfTNDE14W9gbHJNuhjDettN3ZvbOvdOqCD3Jp/9l+/wJE+9PkYGjx/fqkys3S2rMozM/o2106rfMUINo6hVqz+eu/hd1c4xTg0TAfy5kV+4UG6+IthHTU9woWmxuKNbTfuCSfovBCxq7EtHqvYL4Sm6F8GVxsSXHMQ07TOi1DKtZxjWaaIyi4CXWjxPccUw8WVbMYY5wxC1mzEyXMJWkllpRloi+Kkoq69sxBTlElF6aAxYUbjXNlhlDZilDnM4U5SlN5biRsRHnbx3mbeWjEh4mEyiuJDl5XcWVmX5GvNkFgLWZM5qwsop4/AWfLhU1cR7k1VVvcYCWRkOI6Xy5gmnphCYIkvzuNYzHzosq2oNk2RtSs8khfUOfHIDgR6ysYBaMpl4uEgk2U/oJTs9AaTSwma7dT69geAE2ZpEjUsn2ieJNHeKfrI3EcAGJ2ZaNgVuC8EBctCLc57P5u5led6IOBkIYkuQMrmmjChs4VkfOerHqSBkPzZlhe06RslZ3zMjk2sscqKwY0RcjKK+LWbzd7KiHhkncs/siFJ+V5eXxD34B8nVuJEpGJNmxN2gH3vSvp7J70tF+D1Ej8qUJD1TkErAND2GZwTFg/LubvmgiBG3SOvdlsqFQrkEzJCL1rstlnVFROixZoDDSuXQFHESwVGlcuQcMb/b42NgjLowh5MTDFE3vNB5qStRIErdCQEh6pLPR92anSUb/wAIhldAaDMpGgAAAABJRU5ErkJggg==); /* normal[, Retina] */ cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABSCAMAAAAhFXfZAAAC91BMVEVMaXEzeak2f7I4g7g3g7cua5gzeKg8hJo3grY4g7c3grU0gLI2frE0daAubJc2gbQwd6QzeKk2gLMtd5sxdKIua5g1frA2f7IydaM0e6w2fq41fK01eqo3grgubJgta5cxdKI1f7AydaQydaMxc6EubJgvbJkwcZ4ubZkwcJwubZgubJcydqUydKIxapgubJctbJcubZcubJcvbJYubJcvbZkubJctbJctbZcubJg2f7AubJcrbZcubJcubJcua5g3grY0fq8ubJcubJdEkdEwhsw6i88vhswuhcsuhMtBjMgthMsrg8srgss6is8qgcs8i9A9iMYtg8spgcoogMo7hcMngMonf8olfso4gr8kfck5iM8jfMk4iM8he8k1fro7itAgesk2hs8eecgzfLcofssdeMg0hc4cd8g2hcsxeLQbdsgZdcgxeLImfcszhM0vda4xgckzhM4xg84wf8Yxgs4udKsvfcQucqhUndROmdM1fK0wcZ8vb5w0eqpQm9MzeKhXoNVcpdYydKNWn9VZotVKltJFjsIwcJ1Rms9OlslLmtH///8+kc9epdYzd6dbo9VHkMM2f7FHmNBClM8ydqVcpNY9hro3gLM9hLczealQmcw3fa46f7A8gLMxc6I3eagyc6FIldJMl9JSnNRSntNNl9JPnNJFi75UnM9ZodVKksg8kM45jc09e6ZHltFBk883gbRBh7pDk9EwcaBzn784g7dKkcY2i81Om9M7j85Llc81is09g7Q4grY/j9A0eqxKmdFFltBEjcXf6fFImdBCiLxJl9FGlNFBi78yiMxVndEvbpo6js74+vx+psPP3+o/ks5HkcpGmNCjwdZCkNDM3ehYoNJEls+lxNkxh8xHks0+jdC1zd5Lg6r+/v/H2ufz9/o3jM3t8/edvdM/k89Th61OiLBSjbZklbaTt9BfptdjmL1AicBHj8hGk9FAgK1dkLNTjLRekrdClc/k7fM0icy0y9tgp9c4jc2NtM9Dlc8zicxeXZn3AAAAQ3RSTlMAHDdTb4yPA+LtnEQmC4L2EmHqB7XA0d0sr478x4/Yd5i1zOfyPkf1sLVq4Nh3FvjxopQ2/STNuFzUwFIwxKaejILpIBEV9wAABhVJREFUeF6s1NdyFEcYBeBeoQIhRAkLlRDGrhIgY3BJL8CVeKzuyXFzzjkn5ZxzzuScg3PO8cKzu70JkO0LfxdTU//pM9vTu7Xgf6KqOVTb9X7toRrVEfBf1HTVjZccrT/2by1VV928Yty9ZbVuucdz90frG8DBjl9pVApbOstvmMuvVgaNXSfAAd6pGxpy6yxf5ph43pS/4f3uoaGm2rdu72S9xzOvMymkZFq/ptDrk90mhW7e4zl7HLzhxGWPR20xmSxJ/VqldG5m9XhaVOA1DadsNh3Pu5L2N6QtPO/32JpqQBVVk20oy/Pi2s23WEvyfHbe1thadVQttvm7Llf65gGmXK67XtupyoM7HQhmXdLS8oGWJNeOJ3C5fG5XCEJnkez3/oFdsvgJ4l2ANZwhrJKk/7OSXa+3Vw2WJMlKnGkobouYk6T0TyX30klOUnTD9HJ5qpckL3EW/w4XF3Xd0FGywXUrstrclVsqz5Pd/sXFYyDnPdrLcQODmGOK47IZb4CmibmMn+MYRzFZ5jg33ZL/EJrWcszHmANy3ARBK/IXtciJy8VsitPSdE3uuHxzougojcUdr8/32atnz/ev3f/K5wtpxUTpcaI45zusVDpYtZi+jg0oU9b3x74h7+n9ABvYEZeKaVq0sh0AtLKsFtqNBdeT0MrSzwwlq9+x6xAO4tgOtSzbCjrNQQiNvQUbUEubvzBUeGw26yDCsRHCoLkTHDa7IdOLIThs/gHvChszh2CimE8peRs47cxANI0lYNB5y1DljpOF0IhzBDPOZnDOqYYbeGKECbPzWnXludPphw5c2YBq5zlwXphIbO4VDCZ0gnPfUO1TwZoYwAs2ExPCedAu9DAjfQUjzITQb3jNj0KG2Sgt6BHaQUdYzWz+XmBktOHwanXjaSTcwwziBcuMOtwBmqPrTOxFQR/DRKKPqyur0aiW6cULYsx6tBm0jXpR/AUWR6HRq9WVW6MRhIq5jLyjbaCTDCijyYJNpCajdyobP/eTw0iexBAKkJ3gA5KcQb2zBXsIBckn+xVv8jkZSaEFHE+jFEleAEfayRU0MouNoBmB/L50Ai/HSLIHxcrpCvnhSQAuakKp2C/YbCylJjXRVy/z3+Kv/RrNcCo+WUzlVEhzKffnTQnxeN9fWF88fiNCUdSTsaufaChKWInHeysygfpIqagoakW+vV20J8uyl6TyNKEZWV4oRSPyCkWpgOLSbkCObT8o2r6tlG58HQquf6O0v50tB7JM7F4EORd2dx/K0w/KHsVkLPaoYrwgP/y7krr3SSMA4zj+OBgmjYkxcdIJQyQRKgg2viX9Hddi9UBb29LrKR7CVVEEEXWojUkXNyfTNDE14W9gbHJNuhjDettN3ZvbOvdOqCD3Jp/9l+/wJE+9PkYGjx/fqkys3S2rMozM/o2106rfMUINo6hVqz+eu/hd1c4xTg0TAfy5kV+4UG6+IthHTU9woWmxuKNbTfuCSfovBCxq7EtHqvYL4Sm6F8GVxsSXHMQ07TOi1DKtZxjWaaIyi4CXWjxPccUw8WVbMYY5wxC1mzEyXMJWkllpRloi+Kkoq69sxBTlElF6aAxYUbjXNlhlDZilDnM4U5SlN5biRsRHnbx3mbeWjEh4mEyiuJDl5XcWVmX5GvNkFgLWZM5qwsop4/AWfLhU1cR7k1VVvcYCWRkOI6Xy5gmnphCYIkvzuNYzHzosq2oNk2RtSs8khfUOfHIDgR6ysYBaMpl4uEgk2U/oJTs9AaTSwma7dT69geAE2ZpEjUsn2ieJNHeKfrI3EcAGJ2ZaNgVuC8EBctCLc57P5u5led6IOBkIYkuQMrmmjChs4VkfOerHqSBkPzZlhe06RslZ3zMjk2sscqKwY0RcjKK+LWbzd7KiHhkncs/siFJ+V5eXxD34B8nVuJEpGJNmxN2gH3vSvp7J70tF+D1Ej8qUJD1TkErAND2GZwTFg/LubvmgiBG3SOvdlsqFQrkEzJCL1rstlnVFROixZoDDSuXQFHESwVGlcuQcMb/b42NgjLowh5MTDFE3vNB5qStRIErdCQEh6pLPR92anSUb/wAIhldAaDMpGgAAAABJRU5ErkJggg==), auto; /* normal[, Retina], auto for compliance with cursor syntax */ width: 25px; height: 41px; margin: -41px -12px; /* margin top and left to reversely position iconAnchor */ } .leaflet-default-icon-shadow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAQAAAACach9AAACMUlEQVR4Ae3ShY7jQBAE0Aoz/f9/HTMzhg1zrdKUrJbdx+Kd2nD8VNudfsL/Th///dyQN2TH6f3y/BGpC379rV+S+qqetBOxImNQXL8JCAr2V4iMQXHGNJxeCfZXhSRBcQMfvkOWUdtfzlLgAENmZDcmo2TVmt8OSM2eXxBp3DjHSMFutqS7SbmemzBiR+xpKCNUIRkdkkYxhAkyGoBvyQFEJEefwSmmvBfJuJ6aKqKWnAkvGZOaZXTUgFqYULWNSHUckZuR1HIIimUExutRxwzOLROIG4vKmCKQt364mIlhSyzAf1m9lHZHJZrlAOMMztRRiKimp/rpdJDc9Awry5xTZCte7FHtuS8wJgeYGrex28xNTd086Dik7vUMscQOa8y4DoGtCCSkAKlNwpgNtphjrC6MIHUkR6YWxxs6Sc5xqn222mmCRFzIt8lEdKx+ikCtg91qS2WpwVfBelJCiQJwvzixfI9cxZQWgiSJelKnwBElKYtDOb2MFbhmUigbReQBV0Cg4+qMXSxXSyGUn4UbF8l+7qdSGnTC0XLCmahIgUHLhLOhpVCtw4CzYXvLQWQbJNmxoCsOKAxSgBJno75avolkRw8iIAFcsdc02e9iyCd8tHwmeSSoKTowIgvscSGZUOA7PuCN5b2BX9mQM7S0wYhMNU74zgsPBj3HU7wguAfnxxjFQGBE6pwN+GjME9zHY7zGp8wVxMShYX9NXvEWD3HbwJf4giO4CFIQxXScH1/TM+04kkBiAAAAAElFTkSuQmCC); /* normal[, Retina] */ cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAQAAAACach9AAACMUlEQVR4Ae3ShY7jQBAE0Aoz/f9/HTMzhg1zrdKUrJbdx+Kd2nD8VNudfsL/Th///dyQN2TH6f3y/BGpC379rV+S+qqetBOxImNQXL8JCAr2V4iMQXHGNJxeCfZXhSRBcQMfvkOWUdtfzlLgAENmZDcmo2TVmt8OSM2eXxBp3DjHSMFutqS7SbmemzBiR+xpKCNUIRkdkkYxhAkyGoBvyQFEJEefwSmmvBfJuJ6aKqKWnAkvGZOaZXTUgFqYULWNSHUckZuR1HIIimUExutRxwzOLROIG4vKmCKQt364mIlhSyzAf1m9lHZHJZrlAOMMztRRiKimp/rpdJDc9Awry5xTZCte7FHtuS8wJgeYGrex28xNTd086Dik7vUMscQOa8y4DoGtCCSkAKlNwpgNtphjrC6MIHUkR6YWxxs6Sc5xqn222mmCRFzIt8lEdKx+ikCtg91qS2WpwVfBelJCiQJwvzixfI9cxZQWgiSJelKnwBElKYtDOb2MFbhmUigbReQBV0Cg4+qMXSxXSyGUn4UbF8l+7qdSGnTC0XLCmahIgUHLhLOhpVCtw4CzYXvLQWQbJNmxoCsOKAxSgBJno75avolkRw8iIAFcsdc02e9iyCd8tHwmeSSoKTowIgvscSGZUOA7PuCN5b2BX9mQM7S0wYhMNU74zgsPBj3HU7wguAfnxxjFQGBE6pwN+GjME9zHY7zGp8wVxMShYX9NXvEWD3HbwJf4giO4CFIQxXScH1/TM+04kkBiAAAAAElFTkSuQmCC), auto; /* normal[, Retina], auto */ width: 41px; height: 41px; margin: -41px -12px; /* margin top and left to reversely position shadowAnchor */ } .leaflet-default-icon-popup { margin: -34px 1px; /* margin top and left to position popupAnchor */ } .leaflet-default-icon-tooltip { margin: -28px 16px; /* margin top and left to position tooltipAnchor, even if direction 'bottom' or 'right' */ } /*# sourceMappingURL=talk-files-sidebar.css.map*/