/*! 
 * OverlayScrollbars
 * Version: 2.15.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden],
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

/**
 * body element
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

/**
 * wrapper elements overflow:
 */
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

/**
 * viewport overflow:
 */
[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x: hidden;
  --os-viewport-overflow-y: hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}

[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x: visible;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x: hidden;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x: scroll;
}

[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y: visible;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y: hidden;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y: scroll;
}

[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}

/**
 * viewport state modifiers:
 */
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > *:not(#osFakeId) {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}

/**
 * content element:
 */
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}.od-loading-bar__wrapper[data-v-63e46a5e] {
  height: 0.25rem;
  background-color: var(--system-colors-surface-03);
  position: relative;
  overflow: hidden;
}
.od-loading-bar__bar[data-v-63e46a5e] {
  position: absolute;
  background: var(--system-colors-surface-primary);
  height: 100%;
}
.od-loading-bar__bar--expand[data-v-63e46a5e] {
  animation: expand-63e46a5e 2s infinite;
}
.od-loading-bar__bar--contract[data-v-63e46a5e] {
  animation: contract-63e46a5e 2s 0.5s infinite;
}
@keyframes expand-63e46a5e {
from {
    left: -5%;
    width: 5%;
}
to {
    left: 130%;
    width: 100%;
}
}
@keyframes contract-63e46a5e {
from {
    left: -80%;
    width: 80%;
}
to {
    left: 110%;
    width: 10%;
}
}.od-loading-area[data-v-cef8cc90] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.od-loading-area__animation[data-v-cef8cc90] {
  height: 3.75rem;
  display: flex;
}
.od-loading-area__animation__bar[data-v-cef8cc90] {
  height: 100%;
  width: 0.625rem;
  animation: delay-cef8cc90 1.8s infinite ease-in-out;
  transform-origin: 100% 100%;
}
.od-loading-area__animation__bar + .od-loading-area__animation__bar[data-v-cef8cc90] {
  margin-left: 0.125rem;
}
.od-loading-area__animation__bar--1[data-v-cef8cc90] {
  background-color: var(--steel-blue-50);
}
.od-loading-area__animation__bar--2[data-v-cef8cc90] {
  background-color: var(--cadet-blue-50);
  animation-delay: -1.5s !important;
}
.od-loading-area__animation__bar--3[data-v-cef8cc90] {
  background-color: var(--slate-blue-50);
  animation-delay: -1.2s !important;
}
.od-loading-area__animation__bar--4[data-v-cef8cc90] {
  background-color: var(--teal-50);
  animation-delay: -0.9s !important;
}
.od-loading-area__animation__bar--5[data-v-cef8cc90] {
  background-color: var(--mint-50);
  animation-delay: -0.6s !important;
}
@keyframes delay-cef8cc90 {
0%, 100% {
    transform: scaleY(0.05);
}
33% {
    transform: scaleY(1);
}
66% {
    transform: scaleY(0.5);
}
}
.od-loading-area__label[data-v-cef8cc90] {
  margin-top: 0.3125rem;
  text-align: center;
}.od-icon[data-v-e910c86c] {
  font-family: "onedata-icons";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-align: center;
  line-height: 0;
  height: 20px;
  width: 20px;
}
.od-icon[data-v-e910c86c]::after {
  content: " ";
  display: inline-block;
  height: 18px;
}
.od-icon--black[data-v-e910c86c] {
  color: var(--system-colors-text-icon-colors-primary);
}
.od-icon--black .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--allblack[data-v-e910c86c] {
  color: black;
}
.od-icon--allblack .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--contrast[data-v-e910c86c] {
  color: var(--system-colors-surface-high-contrast);
}
.od-icon--contrast .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--inverted[data-v-e910c86c] {
  color: var(--system-colors-text-icon-colors-secondary);
}
.od-icon--inverted .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--white[data-v-e910c86c] {
  color: var(--white);
}
.od-icon--white .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--green[data-v-e910c86c], .od-icon--success[data-v-e910c86c] {
  color: var(--cool-green-40);
}
.od-icon--green .fill[data-v-e910c86c], .od-icon--success .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--fail[data-v-e910c86c] {
  color: var(--system-colors-text-icon-colors-error);
}
.od-icon--fail .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--warning[data-v-e910c86c] {
  color: var(--system-colors-text-icon-colors-warning);
}
.od-icon--warning .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--disabled[data-v-e910c86c] {
  color: var(--system-colors-text-icon-colors-disabled);
  pointer-events: none;
}
.od-icon--disabled .fill[data-v-e910c86c] {
  fill: currentColor;
}
.od-icon--loading[data-v-e910c86c] {
  overflow: hidden;
  border-radius: 50%;
  width: 0.9em;
  height: 0.9em;
  font-size: 20px;
  position: relative;
  text-indent: -9999em;
  flex-shrink: 0;
  border: 0.1em solid var(--system-colors-stroke-default);
  border-left: 0.1em solid var(--system-colors-border-high-contrast);
  transform: translateZ(0);
  animation: loadinganimation-e910c86c 1.1s infinite cubic-bezier(0.3, 0.2, 0.3, 0.5);
}
.od-icon--loading.od-icon--white[data-v-e910c86c] {
  border: 0.1em solid rgba(var(--white), 0.1);
  border-left: 0.1em solid var(--white);
}
.od-icon--loading[data-v-e910c86c]:after {
  border-radius: 50%;
  width: 0.9em;
  height: 0.9em;
}
.od-icon--large[data-v-e910c86c] {
  font-size: 28px;
  height: 30px;
  width: 30px;
}
.od-icon--large[data-v-e910c86c]:after {
  height: 25px;
}
.od-icon--medium[data-v-e910c86c] {
  font-size: 23px;
  height: 24px;
  width: 24px;
}
.od-icon--medium[data-v-e910c86c]:after {
  height: 21px;
}
.od-icon--small[data-v-e910c86c] {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.od-icon--rounded[data-v-e910c86c] {
  border-radius: 2px;
}
@keyframes loadinganimation-e910c86c {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.od-icon .downloadanimated__stroke[data-v-e910c86c] {
  animation: stroke_animation-e910c86c 1.5s ease infinite normal both;
  transform-origin: center;
  fill: currentColor;
}
@keyframes stroke_animation-e910c86c {
0% {
    transform: scaleY(0.2);
    transform-origin: 100% 0;
}
100% {
    transform: scaleY(1);
    transform-origin: 100% 0;
}
}
.od-icon .downloadanimated__arrow[data-v-e910c86c] {
  animation: arrow_animation-e910c86c 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
  transform-origin: center;
  fill: currentColor;
}
@keyframes arrow_animation-e910c86c {
0% {
    transform: translateZ(-1400px) translateY(-100px) scale(0);
    opacity: 0;
}
40% {
    transform: translateZ(0) translateY(-80px) scale(1);
    opacity: 1;
}
100% {
    transform: translateZ(0) translateY(0) scale(1);
}
}.od-btn[data-v-dbe5ac35] {
  font-size: 14px;
  min-width: 7rem;
  padding: 0 1.5rem;
  height: 2.5rem;
  border-radius: 8px;
  font-weight: 400;
  font-family: var(--body-font-family);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
}
.od-btn--primary[data-v-dbe5ac35], .od-btn.od-btn--primary[data-v-dbe5ac35] {
  background: var(--system-colors-surface-primary);
  color: var(--system-colors-text-icon-colors-always-light);
}
.od-btn--primary i[data-v-dbe5ac35], .od-btn--primary[data-v-dbe5ac35] i, .od-btn.od-btn--primary i[data-v-dbe5ac35], .od-btn.od-btn--primary[data-v-dbe5ac35] i {
  color: var(--system-colors-text-icon-colors-always-light);
}
.od-btn--primary[data-v-dbe5ac35]:hover, .od-btn.od-btn--primary[data-v-dbe5ac35]:hover {
  background: var(--system-colors-surface-primary-hover);
}
.od-btn--primary:hover.od-btn--icon[data-v-dbe5ac35], .od-btn.od-btn--primary:hover.od-btn--icon[data-v-dbe5ac35] {
  background: var(--system-colors-surface-primary-hover);
}
.od-btn--primary[data-v-dbe5ac35]:active, .od-btn.od-btn--primary[data-v-dbe5ac35]:active {
  background: var(--system-colors-surface-primary-pressed);
}
.od-btn--primary:active.od-btn--icon[data-v-dbe5ac35], .od-btn.od-btn--primary:active.od-btn--icon[data-v-dbe5ac35] {
  background: var(--system-colors-surface-primary-pressed);
}
.od-btn--primary[data-v-dbe5ac35]:focus-visible, .od-btn.od-btn--primary[data-v-dbe5ac35]:focus-visible {
  box-shadow: 0 0 0 1px var(--system-colors-surface-01), 0 0 0 2px var(--system-colors-outline-focussed);
  outline: none;
}
.od-btn--primary[data-v-dbe5ac35]:focus:active, .od-btn.od-btn--primary[data-v-dbe5ac35]:focus:active {
  box-shadow: none;
}
.od-btn--primary[disabled][data-v-dbe5ac35], .od-btn.od-btn--primary[disabled][data-v-dbe5ac35] {
  background: var(--system-colors-surface-02);
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-btn--primary[disabled] i[data-v-dbe5ac35], .od-btn--primary[disabled][data-v-dbe5ac35] i, .od-btn.od-btn--primary[disabled] i[data-v-dbe5ac35], .od-btn.od-btn--primary[disabled][data-v-dbe5ac35] i {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-btn[disabled][data-v-dbe5ac35] {
  background: var(--system-colors-surface-02);
  pointer-events: none;
}
.od-btn[disabled][data-v-dbe5ac35]:active {
  background: var(--system-colors-surface-02);
  color: var(--system-colors-surface-02);
}
.od-btn--secondary[data-v-dbe5ac35], .od-btn.od-btn--secondary[data-v-dbe5ac35] {
  border: 1px solid;
  border-color: var(--system-colors-surface-high-contrast);
  background: transparent;
  color: var(--system-colors-text-icon-colors-primary);
}
.od-btn--secondary[data-v-dbe5ac35]:hover, .od-btn.od-btn--secondary[data-v-dbe5ac35]:hover {
  border-color: var(--system-colors-border-hover);
  color: var(--system-colors-text-icon-colors-hover);
}
.od-btn--secondary:hover i[data-v-dbe5ac35], .od-btn--secondary[data-v-dbe5ac35]:hover i, .od-btn.od-btn--secondary:hover i[data-v-dbe5ac35], .od-btn.od-btn--secondary[data-v-dbe5ac35]:hover i {
  color: var(--system-colors-text-icon-colors-hover);
}
.od-btn--secondary[data-v-dbe5ac35]:active, .od-btn.od-btn--secondary[data-v-dbe5ac35]:active {
  color: var(--system-colors-text-icon-colors-selected);
  border-color: var(--system-colors-border-selected);
}
.od-btn--secondary:active i[data-v-dbe5ac35], .od-btn--secondary[data-v-dbe5ac35]:active i, .od-btn.od-btn--secondary:active i[data-v-dbe5ac35], .od-btn.od-btn--secondary[data-v-dbe5ac35]:active i {
  color: var(--system-colors-text-icon-colors-selected);
}
.od-btn--secondary[data-v-dbe5ac35]:focus-visible, .od-btn.od-btn--secondary[data-v-dbe5ac35]:focus-visible {
  box-shadow: 0 0 0 1px var(--system-colors-surface-01), 0 0 0 2px var(--system-colors-outline-focussed);
  outline: none;
}
.od-btn--secondary[data-v-dbe5ac35]:focus:active, .od-btn.od-btn--secondary[data-v-dbe5ac35]:focus:active {
  box-shadow: none;
}
.od-btn--secondary[disabled][data-v-dbe5ac35], .od-btn.od-btn--secondary[disabled][data-v-dbe5ac35] {
  color: var(--system-colors-text-icon-colors-disabled);
  border-color: var(--system-colors-border-disabled);
}
.od-btn--secondary[disabled] i[data-v-dbe5ac35], .od-btn--secondary[disabled][data-v-dbe5ac35] i, .od-btn.od-btn--secondary[disabled] i[data-v-dbe5ac35], .od-btn.od-btn--secondary[disabled][data-v-dbe5ac35] i {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-btn--tertiary[data-v-dbe5ac35], .od-btn.od-btn--tertiary[data-v-dbe5ac35] {
  border: none;
  background: transparent;
  display: initial;
  color: var(--system-colors-text-icon-colors-primary);
  text-decoration: underline;
}
.od-btn--tertiary--invert[data-v-dbe5ac35], .od-btn--tertiary.od-btn--invert[data-v-dbe5ac35], .od-btn.od-btn--tertiary--invert[data-v-dbe5ac35], .od-btn.od-btn--tertiary.od-btn--invert[data-v-dbe5ac35] {
  color: var(--system-colors-text-icon-colors-secondary);
}
.od-btn--tertiary i[data-v-dbe5ac35]:not(.prepend-icon), .od-btn--tertiary[data-v-dbe5ac35] i:not(.prepend-icon), .od-btn.od-btn--tertiary i[data-v-dbe5ac35]:not(.prepend-icon), .od-btn.od-btn--tertiary[data-v-dbe5ac35] i:not(.prepend-icon) {
  transform: translateY(3px);
}
.od-btn--tertiary--prepend-icon[data-v-dbe5ac35], .od-btn--tertiary.od-btn--prepend-icon[data-v-dbe5ac35], .od-btn.od-btn--tertiary--prepend-icon[data-v-dbe5ac35], .od-btn.od-btn--tertiary.od-btn--prepend-icon[data-v-dbe5ac35] {
  display: flex;
}
.od-btn--tertiary i[data-v-dbe5ac35]::before, .od-btn--tertiary[data-v-dbe5ac35] i::before, .od-btn.od-btn--tertiary i[data-v-dbe5ac35]::before, .od-btn.od-btn--tertiary[data-v-dbe5ac35] i::before {
  text-decoration: none;
  display: inline-block;
}
.od-btn--tertiary[data-v-dbe5ac35]:hover, .od-btn.od-btn--tertiary[data-v-dbe5ac35]:hover {
  color: var(--system-colors-text-icon-colors-hover);
}
.od-btn--tertiary:hover i[data-v-dbe5ac35], .od-btn--tertiary[data-v-dbe5ac35]:hover i, .od-btn.od-btn--tertiary:hover i[data-v-dbe5ac35], .od-btn.od-btn--tertiary[data-v-dbe5ac35]:hover i {
  color: var(--system-colors-text-icon-colors-hover);
}
.od-btn--tertiary[data-v-dbe5ac35]:active, .od-btn.od-btn--tertiary[data-v-dbe5ac35]:active {
  color: var(--system-colors-text-icon-colors-selected);
}
.od-btn--tertiary:active i[data-v-dbe5ac35], .od-btn--tertiary[data-v-dbe5ac35]:active i, .od-btn.od-btn--tertiary:active i[data-v-dbe5ac35], .od-btn.od-btn--tertiary[data-v-dbe5ac35]:active i {
  color: var(--system-colors-text-icon-colors-selected);
}
.od-btn--tertiary[data-v-dbe5ac35]:focus-visible, .od-btn.od-btn--tertiary[data-v-dbe5ac35]:focus-visible {
  box-shadow: 0 0 0 1px var(--system-colors-surface-01), 0 0 0 2px var(--system-colors-outline-focussed);
  outline: none;
}
.od-btn--tertiary[data-v-dbe5ac35]:focus:active, .od-btn.od-btn--tertiary[data-v-dbe5ac35]:focus:active {
  border: none;
  outline: none;
}
.od-btn--tertiary[disabled][data-v-dbe5ac35], .od-btn.od-btn--tertiary[disabled][data-v-dbe5ac35] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-btn--tertiary[disabled] i[data-v-dbe5ac35], .od-btn--tertiary[disabled][data-v-dbe5ac35] i, .od-btn.od-btn--tertiary[disabled] i[data-v-dbe5ac35], .od-btn.od-btn--tertiary[disabled][data-v-dbe5ac35] i {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-btn--icon[data-v-dbe5ac35], .od-btn.od-btn--icon[data-v-dbe5ac35] {
  border: none;
  min-width: fit-content;
  padding: 0;
  height: auto;
}
.od-btn--icon[data-v-dbe5ac35]:hover i, .od-btn.od-btn--icon[data-v-dbe5ac35]:hover i {
  color: var(--system-colors-text-icon-colors-hover);
}
.od-btn--icon[data-v-dbe5ac35]:focus i, .od-btn.od-btn--icon[data-v-dbe5ac35]:focus i {
  color: var(--system-colors-text-icon-colors-hover);
}
.od-btn--icon[data-v-dbe5ac35]:focus, .od-btn.od-btn--icon[data-v-dbe5ac35]:focus {
  box-shadow: none;
  outline: none;
}
.od-btn--icon[data-v-dbe5ac35]:focus-visible i, .od-btn.od-btn--icon[data-v-dbe5ac35]:focus-visible i {
  color: var(--system-colors-surface-primary-focussed);
}
.od-btn--icon[data-v-dbe5ac35]:focus-visible, .od-btn.od-btn--icon[data-v-dbe5ac35]:focus-visible {
  box-shadow: none;
  outline: none;
}
.od-btn--icon.od-btn--border[data-v-dbe5ac35], .od-btn.od-btn--icon.od-btn--border[data-v-dbe5ac35] {
  border: 1px solid var(--system-colors-border-high-contrast);
  border-radius: 50%;
  padding: var(--space-s);
}
.od-btn--icon.od-btn--border[data-v-dbe5ac35]:hover, .od-btn.od-btn--icon.od-btn--border[data-v-dbe5ac35]:hover {
  border-color: var(--system-colors-border-hover);
}
.od-btn--option[data-v-dbe5ac35], .od-btn.o-btn--option[data-v-dbe5ac35] {
  line-height: 30px;
  color: var(--system-colors-text-icon-colors-primary);
  background-color: var(--system-colors-surface-01);
  min-width: 0;
  box-shadow: inset 0 0 0 1px var(--system-colors-surface-03);
  border-radius: 0;
  padding: 0 var(--space-xs);
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
  height: auto;
  display: flex;
}
.od-btn--option[data-v-dbe5ac35]:first-child, .od-btn.o-btn--option[data-v-dbe5ac35]:first-child {
  border-top-left-radius: var(--border-radius-default);
  border-bottom-left-radius: var(--border-radius-default);
}
.od-btn--option[data-v-dbe5ac35]:last-child, .od-btn.o-btn--option[data-v-dbe5ac35]:last-child {
  border-top-right-radius: var(--border-radius-default);
  border-bottom-right-radius: var(--border-radius-default);
  margin-right: 0;
}
.od-btn--option[data-v-dbe5ac35] i, .od-btn.o-btn--option[data-v-dbe5ac35] i {
  margin-right: 4px;
}
.od-btn--active[data-v-dbe5ac35], .od-btn.o-btn--active[data-v-dbe5ac35] {
  background-color: var(--system-colors-surface-03);
}
.od-btn--active[data-v-dbe5ac35]:hover, .od-btn.o-btn--active[data-v-dbe5ac35]:hover {
  background-color: var(--system-colors-surface-03);
}
.od-btn--small[data-v-dbe5ac35], .od-btn.o-btn--small[data-v-dbe5ac35] {
  height: 30px;
}
.od-btn--small i[data-v-dbe5ac35], .od-btn.o-btn--small i[data-v-dbe5ac35] {
  transform: translateY(2px);
}
.od-btn--action[data-v-dbe5ac35], .od-btn.od-btn--action[data-v-dbe5ac35] {
  background: transparent;
  height: var(--space-base);
  width: var(--space-base);
  border: none;
  min-width: 0;
  padding: 0;
  line-height: 1;
}
.od-btn--action[data-v-dbe5ac35]:hover, .od-btn.od-btn--action[data-v-dbe5ac35]:hover {
  background: transparent;
  color: var(--system-colors-text-icon-colors-hover);
}
.od-btn--action[data-v-dbe5ac35]:active, .od-btn.od-btn--action[data-v-dbe5ac35]:active {
  background: transparent;
}
.od-btn--action i[data-v-dbe5ac35], .od-btn.od-btn--action i[data-v-dbe5ac35] {
  transform: translateY(0px);
}
.od-btn--action[disabled][data-v-dbe5ac35], .od-btn.od-btn--action[disabled][data-v-dbe5ac35] {
  background: transparent;
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-btn--action[disabled][data-v-dbe5ac35]:hover, .od-btn.od-btn--action[disabled][data-v-dbe5ac35]:hover {
  background: transparent;
}
.od-btn--action[disabled] i[data-v-dbe5ac35], .od-btn--action[disabled][data-v-dbe5ac35] i, .od-btn.od-btn--action[disabled] i[data-v-dbe5ac35], .od-btn.od-btn--action[disabled][data-v-dbe5ac35] i {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-btn--active-toggle[data-v-dbe5ac35], .od-btn.od-btn--active-toggle[data-v-dbe5ac35] {
  background-color: var(--system-colors-surface-high-contrast);
  color: var(--system-colors-surface-01);
}.od-label[data-v-61b9847f] {
  display: block;
  color: var(--system-colors-text-icon-colors-primary);
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
  font-family: var(--body-font-family);
}
.od-label.disabled[data-v-61b9847f] {
  color: var(--system-colors-text-icon-colors-disabled);
}.od-textfield[data-v-ae5fba9e] {
  position: relative;
}
.od-textfield .header[data-v-ae5fba9e] {
  display: flex;
  align-items: center;
}
.od-textfield .header .label[data-v-ae5fba9e] {
  flex: 1;
}
.od-textfield .main[data-v-ae5fba9e] {
  display: flex;
  align-items: center;
  position: relative;
  border: var(--system-colors-border-default) 1px solid;
  border-radius: 4px;
  background: var(--system-colors-surface-01);
  height: 40px;
  cursor: text;
  padding: 8px;
}
.od-textfield .main[data-v-ae5fba9e]:hover:not(:focus-within):not(.disabled):not(.error):not(.success) {
  border-color: var(--system-colors-border-hover);
}
.od-textfield .main[data-v-ae5fba9e]:focus-within:not(.error):not(.success) {
  border-color: var(--system-colors-border-selected);
  outline: none;
}
.od-textfield .main[data-v-ae5fba9e]:focus:focus-visible {
  border-color: var(--system-colors-border-default);
  outline: 1px solid var(--system-colors-outline-focussed);
  outline-offset: 1px;
}
.od-textfield .main .clear-button[data-v-ae5fba9e]:focus-visible, .od-textfield .main .mask-button[data-v-ae5fba9e]:focus-visible {
  box-shadow: none;
}
.od-textfield .main:not(:hover):not(:focus):not(:focus-visible):not(:focus-within) .clear-button[data-v-ae5fba9e], .od-textfield .main:not(:hover):not(:focus):not(:focus-visible):not(:focus-within) .mask-button[data-v-ae5fba9e] {
  visibility: hidden;
}
.od-textfield .main .left[data-v-ae5fba9e],
.od-textfield .main .right[data-v-ae5fba9e] {
  margin-top: var(--space-xs);
  align-items: center;
}
.od-textfield .main .left[data-v-ae5fba9e] > * {
  margin-right: var(--space-s);
}
.od-textfield .main .error-icon[data-v-ae5fba9e] {
  color: var(--system-colors-text-icon-colors-error);
}
.od-textfield .main .success-icon[data-v-ae5fba9e] {
  color: var(--system-colors-text-icon-colors-success);
}
.od-textfield .main .center[data-v-ae5fba9e] {
  flex: 1;
  overflow: hidden;
}
.od-textfield .main .center.subtle .input[data-v-ae5fba9e], .od-textfield .main .center.subtle .area[data-v-ae5fba9e] {
  color: var(--system-colors-text-icon-colors-subtle);
  font-style: italic;
}
.od-textfield .main .center .input[data-v-ae5fba9e] {
  font-family: var(--font-family-sans);
  font-size: 14px;
  border: none;
  background: none;
  width: 100%;
  outline: none;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.od-textfield .main .center .input[data-v-ae5fba9e]::placeholder {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-textfield .main .center .area[data-v-ae5fba9e] {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  border-color: var(--system-colors-border-default);
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-shadow: none;
  background: none;
  width: 100%;
  height: var(--od-textarea-height, calc(var(--space-l) - 2px));
  min-height: var(--od-textarea-min-height, auto);
  outline: none;
  color: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  overflow-x: hidden;
  padding: 8px;
}
.od-textfield .main .center .area[data-v-ae5fba9e]:hover:not(:focus-within):not(.disabled):not(.error):not(.success) {
  border-color: var(--system-colors-border-hover);
}
.od-textfield .main .center .area[data-v-ae5fba9e]:focus-within:not(.error):not(.success) {
  border-color: var(--system-colors-border-selected);
  outline: none;
}
.od-textfield .main .center .readonly-field[data-v-ae5fba9e] {
  font-family: var(--font-family-sans);
  font-size: 14px;
}
.od-textfield .main .right[data-v-ae5fba9e] > * {
  margin-left: var(--space-s);
}
.od-textfield .disabled[data-v-ae5fba9e] {
  border-color: var(--system-colors-border-disabled);
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-textfield .inline[data-v-ae5fba9e] {
  border-left: unset;
  border-right: unset;
  border-top: unset;
  border-bottom: 1px solid var(--system-colors-surface-03);
  border-radius: 0;
}
.od-textfield .inline.noborder[data-v-ae5fba9e] {
  border: none;
  height: 38px;
}
.od-textfield .error[data-v-ae5fba9e] {
  border-color: var(--system-colors-border-error);
}
.od-textfield .error[data-v-ae5fba9e]:hover {
  border-color: var(--system-colors-border-error-hover);
}
.od-textfield .success[data-v-ae5fba9e] {
  border-color: var(--system-colors-border-success);
}
.od-textfield .success[data-v-ae5fba9e]:hover {
  border-color: var(--system-colors-border-success-hover);
}
.od-textfield .textarea[data-v-ae5fba9e] {
  border: none;
  height: unset;
  padding: 0;
}
.od-textfield .success.textarea .left[data-v-ae5fba9e],
.od-textfield .error.textarea .left[data-v-ae5fba9e] {
  position: absolute;
  left: var(--space-xs);
}
.od-textfield .success.textarea .area[data-v-ae5fba9e],
.od-textfield .error.textarea .area[data-v-ae5fba9e] {
  padding-left: var(--space-l);
}
.od-textfield .readonly[data-v-ae5fba9e] {
  border: none;
  padding-left: 0;
}
.od-textfield .readonly .left[data-v-ae5fba9e] {
  cursor: default;
}
.od-textfield .footer[data-v-ae5fba9e] {
  margin-top: 4px;
}
.od-textfield .footer .error-text[data-v-ae5fba9e] {
  font-family: var(--font-family-sans);
  font-size: 14px;
  color: var(--system-colors-text-icon-colors-error);
}
.od-textfield .footer .success-text[data-v-ae5fba9e] {
  font-family: var(--font-family-sans);
  font-size: 14px;
  color: var(--system-colors-text-icon-colors-success);
}.wrapper {
  width: 100%;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.od-checkbox[data-v-ba7e563e] {
  position: relative;
  font-family: var(--body-font-family);
}
.od-checkbox:hover .od-checkbox__check[data-v-ba7e563e] {
  border: 1px solid var(--system-colors-border-hover);
}
.od-checkbox:hover .od-checkbox__check[data-v-ba7e563e],
.od-checkbox:hover .od-checkbox__indeterminate[data-v-ba7e563e] {
  background: var(--system-colors-surface-01) !important;
}
.od-checkbox__label[data-v-ba7e563e] {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 14px;
  padding-left: 24px;
  cursor: pointer;
  line-height: var(--space-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}
.od-checkbox__check[data-v-ba7e563e], .od-checkbox__indeterminate[data-v-ba7e563e] {
  display: block;
  position: absolute;
  height: var(--space-medium);
  width: var(--space-medium);
  top: 0;
  border-radius: 4px;
  border: 1px solid var(--system-colors-border-default);
  background-color: var(--system-colors-surface-01);
  transition: all 0.1s linear;
}
.od-checkbox__check i[data-v-ba7e563e], .od-checkbox__indeterminate i[data-v-ba7e563e] {
  color: var(--system-colors-surface-01);
}
.od-checkbox .od-icon[data-v-ba7e563e] {
  transform: translateX(-3px) translateY(-4px);
  font-size: 18px;
}
.od-checkbox__input[data-v-ba7e563e] {
  position: absolute;
  visibility: hidden;
}
.od-checkbox__input:checked ~ .od-checkbox__check[data-v-ba7e563e], .od-checkbox__input:indeterminate ~ .od-checkbox__indeterminate[data-v-ba7e563e] {
  border: 1px solid var(--system-colors-surface-high-contrast);
  background: var(--system-colors-surface-high-contrast);
}
.od-checkbox__input:hover:checked ~ .od-checkbox__check i[data-v-ba7e563e], .od-checkbox__input:hover:checked ~ .od-checkbox__indeterminate i[data-v-ba7e563e] {
  color: var(--system-colors-surface-high-contrast);
}
.od-checkbox__input:hover:checked:disabled ~ .od-checkbox__check i[data-v-ba7e563e], .od-checkbox__input:hover:checked:disabled ~ .od-checkbox__indeterminate i[data-v-ba7e563e] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-checkbox__input:disabled + .od-checkbox__label[data-v-ba7e563e] {
  color: var(--system-colors-text-icon-colors-disabled);
  cursor: default;
}
.od-checkbox__input:disabled ~ .od-checkbox__check[data-v-ba7e563e], .od-checkbox__input:disabled ~ .od-checkbox__indeterminate[data-v-ba7e563e] {
  background: var(--system-colors-surface-01);
  border-color: var(--system-colors-border-disabled);
}
.od-checkbox__input:disabled ~ .od-checkbox__check i[data-v-ba7e563e], .od-checkbox__input:disabled ~ .od-checkbox__indeterminate i[data-v-ba7e563e] {
  color: var(--system-colors-text-icon-colors-disabled);
}.od-searchfield[data-v-2a72b403] {
  position: relative;
}
.od-searchfield .main[data-v-2a72b403] {
  display: flex;
  align-items: center;
  position: relative;
  border: var(--system-colors-border-default) 1px solid;
  border-radius: 4px;
  background: var(--system-colors-surface-01);
  height: 40px;
  cursor: text;
  padding: 8px;
}
.od-searchfield .main[data-v-2a72b403]:hover:not(:focus-within):not(.disabled):not(.error) {
  border-color: var(--system-colors-border-hover);
}
.od-searchfield .main[data-v-2a72b403]:focus-within {
  border-color: var(--system-colors-border-selected);
  outline: none;
}
.od-searchfield .main[data-v-2a72b403]:focus:focus-visible {
  border-color: var(--system-colors-border-default);
  outline: 1px solid var(--system-colors-outline-focussed);
  outline-offset: 1px;
}
.od-searchfield .main .clear-button[data-v-2a72b403], .od-searchfield .main .search-button[data-v-2a72b403] {
  margin: 0 0 0 var(--space-xs);
}
.od-searchfield .main .clear-button[data-v-2a72b403]:focus-visible, .od-searchfield .main .search-button[data-v-2a72b403]:focus-visible {
  box-shadow: none;
}
.od-searchfield .main .clear-button[data-v-2a72b403] {
  margin-right: -var(--space-xs);
}
.od-searchfield .main .left[data-v-2a72b403],
.od-searchfield .main .right[data-v-2a72b403] {
  align-items: center;
}
.od-searchfield .main .left[data-v-2a72b403] > * {
  margin-right: var(--space-s);
}
.od-searchfield .main .error-icon[data-v-2a72b403] {
  color: var(--system-colors-text-icon-colors-error);
}
.od-searchfield .main .center[data-v-2a72b403] {
  flex: 1;
  overflow: hidden;
}
.od-searchfield .main .center .input[data-v-2a72b403] {
  font-family: var(--font-family-sans);
  font-size: 14px;
  border: none;
  background: none;
  width: 100%;
  height: var(--space-l)-2px;
  outline: none;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.od-searchfield .main .center .input[data-v-2a72b403]::placeholder {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-searchfield .main .right[data-v-2a72b403] > * {
  margin-left: var(--space-s);
}
.od-searchfield .disabled[data-v-2a72b403] {
  border-color: var(--system-colors-border-disabled);
}
.od-searchfield .error[data-v-2a72b403] {
  border-color: var(--system-colors-border-error);
}
.od-searchfield .footer[data-v-2a72b403] {
  margin-top: 4px;
}
.od-searchfield .footer .error-text[data-v-2a72b403] {
  font-family: var(--font-family-sans);
  font-size: 14px;
  color: var(--system-colors-text-icon-colors-error);
}
.primary[data-v-2a72b403] {
  position: relative;
  display: flex;
}
.primary .main[data-v-2a72b403] {
  border-radius: 4px 0 0 4px;
  flex-shrink: 0;
  flex-grow: 1;
}
.primary .main .disabled[data-v-2a72b403] {
  border-color: var(--system-colors-border-disabled);
}
.primary .main .error[data-v-2a72b403] {
  border-color: var(--system-colors-border-error);
}
.primary .primary-button[data-v-2a72b403] {
  width: 40px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 0 4px 4px 0;
  background: var(--system-colors-surface-primary);
}.od-accordion[data-v-693c8d75] {
  background-color: var(--system-colors-surface-01);
}
.od-accordion.bordered[data-v-693c8d75] {
  border: 1px solid var(--system-colors-border-default);
  border-radius: 8px;
}
.od-accordion.bordered .visible[data-v-693c8d75] {
  padding: 16px;
}
.od-accordion.bordered .content[data-v-693c8d75] {
  padding: 0 16px 16px;
}
.od-accordion.no-toggle .visible[data-v-693c8d75] {
  cursor: default;
}
.od-accordion[data-v-693c8d75]:hover:not(.od-accordion.no-toggle) {
  border-color: var(--system-colors-border-hover);
}
.od-accordion .visible[data-v-693c8d75] {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.od-accordion .visible[data-v-693c8d75] > :first-child {
  flex-grow: 1;
  max-width: none;
}
.od-accordion .visible[data-v-693c8d75] > :last-child {
  flex-grow: 0;
  margin-left: auto;
  max-width: fit-content;
}
.accordion-enter-active[data-v-693c8d75],
.accordion-leave-active[data-v-693c8d75] {
  transition: height 0.3s ease-in-out;
  overflow: hidden;
}
.accordion-enter[data-v-693c8d75],
.accordion-leave-to[data-v-693c8d75] {
  height: 0;
}.od-dialog[data-v-bff152c4] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: var(--v68a4eade);
  z-index: var(--z-index-dialog);
}
.od-dialog.overlay[data-v-bff152c4] {
  background: rgba(192, 193, 194, 0.6);
}
.od-dialog.fixed[data-v-bff152c4] {
  position: fixed;
}
.od-dialog.fixed > .content[data-v-bff152c4] {
  position: static;
}
.od-dialog .content[data-v-bff152c4] {
  position: sticky;
  top: 0;
  bottom: 0;
  max-height: 100%;
  overflow: hidden;
  background-color: var(--system-colors-surface-01);
  box-shadow: 0 0 0 2px var(--system-colors-border-default);
  border-radius: var(--border-radius-l);
}
.od-dialog .content.od-dialog-s[data-v-bff152c4] {
  width: 400px;
}
.od-dialog .content.od-dialog-m[data-v-bff152c4] {
  width: 500px;
}
.od-dialog .content.od-dialog-l[data-v-bff152c4] {
  width: 700px;
}
.od-dialog .content.od-dialog-xl[data-v-bff152c4] {
  max-height: unset;
  min-width: 100%;
  width: 100%;
  height: 100%;
}
.od-dialog .scrollable-content[data-v-bff152c4] {
  overflow: auto;
  height: inherit;
  max-height: unset;
}
.od-dialog .scrollable-content[data-v-bff152c4]:first-child {
  margin-top: 0 !important;
}
.od-dialog .scrollable-content[data-v-bff152c4]:last-child {
  margin-bottom: 0 !important;
}
.od-dialog .fixed-header-footer[data-v-bff152c4] {
  max-height: calc(100vh - 250px);
}
.od-dialog .fixed-header-footer.fixed-scrollbar[data-v-bff152c4] {
  margin: var(--space-base);
  scrollbar-gutter: stable;
  padding: 0;
}
.od-dialog .un-fixed-header-footer[data-v-bff152c4] {
  padding: var(--space-base) !important;
}
.od-dialog .footer[data-v-bff152c4] {
  display: flex;
}.wrapper[data-v-6178d8c2] {
  display: flex;
  flex-direction: column;
}
.wrapper .show-more-button[data-v-6178d8c2] {
  min-width: 0;
  flex-basis: 0;
}.od-alert[data-v-e53ead37] {
  background: var(--system-colors-surface-high-contrast);
  color: var(--system-colors-text-icon-colors-secondary);
  padding: var(--space-base) var(--space-l);
}
.od-alert.dense[data-v-e53ead37] {
  padding: var(--space-medium) var(--space-base);
}
.od-alert.dense.rounded[data-v-e53ead37] {
  border-radius: var(--space-s);
}
.od-alert[data-v-e53ead37] .show-more-button {
  color: inherit;
  padding: 0;
}
.od-alert .title[data-v-e53ead37] {
  display: flex;
  align-content: center;
  text-transform: uppercase;
  font-weight: 500;
  padding-bottom: var(--space-xs);
}
.od-alert .title i.od-icon[data-v-e53ead37] {
  display: inline;
  color: inherit;
}
.od-alert .title.large-title-gap[data-v-e53ead37] {
  padding-bottom: var(--space-medium);
}
.od-alert .content[data-v-e53ead37] {
  color: inherit;
}
.od-alert .content[data-v-e53ead37] .show-more-button {
  color: inherit;
}
.od-alert.success[data-v-e53ead37] {
  color: black;
  background-color: var(--system-colors-surface-success);
}
.od-alert.error[data-v-e53ead37] {
  color: white;
  background: var(--system-colors-surface-error);
}.od-badge[data-v-31e6c2b9] {
  display: flex;
  align-items: center;
  border-radius: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: var(--font-size-small);
  line-height: 20px;
  padding: 0 8px 0;
}
.od-badge--small[data-v-31e6c2b9] {
  height: 28px;
}
.od-badge--default[data-v-31e6c2b9] {
  height: 40px;
}
.gray[data-v-31e6c2b9] {
  color: var(--system-colors-text-icon-colors-primary);
  background: var(--system-colors-surface-04);
}
.dark-gray[data-v-31e6c2b9] {
  color: var(--system-colors-text-icon-colors-secondary);
  background: var(--cool-gray-60);
}
.contrast[data-v-31e6c2b9] {
  color: var(--system-colors-text-icon-colors-secondary);
  background: var(--system-colors-surface-high-contrast);
}.od-menu {
  display: inline-block;
  position: relative;
}
.od-menu-content .od-menu-content-wrapper {
  border-radius: 8px;
  background: var(--system-colors-surface-01);
  padding: var(--space-s);
  overflow: visible;
}
.od-menu-content .od-menu-content-wrapper hr {
  border: 0;
  border-top: 3px solid var(--system-colors-border-default);
}
.od-menu-content .od-menu-content-wrapper hr.hair {
  border-top: 1px solid var(--system-colors-border-default);
  border-bottom: none;
  margin: var(--space-xs) 0;
}
.od-menu-content .od-menu-content-wrapper :deep(hr.hair) {
  border-top: 1px solid var(--system-colors-border-default);
  border-bottom: none;
  margin: var(--space-xs) 0;
}
.od-menu-content.od-menu--padding-none .od-menu-content-wrapper {
  padding: 0;
}
.od-menu-content.od-menu--padding-none .od-menu-content-wrapper > hr {
  margin: var(--space-xxs) 0;
}
.od-menu-content.od-menu--padding-small .od-menu-content-wrapper {
  padding: var(--space-xs);
}
.od-menu-content.od-menu--padding-small .od-menu-content-wrapper > hr {
  margin: 0;
}
.v-popper--theme-od-menu .v-popper__wrapper {
  color: var(--system-colors-text-icon-colors-primary);
  border: 1px solid var(--system-colors-border-default);
  border-radius: 8px;
  box-shadow: 0 10px 20px 0 rgba(34, 34, 34, 0.1);
  background-color: var(--system-colors-surface-01);
  min-width: 95px;
}
.v-popper--theme-od-menu .v-popper__arrow-outer {
  border-style: solid;
  border-color: var(--system-colors-border-default);
  border-width: 15px;
}
.v-popper--theme-od-menu .v-popper__arrow-inner {
  border-style: solid;
  border-color: var(--system-colors-surface-01);
  visibility: visible;
  border-width: 16px;
}
.v-popper--theme-od-menu.no-pointer .v-popper__arrow-inner {
  visibility: hidden;
}
.v-popper--theme-od-menu.no-pointer .v-popper__arrow-outer {
  visibility: hidden;
}
.v-popper--theme-od-menu.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer, .v-popper--theme-od-menu.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
  left: -10px;
}
.v-popper--theme-od-menu.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner, .v-popper--theme-od-menu.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
  left: -11px;
}
.v-popper--theme-od-menu.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
  top: -15px;
}
.v-popper--theme-od-menu.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
  top: -14px;
}
.v-popper--theme-od-menu.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
  bottom: -15px;
}
.v-popper--theme-od-menu.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
  bottom: -14px;
}
.v-popper--theme-od-menu:focus-visible {
  outline: none;
}
.v-popper--theme-od-menu .v-popper__inner {
  overflow-y: initial;
}.od-li {
  list-style: none;
  display: flex;
  min-height: var(--space-l);
  padding: 0 var(--space-s);
  margin: 1px 0;
  border-radius: var(--border-radius-default);
  line-height: 1.2;
  text-align: left;
  background-color: var(--system-colors-surface-01);
}
.od-li.separator .prefix,
.od-li.separator .content,
.od-li.separator .postfix {
  border-bottom: 1px solid var(--system-colors-border-default);
}
.od-li.no-hover:hover {
  background-color: var(--system-colors-surface-01);
}
.od-li.highlight, .od-li:hover, .od-li:focus {
  background-color: var(--system-colors-surface-hover);
  outline: none;
}
.od-li:first-child {
  margin-top: 0;
}
.od-li:last-child {
  margin-bottom: 0;
}
.od-li .content {
  flex: 1;
}
.od-li > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(var(--space-s) * 0.25);
  min-width: 0;
  max-width: 100%;
}
.od-li .prefix {
  padding: var(--space-xss) var(--space-xss) var(--space-xss) calc(var(--space-s) + var(--space-xss));
}
.od-li .prefix:empty {
  padding: 0 0 0 0;
}
.od-li.clickable {
  cursor: pointer;
}
.od-li.disabled {
  pointer-events: none;
  color: var(--system-colors-text-icon-colors-disabled);
}.flashing-dots[data-v-854d9f69] {
  position: relative;
  border-radius: 50%;
  background: var(--system-colors-surface-04);
  animation: flashing-dots-854d9f69 1s infinite linear alternate;
  animation-delay: 0.5s;
}
.flashing-dots[data-v-854d9f69]::before,
.flashing-dots[data-v-854d9f69]::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.flashing-dots[data-v-854d9f69]::before {
  left: -200%;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  background: var(--system-colors-surface-04);
  animation: flashing-dots-854d9f69 1s infinite alternate;
  animation-delay: 0s;
}
.flashing-dots[data-v-854d9f69]::after {
  left: 200%;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  background: var(--system-colors-surface-04);
  animation: flashing-dots-854d9f69 1s infinite alternate;
  animation-delay: 1s;
}
@keyframes flashing-dots-854d9f69 {
0% {
    background: var(--system-colors-surface-04);
}
50%, 100% {
    background-color: rgba(214, 212, 220, 0.2);
}
}.od-autocomplete {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.od-autocomplete .search-input {
  width: 100%;
}
.od-autocomplete .search-input :deep(input) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:deep(.od-list-item-prefix) {
  display: none !important;
}
:deep(.od-list-item-postfix) {
  display: none !important;
}
.od-autocomplete-content {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  top: 100%;
  left: 0;
  z-index: var(--z-index-dropdown);
  margin: 0;
  width: 100%;
  min-width: 200px;
  background: var(--system-colors-surface-01);
  border: 1px solid var(--system-colors-surface-03);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-default);
  user-select: none;
  max-height: 300px;
  overflow-x: hidden;
  padding: var(--space-xs);
}
.od-autocomplete-content:focus {
  outline: none;
}
.od-autocomplete-content.wide {
  min-width: 540px;
}
.od-autocomplete-content .od-list-item .content {
  max-width: 100%;
  min-width: 0;
}
.od-autocomplete-content .od-list-item.with-second-line {
  min-height: var(--space-l);
}
.od-autocomplete-content .autocomplete-item .list-item-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.od-autocomplete-content .autocomplete-item.sep-header {
  color: var(--system-colors-text-icon-colors-primary);
  font-weight: 500;
  position: relative;
}
.od-autocomplete-content .autocomplete-item.sep-header::before {
  position: absolute;
  content: "";
  width: calc(100% - 16px);
  height: 1px;
  bottom: 1px;
  background: var(--system-colors-stroke-default);
}
.od-autocomplete-content .autocomplete-item:not(.sep-header) {
  cursor: pointer;
}
.od-autocomplete-content .autocomplete-item .description {
  padding-top: var(--space-xxs);
  font-size: var(--font-size-small);
}
.od-autocomplete-content .autocomplete-item .display-on-hover-icon {
  display: none;
}
.od-autocomplete-content .autocomplete-item:hover .display-on-hover-icon {
  display: block;
}
.od-autocomplete-content .scroller {
  max-height: 280px;
}.od-multi-autocomplete {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.od-multi-autocomplete .search-input {
  width: 100%;
}
.od-multi-autocomplete .search-input :deep(input) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:deep(.od-list-item-prefix) {
  display: none !important;
}
:deep(.od-list-item-postfix) {
  display: none !important;
}
.od-multi-autocomplete-content {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  top: 100%;
  left: 0;
  z-index: var(--z-index-dropdown);
  margin: 0;
  width: 100%;
  min-width: 200px;
  background: var(--system-colors-surface-01);
  border: 1px solid var(--system-colors-surface-03);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-default);
  user-select: none;
  max-height: 300px;
  overflow-x: hidden;
  padding: var(--space-xs);
}
.od-multi-autocomplete-content:focus {
  outline: none;
}
.od-multi-autocomplete-content.wide {
  min-width: 540px;
}
.od-multi-autocomplete-content .od-list-item .content {
  max-width: 100%;
  min-width: 0;
}
.od-multi-autocomplete-content .od-list-item.with-second-line {
  min-height: var(--space-l);
}
.od-multi-autocomplete-content .autocomplete-item .list-item-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.od-multi-autocomplete-content .autocomplete-item.sep-header {
  color: var(--system-colors-text-icon-colors-primary);
  font-weight: 500;
  position: relative;
}
.od-multi-autocomplete-content .autocomplete-item.sep-header::before {
  position: absolute;
  content: "";
  width: calc(100% - 16px);
  height: 1px;
  bottom: 1px;
  background: var(--system-colors-stroke-default);
}
.od-multi-autocomplete-content .autocomplete-item:not(.sep-header) {
  cursor: pointer;
}
.od-multi-autocomplete-content .autocomplete-item .description {
  padding-top: var(--space-xxs);
  font-size: var(--font-size-small);
}
.od-multi-autocomplete-content .autocomplete-item .display-on-hover-icon {
  display: none;
}
.od-multi-autocomplete-content .autocomplete-item:hover .display-on-hover-icon {
  display: block;
}
.od-multi-autocomplete-content .scroller {
  max-height: 280px;
}.od-multi-autocomplete {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.od-multi-autocomplete .search-input {
  width: 100%;
}
.od-multi-autocomplete .search-input :deep(input) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:deep(.od-list-item-prefix) {
  display: none !important;
}
:deep(.od-list-item-postfix) {
  display: none !important;
}
.od-multi-autocomplete-content {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  top: 100%;
  left: 0;
  z-index: var(--z-index-dropdown);
  margin: 0;
  width: 100%;
  min-width: 200px;
  background: var(--system-colors-surface-01);
  border: 1px solid var(--system-colors-surface-03);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-default);
  user-select: none;
  max-height: 300px;
  overflow-x: hidden;
  padding: var(--space-xs);
}
.od-multi-autocomplete-content:focus {
  outline: none;
}
.od-multi-autocomplete-content.wide {
  min-width: 540px;
}
.od-multi-autocomplete-content .od-list-item .content {
  max-width: 100%;
  min-width: 0;
}
.od-multi-autocomplete-content .od-list-item.with-second-line {
  min-height: var(--space-l);
}
.od-multi-autocomplete-content .autocomplete-item .list-item-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.od-multi-autocomplete-content .autocomplete-item.sep-header {
  color: var(--system-colors-text-icon-colors-primary);
  font-weight: 500;
  position: relative;
}
.od-multi-autocomplete-content .autocomplete-item.sep-header::before {
  position: absolute;
  content: "";
  width: calc(100% - 16px);
  height: 1px;
  bottom: 1px;
  background: var(--system-colors-stroke-default);
}
.od-multi-autocomplete-content .autocomplete-item:not(.sep-header) {
  cursor: pointer;
}
.od-multi-autocomplete-content .autocomplete-item .description {
  padding-top: var(--space-xxs);
  font-size: var(--font-size-small);
}
.od-multi-autocomplete-content .autocomplete-item .display-on-hover-icon {
  display: none;
}
.od-multi-autocomplete-content .autocomplete-item:hover .display-on-hover-icon {
  display: block;
}
.od-multi-autocomplete-content .scroller {
  max-height: 280px;
}.od-breadcrumbs[data-v-fca75729] {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  flex-shrink: 0;
  color: var(--system-colors-text-icon-colors-primary);
}
.od-breadcrumbs__link[data-v-fca75729] {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  font: inherit;
  line-height: normal;
  -webkit-appearance: none;
  transition: color 0.2s linear;
}
.od-breadcrumbs__link[data-v-fca75729]:hover, .od-breadcrumbs__link[data-v-fca75729]:focus {
  color: var(--system-colors-text-icon-colors-hover);
  outline: none;
}
.od-breadcrumbs__link[data-v-fca75729]:active {
  outline: none;
}
.od-breadcrumbs__link[data-v-fca75729]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.od-breadcrumbs__primary-link[data-v-fca75729] {
  color: var(--system-colors-surface-primary);
}
.od-breadcrumbs__primary-link[data-v-fca75729]:hover, .od-breadcrumbs__primary-link[data-v-fca75729]:focus {
  color: var(--system-colors-surface-primary-hover);
  outline: none;
}
.od-breadcrumbs__primary-link[data-v-fca75729]:active {
  color: var(--system-colors-surface-primary-pressed);
  outline: none;
}
.od-breadcrumbs__item[data-v-fca75729] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.od-breadcrumbs__item[data-v-fca75729]::after {
  display: inline-block;
  padding: 0 var(--space-xs);
  content: "/";
  color: var(--system-colors-text-icon-colors-primary);
}
.od-breadcrumbs__item[data-v-fca75729]:last-child::after {
  content: "";
}.od-svg-icon[data-v-efcb35f8] {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  line-height: 0;
  height: 20px;
  width: 20px;
}
.od-svg-icon--black[data-v-efcb35f8] {
  color: var(--system-colors-text-icon-colors-primary);
}
.od-svg-icon--white[data-v-efcb35f8] {
  color: var(--white);
}
.od-svg-icon--green[data-v-efcb35f8], .od-svg-icon--success[data-v-efcb35f8] {
  color: var(--cool-green-40);
}
.od-svg-icon--fail[data-v-efcb35f8] {
  color: var(--system-colors-text-icon-colors-error);
}
.od-svg-icon--warning[data-v-efcb35f8] {
  color: var(--system-colors-text-icon-colors-warning);
}
.od-svg-icon--disabled[data-v-efcb35f8] {
  color: var(--system-colors-text-icon-colors-disabled);
  pointer-events: none;
}
.od-svg-icon--loading[data-v-efcb35f8] {
  overflow: hidden;
  border-radius: 50%;
  width: 0.9em;
  height: 0.9em;
  font-size: 20px;
  position: relative;
  text-indent: -9999em;
  border: 0.1em solid var(--system-colors-stroke-default);
  border-left: 0.1em solid var(--system-colors-border-high-contrast);
  transform: translateZ(0);
  animation: loadinganimation-efcb35f8 1.1s infinite cubic-bezier(0.3, 0.2, 0.3, 0.5);
}
.od-svg-icon--loading.od-svg-icon--white[data-v-efcb35f8] {
  border: 0.1em solid rgba(var(--white), 0.1);
  border-left: 0.1em solid var(--white);
}
.od-svg-icon--loading[data-v-efcb35f8]:after {
  border-radius: 50%;
  width: 0.9em;
  height: 0.9em;
}
@keyframes loadinganimation-efcb35f8 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.od-svg-icon--large[data-v-efcb35f8] {
  font-size: 28px;
  height: 30px;
  width: 30px;
}
.od-svg-icon--large[data-v-efcb35f8]:after {
  height: 25px;
}
.od-svg-icon--medium[data-v-efcb35f8] {
  font-size: 23px;
  height: 24px;
  width: 24px;
}
.od-svg-icon--medium[data-v-efcb35f8]:after {
  height: 21px;
}
.od-svg-icon--small-medium[data-v-efcb35f8] {
  font-size: 19px;
  height: 20px;
  width: 20px;
}
.od-svg-icon--small[data-v-efcb35f8] {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.od-svg-icon--rounded[data-v-efcb35f8] {
  border-radius: 2px;
}
.od-svg-icon {
svg path {
    fill: currentColor;
}
}
.od-icon-button[data-v-85eb311f] {
  width: 40px;
  padding: 0;
  min-width: auto;
}
.od-icon-button.small[data-v-85eb311f] {
  width: 24px;
}.od-circled[data-v-96ae78bd] {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.od-circled.large[data-v-96ae78bd] {
  height: var(--space-l);
  width: var(--space-l);
}
.od-circled.base[data-v-96ae78bd] {
  height: var(--space-base);
  width: var(--space-base);
}
.od-circled.medium[data-v-96ae78bd] {
  height: var(--space-medium);
  width: var(--space-medium);
}.od-tile[data-v-9e90fcb9] {
  display: flex;
  flex-direction: column;
  width: 21.625rem;
  border-radius: var(--border-radius-l);
  border: 1px solid var(--system-colors-border-default);
}
.icon-wrapper[data-v-9e90fcb9] {
  background: var(--system-colors-surface-02);
  overflow: hidden;
}
.header[data-v-9e90fcb9] {
  display: flex;
  width: 100%;
  padding: 0;
  border: 0;
  text-align: left;
  align-items: center;
  min-height: 2.375rem;
}
.header.is-expandable[data-v-9e90fcb9] {
  cursor: pointer;
}
.info[data-v-9e90fcb9] {
  flex-grow: 1;
}
.info-items[data-v-9e90fcb9] {
  border-top: 1px solid var(--system-colors-border-default);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.info-item[data-v-9e90fcb9] {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  flex-wrap: nowrap;
  align-items: flex-end;
  line-height: 21px;
  font-size: var(--font-size-small);
}
.info-item.is-action[data-v-9e90fcb9] {
  cursor: pointer;
  line-height: 30px;
  margin-left: calc(-1 * var(--space-s));
  margin-right: calc(-1 * var(--space-s));
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}
.info-item.is-action[data-v-9e90fcb9]:hover, .info-item.is-action[data-v-9e90fcb9]:focus {
  background: var(--system-colors-surface-02);
}
.info-item + .info-item[data-v-9e90fcb9] {
  margin-top: var(--space-s);
}
.info-item__value[data-v-9e90fcb9] {
  font-weight: 500;
  font-size: var(--font-size-base);
}
.info-item.has-divider[data-v-9e90fcb9] {
  border-top: 1px solid var(--system-colors-border-default);
  padding-top: var(--space-s);
}
.info-item--sub[data-v-9e90fcb9] {
  padding-left: var(--space-medium);
  margin-left: var(--space-xs);
}.drawer-button[data-v-9629b550] {
  text-transform: none;
  letter-spacing: normal;
  padding: 0;
  font-size: 12px;
  min-width: 40px !important;
  height: 40px !important;
  border: none;
  background: var(--system-colors-surface-01);
  color: var(--system-colors-text-icon-colors-primary);
}
.drawer-button[data-v-9629b550]:hover:not(:focus-visible):not(:active) {
  background: var(--system-colors-surface-hover);
}
.drawer-button[data-v-9629b550]:focus {
  outline: none;
}
.drawer-button[data-v-9629b550]:focus-visible:not(:active) {
  outline: none;
}
.drawer-button[data-v-9629b550]:active {
  background: var(--system-colors-surface-selected);
}
.drawer-button.bordered[data-v-9629b550] {
  border-radius: 4px;
  border: 1px solid var(--system-colors-border-default);
  background: var(--system-colors-surface-01);
}
.drawer-button[disabled][data-v-9629b550] {
  opacity: 1;
  background: var(--system-colors-surface-01);
  color: var(--system-colors-text-icon-colors-disabled);
}.drawer[data-v-439b4cd3] {
  display: inline-flex;
  height: 40px;
  overflow: hidden;
  border-radius: 8px;
  user-select: none;
}
.drawer--right[data-v-439b4cd3] {
  flex-direction: row;
}
.drawer--left[data-v-439b4cd3] {
  flex-direction: row-reverse;
}
.drawer.is-disabled[data-v-439b4cd3] {
  pointer-events: none;
  opacity: 0.5;
}
.drawer__trigger.drawer-button[data-v-439b4cd3] {
  z-index: 2;
  margin-right: 0;
  border: 1px solid var(--system-colors-border-high-contrast) !important;
  border-radius: 8px;
  box-shadow: none;
  position: relative;
  overflow: visible;
  height: 100%;
  width: calc(40px - 8px);
  font-size: 12px;
  line-height: 40px;
}
.drawer__trigger.drawer-button[data-v-439b4cd3]:hover, .drawer__trigger.drawer-button[data-v-439b4cd3]:focus {
  filter: none;
}
.drawer--right > .drawer__trigger.drawer-button[data-v-439b4cd3] {
  border-right: none !important;
  padding-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.drawer--right > .drawer__trigger.drawer-button[data-v-439b4cd3]::before {
  left: 100%;
  border-radius: 0 8px 8px 0;
  border-left: none;
}
.drawer--left > .drawer__trigger.drawer-button[data-v-439b4cd3] {
  border-left: none !important;
  padding-left: 0;
}
.drawer--left > .drawer__trigger.drawer-button[data-v-439b4cd3]:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.drawer--left > .drawer__trigger.drawer-button[data-v-439b4cd3]::before {
  right: 100%;
  border-radius: 8px 0 0 8px;
  border-right: none;
}
.drawer--open > .drawer__trigger.drawer-button[data-v-439b4cd3]::before {
  box-sizing: border-box;
  content: "";
  position: absolute;
  height: calc(100% - 8px);
  width: 1px;
  background: var(--system-colors-stroke-default-not-interactable);
  background-clip: content-box;
  border: 0;
  transition: border-radius 0.2s ease-in-out;
  border-radius: 0;
}
.drawer__main[data-v-439b4cd3],
.drawer__additional[data-v-439b4cd3] {
  border: 1px solid var(--system-colors-border-high-contrast);
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  height: 100%;
}
.drawer__main > .drawer-button[data-v-439b4cd3],
.drawer__additional > .drawer-button[data-v-439b4cd3] {
  height: 40px;
  width: 40px;
  line-height: calc(40px - 2px);
  box-shadow: none;
}
.drawer__main > .drawer-button[data-v-439b4cd3]:first-child, .drawer__main > .drawer-button[data-v-439b4cd3]:last-child,
.drawer__additional > .drawer-button[data-v-439b4cd3]:first-child,
.drawer__additional > .drawer-button[data-v-439b4cd3]:last-child {
  border-radius: 0;
}
.drawer__main > .drawer-button[data-v-439b4cd3]:hover, .drawer__main > .drawer-button[data-v-439b4cd3]:focus,
.drawer__additional > .drawer-button[data-v-439b4cd3]:hover,
.drawer__additional > .drawer-button[data-v-439b4cd3]:focus {
  filter: none;
}
.drawer__main[data-v-439b4cd3] {
  flex: 1 0 auto;
}
.drawer--right > .drawer__main[data-v-439b4cd3] {
  transform: translateX(calc(-100% + 8px));
  transform-origin: left;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  padding-left: 8px;
}
.drawer--left > .drawer__main[data-v-439b4cd3] {
  transform: translateX(calc(100% - 8px));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  padding-right: 0;
}
.drawer--left > .drawer__main[data-v-439b4cd3] > * {
  opacity: 0;
}
.drawer--open > .drawer__main[data-v-439b4cd3] {
  transform: translateX(0);
}
.drawer--open > .drawer__main[data-v-439b4cd3] > * {
  opacity: 1;
}
.drawer__additional[data-v-439b4cd3] {
  opacity: 0;
  pointer-events: none;
}
.drawer__additional--without-border[data-v-439b4cd3] {
  border: none;
}
.drawer--left > .drawer__additional[data-v-439b4cd3] {
  margin-right: 16px;
  transform: translateX(calc(100% + 20px));
}
.drawer--right > .drawer__additional[data-v-439b4cd3] {
  margin-left: 16px;
  transform: translateX(calc(-100% - 20px));
}
.drawer--open > .drawer__additional[data-v-439b4cd3] {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.od-list[data-v-b00d7559] {
  padding: 1px 0 !important;
  z-index: 6000;
  display: flex;
  flex-direction: column;
}

.od-svg {
&[data-v-28deb9b7] {

  font-size: 24px;
  height: 24px;
}
img[data-v-28deb9b7] {
    scale: 1.2;
}
&.disabled {
img[data-v-28deb9b7] {
      opacity: 0.5;
}
}
}
.od-menu-content__item[data-v-9e9b8182] {
  cursor: pointer;
}
.od-menu-content__item[data-v-9e9b8182] .o-list-item-prefix {
  padding: 0 !important;
}.od-bcb-menu {
  font-size: 14px;
  display: inline-block;
  position: relative;
}
.od-bcb-menu-trigger {
  display: flex;
  height: 100%;
}
.od-bcb-menu-popper {
  color: var(--system-colors-text-icon-colors-primary);
  box-shadow: 0 10px 20px 0 rgba(34, 34, 34, 0.1);
  background-color: var(--system-colors-surface-01);
  border-radius: 6px;
  border: 1px solid var(--system-colors-border-default);
  min-width: 95px;
  position: fixed;
  z-index: var(--e466050c);
}
.od-bcb-menu-popper.no-pointer .od-bcb-menu-arrow {
  display: none;
}
.od-bcb-menu-popper.pointer .od-bcb-menu-arrow {
  display: block;
}
.od-bcb-menu-arrow {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 1;
}
.od-bcb-menu-arrow.top-start, .od-bcb-menu-arrow.top-end {
  bottom: -15px;
  left: 13px;
}
.od-bcb-menu-arrow.top-start .od-bcb-menu-arrow-outer, .od-bcb-menu-arrow.top-end .od-bcb-menu-arrow-outer {
  border-width: 15px 15px 0;
  border-color: var(--system-colors-border-default) transparent transparent;
  bottom: 0;
}
.od-bcb-menu-arrow.top-start .od-bcb-menu-arrow-inner, .od-bcb-menu-arrow.top-end .od-bcb-menu-arrow-inner {
  border-width: 14px 14px 0;
  border-color: var(--system-colors-surface-01) transparent transparent;
  bottom: 2px;
}
.od-bcb-menu-arrow.top-end {
  left: auto;
  right: 13px;
}
.od-bcb-menu-arrow.bottom-start, .od-bcb-menu-arrow.bottom-end {
  top: -15px;
  left: 13px;
}
.od-bcb-menu-arrow.bottom-start .od-bcb-menu-arrow-outer, .od-bcb-menu-arrow.bottom-end .od-bcb-menu-arrow-outer {
  border-width: 0 15px 15px;
  border-color: transparent transparent var(--system-colors-border-default);
  top: 0;
}
.od-bcb-menu-arrow.bottom-start .od-bcb-menu-arrow-inner, .od-bcb-menu-arrow.bottom-end .od-bcb-menu-arrow-inner {
  border-width: 0 14px 14px;
  border-color: transparent transparent var(--system-colors-surface-01);
  top: 2px;
}
.od-bcb-menu-arrow.bottom-end {
  left: auto;
  right: 32px;
}
.od-bcb-menu-arrow.right-start {
  left: -15px;
  top: 3px;
}
.od-bcb-menu-arrow.right-start .od-bcb-menu-arrow-outer {
  border-width: 15px 15px 15px 0;
  border-color: transparent var(--system-colors-border-default) transparent transparent;
  left: 0;
}
.od-bcb-menu-arrow.right-start .od-bcb-menu-arrow-inner {
  border-width: 14px 14px 14px 0;
  border-color: transparent var(--system-colors-surface-01) transparent transparent;
  left: 2px;
}
.od-bcb-menu-arrow-outer, .od-bcb-menu-arrow-inner {
  border-style: solid;
  position: absolute;
}
.od-bcb-menu-content-wrapper {
  padding: 2px;
  overflow: visible;
}
.od-bcb-menu-content-wrapper.no-padding {
  padding: 0;
}.od-radio[data-v-4737c216] {
  position: relative;
}
.od-radio .label[data-v-4737c216] {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 14px;
  padding-left: 24px;
  cursor: pointer;
  line-height: 16px;
}
.od-radio .label ~ .input:disabled + .check[data-v-4737c216] {
  border-color: var(--system-colors-border-default);
}
.od-radio .label ~ .input:disabled + .check[data-v-4737c216]::before {
  background: rgb(var(--system-colors_surface_03));
}
.od-radio .input:disabled + .label[data-v-4737c216] {
  color: var(--system-colors-text-icon-colors-disabled);
  cursor: default;
}
.od-radio .input:disabled + .label .subline[data-v-4737c216] {
  color: var(--system-colors-text-icon-colors-disabled);
  cursor: default;
}
.od-radio .input:disabled + .label + .check[data-v-4737c216] {
  border-color: var(--system-colors-border-default);
}
.od-radio .input:disabled + .label + .check[data-v-4737c216]::before {
  background: var(--system-colors_surface_03);
}
.od-radio .check[data-v-4737c216] {
  display: block;
  position: absolute;
  border: 1px solid var(--system-colors-text-icon-colors-disabled);
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 1px;
  background: var(--system-colors-surface-01);
  transition: border 0.2s linear;
}
.od-radio .check[data-v-4737c216]::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.2s linear;
}
.od-radio .input:not(:disabled) + .label:hover + .check[data-v-4737c216] {
  border: 1px solid var(--system-colors-border-hover);
}
.od-radio .input:not(:disabled) + .label:focus + .check[data-v-4737c216] {
  box-shadow: 0 0 0 1px var(--system-colors-outline-focussed);
}
.od-radio .input[data-v-4737c216] {
  position: absolute;
  visibility: hidden;
}
.od-radio .input:checked ~ .check[data-v-4737c216] {
  border: 1px solid var(--system-colors-border-selected);
}
.od-radio .input:checked ~ .check[data-v-4737c216]::before {
  background: var(--system-colors-border-selected);
}
.od-radio .subline[data-v-4737c216] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--system-colors-border-selected);
}.od-radio-group[data-v-0271fff6] {
  list-style-type: none;
  margin: 0;
}
.od-radio-group li + li[data-v-0271fff6] {
  margin-top: 0.5rem;
}.od-toggle-text-btn[data-v-5ae9e8d7] {
  padding: 0 1.5rem;
  height: 2.5rem;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  font-family: var(--body-font-family);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--system-colors-surface-high-contrast);
  background: var(--system-colors-surface-01);
  color: var(--system-colors-text-icon-colors-primary);
  cursor: pointer;
  overflow: hidden;
}
.od-toggle-text-btn[data-v-5ae9e8d7]:hover {
  background: var(--system-colors-surface-02);
}
.od-toggle-text-btn[data-v-5ae9e8d7]:active {
  color: var(--system-colors-text-icon-colors-primary);
  border-color: var(--system-colors-surface-high-contrast);
}
.od-toggle-text-btn:active i[data-v-5ae9e8d7] {
  color: var(--system-colors-text-icon-colors-primary);
}
.od-toggle-text-btn[disabled][data-v-5ae9e8d7] {
  cursor: default;
  border-color: var(--system-colors-border-disabled);
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-toggle-text-btn[disabled][data-v-5ae9e8d7]:hover {
  background: none;
}
.od-toggle-text-btn[disabled] i[data-v-5ae9e8d7] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-toggle-text-btn--small[data-v-5ae9e8d7] {
  height: 25px;
  padding: 0 16px 0 16px;
  border-radius: 16px;
}
.od-toggle-text-btn--selected[data-v-5ae9e8d7] {
  background: var(--system-colors-surface-high-contrast);
  color: var(--system-colors-surface-01);
}
.od-toggle-text-btn--selected[data-v-5ae9e8d7]:hover {
  background: var(--system-colors-surface-high-contrast);
}
.main-title[data-v-ad0f1079] {
  font-family: Jarvis-Protipo, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  padding-bottom: 16px;
}
.sort-flyout-menu[data-v-ad0f1079] {
  padding: 16px;
}
.button-bar[data-v-ad0f1079] {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}.v-od-tooltip {
  .inner {
    background: var(--system-colors-surface-high-contrast);
    color: var(--system-colors-text-icon-colors-secondary);
    border-radius: var(--border-radius-l);
    padding: 7px 12px 6px;
    font-size: 12px;
    font-weight: 500;
  }

  .arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    pointer-events: none;
  }

  .arrow-outer {
    position: absolute;
    width: 0;
    height: 0;
  }

  .arrow-outer {
    border-style: solid;
    border-color: transparent;
  }

  &[data-placement="top"] .arrow-outer {
    border-width: 10px 10px 0 10px;
    border-top-color: var(--system-colors-surface-high-contrast);
    bottom: 0;
    left: 0;
  }

  &[data-placement="bottom"] .arrow-outer {
    border-width: 0 10px 10px 10px;
    border-bottom-color: var(--system-colors-surface-high-contrast);
    top: 0;
    left: 0;
  }

  &[data-placement="left"] .arrow-outer {
    border-width: 10px 0 10px 10px;
    border-left-color: var(--system-colors-surface-high-contrast);
    right: 0;
    top: 0;
  }

  &[data-placement="right"] .arrow-outer {
    border-width: 10px 10px 10px 0;
    border-right-color: var(--system-colors-surface-high-contrast);
    left: 0;
    top: 0;
  }
}
.main-title[data-v-e1722369] {
  font-family: Jarvis-Protipo, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  padding-bottom: 16px;
}
.filter-flyout-menu[data-v-e1722369] {
  padding: 16px;
}
.separator[data-v-e1722369] {
  border-top: 1px solid #888c8f;
  margin-top: 16px;
  margin-bottom: 16px;
}
.filter-options[data-v-e1722369] {
  padding: 8px 16px 8px 16px;
  background-color: var(--system-colors-surface-02);
}
.button-bar[data-v-e1722369] {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}ul[data-v-516e8e49] {
  padding: 0;
  margin: 0;
}
.od-select[data-v-516e8e49] {
  font-family: var(--body-font-family);
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.od-select .wrapper[data-v-516e8e49] {
  position: relative;
  width: 100%;
}
.od-select .wrapper .chevron[data-v-516e8e49] {
  right: var(--space-s);
  margin-left: auto;
}
.od-select .wrapper .spinner[data-v-516e8e49] {
  position: absolute;
}
.od-select .state-icon[data-v-516e8e49] {
  pointer-events: initial;
}
.od-select.error .selected[data-v-516e8e49] {
  border-color: var(--system-colors-border-error);
}
.od-select.error .selected[data-v-516e8e49]:hover:not(.open) {
  border-color: var(--system-colors-border-error-hover);
}
.od-select.error .selected .state-icon[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-error);
}
.od-select.error .message[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-error);
}
.od-select.success .selected[data-v-516e8e49] {
  border-color: var(--system-colors-border-success);
}
.od-select.success .selected[data-v-516e8e49]:hover:not(.open) {
  border-color: var(--system-colors-border-success-hover);
}
.od-select.success .selected .state-icon[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-success);
}
.od-select.success .message[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-success);
}
.od-select .selected[data-v-516e8e49] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid var(--system-colors-border-default);
  border-radius: var(--border-radius-default);
  background-color: var(--system-colors-surface-01);
  line-height: 1;
  color: var(--system-colors-text-icon-colors-primary);
  width: 100%;
  height: 40px;
  padding: var(--space-s);
  cursor: pointer;
}
.od-select .selected .clear[data-v-516e8e49] {
  visibility: hidden;
}
.od-select .selected .clear.visible[data-v-516e8e49] {
  visibility: visible;
}
.od-select .selected:not(:hover):not(.open) .clear[data-v-516e8e49] {
  visibility: hidden;
}
.od-select .selected[data-v-516e8e49]:focus-visible {
  box-shadow: 0 0 0 1px var(--system-colors-surface-01), 0 0 0 2px var(--system-colors-outline-focussed);
  outline: none;
}
.od-select .selected[data-v-516e8e49]:focus:active {
  box-shadow: none;
}
.od-select .selected[data-v-516e8e49]:focus {
  outline: none;
}
.od-select .selected[data-v-516e8e49]:hover {
  border-color: var(--system-colors-border-hover);
}
.od-select .selected.open[data-v-516e8e49] {
  border-color: var(--system-colors-border-selected);
}
.od-select .value[data-v-516e8e49] {
  display: none;
}
.od-select .text[data-v-516e8e49] {
  display: inline-block;
  height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
}
.od-select .text.placeholder[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-select .dropdown[data-v-516e8e49] {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-index-dropdown);
  padding: var(--space-xxs);
  margin: var(--space-xxs) 0 0;
  width: 100%;
  min-width: 120px;
  background: var(--system-colors-surface-01);
  border: 1px solid var(--system-colors-border-default);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius-default);
}
.od-select .dropdown[data-v-516e8e49]:focus {
  outline: none;
}
.od-select .dropdown.to-top[data-v-516e8e49] {
  top: -4px;
  transform: translateY(-100%);
}
.od-select .dropdown [selected][data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-primary);
}
.od-select .dropdown.scroll[data-v-516e8e49] {
  max-height: 270px;
}
.od-select.disabled[data-v-516e8e49] {
  pointer-events: none;
}
.od-select.disabled .text[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-select.disabled .text.placeholder[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-select.disabled i[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.od-select.disabled .selected[data-v-516e8e49] {
  cursor: default;
}
.od-select.readonly[data-v-516e8e49] {
  pointer-events: none;
}
.od-select.readonly .state-icon[data-v-516e8e49] {
  cursor: default;
}
.od-select.readonly .selected[data-v-516e8e49] {
  border-color: transparent;
  padding-left: 0;
}
.od-select .scroller[data-v-516e8e49] {
  max-height: calc(270px - 2 * var(--space-xxs) - 2px);
}
.od-select.wide[data-v-516e8e49] {
  min-width: 540px;
}
.od-select.inline .selected[data-v-516e8e49] {
  border: none !important;
  border-bottom: 1px solid var(--system-colors-border-default) !important;
  border-radius: 0;
  background-color: transparent;
}
.od-select.inline .selected[data-v-516e8e49]:focus, .od-select.inline .selected.open[data-v-516e8e49] {
  border-bottom-color: var(--system-colors-border-high-contrast) !important;
}
.od-select.inline .selected[data-v-516e8e49]:focus-visible {
  box-shadow: none;
  outline: none;
}
.od-select.inline.noborder .selected[data-v-516e8e49] {
  border-bottom-color: transparent !important;
  height: 38px;
}
.od-select.inline.noborder .selected[data-v-516e8e49]:focus, .od-select.inline.noborder .selected.open[data-v-516e8e49] {
  border-bottom-color: transparent !important;
}
.od-select .od-li[data-v-516e8e49] {
  margin-top: 2px;
}
.od-select .od-li.first[data-v-516e8e49] {
  margin-top: 0;
}
.od-select .od-li.is-separator[data-v-516e8e49] {
  pointer-events: none;
  color: var(--system-colors-text-icon-colors-primary);
  font-weight: 500;
  position: relative;
}
.od-select .od-li.is-separator[data-v-516e8e49]::before {
  position: absolute;
  content: "";
  width: calc(100% - 16px);
  height: 1px;
  bottom: 1px;
  background: var(--system-colors-stroke-default);
}
.od-select ul[data-v-516e8e49] {
  color: var(--system-colors-text-icon-colors-primary);
  font-weight: 400;
}
.od-select-content.dropdown.withTeleport {
  position: fixed;
  z-index: 10000;
  padding: var(--space-xxs);
  width: 100%;
  min-width: 120px;
  background: var(--system-colors-surface-01);
  border: 1px solid var(--system-colors-border-default);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius-default);
&:focus {
    outline: none;
}
[selected] {
    color: var(--system-colors-text-icon-colors-primary);
}
&.scroll {
    max-height: min(270px, calc(var(--od-select-available-height, 50vh) - 8px));
    overflow-y: auto;
}
.scroller {
    max-height: calc(min(270px, calc(var(--od-select-available-height, 50vh) - 8px)) - 2 * var(--space-xxs) - 2px);
}
}
.od-select-inline[data-v-12bff76d] {
  font-family: var(--body-font-family);
  font-size: 14px;
  display: inline-block;
}
.od-select-inline__label[data-v-12bff76d] {
  display: inline-block;
  padding-right: var(--space-xxs);
}
.od-select-inline__wrapper[data-v-12bff76d] {
  position: relative;
  display: inline-block;
}
.od-select-inline__selected[data-v-12bff76d] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.od-select-inline__selected[data-v-12bff76d]:focus {
  outline: none;
}
.od-select-inline__value[data-v-12bff76d] {
  display: none;
}
.od-select-inline__text[data-v-12bff76d] {
  display: inline-block;
  font-weight: 500;
}
.od-select-inline__dropdown[data-v-12bff76d] {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 0 1px;
  background: var(--system-colors-surface-01);
  border: 1px solid var(--system-colors-border-default);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-default);
}
.od-select-inline__dropdown[data-v-12bff76d]:focus {
  outline: none;
}
.od-select-inline__dropdown [selected][data-v-12bff76d] {
  font-weight: 500;
}
.od-select-inline__dropdown--scroll[data-v-12bff76d] {
  padding: 0 4px 0 1px;
  max-height: 270px;
  overflow-y: auto;
}.od-th[data-v-f8b53059] {
  font-weight: 400;
  text-align: left;
  padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-s);
  height: var(--space-l);
  z-index: var(--z-index-above-zero);
}
.od-th .flex-wrapper[data-v-f8b53059] {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.od-th.resizeable[data-v-f8b53059] {
  padding-right: 0;
}
.od-th.resizing[data-v-f8b53059] {
  user-select: none;
}
.od-th.fixed[data-v-f8b53059] {
  left: 0;
  position: sticky;
  background-color: var(--system-colors-surface-01);
}
.od-th.fixed[data-v-f8b53059]::before {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  bottom: -1px;
  width: 10px;
  z-index: 1;
  background: radial-gradient(ellipse at 0% 100%, rgba(0, 0, 0, 0.05), transparent);
}
.od-th[data-v-f8b53059]:last-child {
  border-right: none;
}
.od-th__content[data-v-f8b53059] {
  display: flex;
  min-height: 28px;
  align-items: center;
  flex: auto;
  width: 80%;
}
.od-th__prefix[data-v-f8b53059] {
  display: flex;
  align-items: center;
  padding-right: var(--space-s);
}
.od-th__center[data-v-f8b53059] {
  display: flex;
  flex-grow: 1;
  padding: 0 var(--space-xxs) 0 0;
  overflow: hidden;
}
.od-th__title[data-v-f8b53059] {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  font-family: var(--font-family-sans);
  font-weight: 500;
}
.od-th__suffix[data-v-f8b53059] {
  position: relative;
  text-align: left;
  display: flex;
  align-items: center;
}
.od-th .nowrap[data-v-f8b53059] {
  white-space: nowrap;
}
.od-th .resize-handler[data-v-f8b53059] {
  cursor: col-resize;
  position: relative;
  margin: -4px 0;
  width: var(--space-xs);
  min-width: var(--space-xs);
  flex: none;
  z-index: 1;
}
.od-th .resize-handler .indicator[data-v-f8b53059] {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
}
.od-th .resize-handler:hover .indicator[data-v-f8b53059], .od-th .resize-handler:active .indicator[data-v-f8b53059] {
  background-color: var(--system-colors-surface-selected);
}
.od-th:last-child .resize-handler[data-v-f8b53059] {
  display: none;
}
.user-icon {
&[data-v-00d0bf63] {
  height: 24px;
  width: 24px;
  min-width: 24px;
  min-height: 24px;

  font-size: 10px;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--v25fa1c9e);
}
&.bigger[data-v-00d0bf63] {
    height: 32px;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
}
}
.od-switch-text-button-wrapper[data-v-910d71dc] {
  border-radius: 16px;
  border: 1px solid var(--system-colors-surface-high-contrast);
}
.od-switch-text-button-wrapper .od-switch-text-button[data-v-910d71dc] {
  text-transform: none;
  letter-spacing: normal;
  padding: 0 1rem;
  height: 2.5rem;
  border-radius: 16px;
  border: none;
}
.od-switch-text-button-wrapper .od-switch-text-button[data-v-910d71dc]:not(.od-switch-text-button-wrapper .od-switch-text-button.is-active):hover {
  background: var(--system-colors-surface-02);
  border-color: var(--system-colors-surface-high-contrast);
  color: var(--system-colors-text-icon-colors-primary);
}
.od-switch-text-button-wrapper .od-switch-text-button[data-v-910d71dc]:focus-visible {
  outline: 1px solid var(--system-colors-outline-focussed);
  outline-offset: 1px;
}
.od-switch-text-button-wrapper .od-switch-text-button[disabled][data-v-910d71dc] {
  opacity: 1;
  color: var(--system-colors-text-icon-colors-disabled);
  border-color: var(--system-colors-border-disabled);
}
.od-switch-text-button-wrapper .od-switch-text-button.is-active[data-v-910d71dc] {
  background: var(--system-colors-surface-high-contrast);
  border-color: var(--system-colors-surface-high-contrast);
  color: var(--system-colors-text-icon-colors-secondary);
}
.od-switch-text-button-wrapper .od-switch-text-button.is-active[data-v-910d71dc]:hover {
  color: var(--system-colors-text-icon-colors-secondary);
}
.od-switch-text-button-wrapper .od-switch-text-button.is-active[disabled][data-v-910d71dc] {
  border-color: var(--system-colors-surface-high-contrast);
  opacity: 0.8;
}.od-context-menu {
  font-size: 14px;
  display: inline-block;
  position: relative;
}
.od-context-menu .triggering-element-wrapper {
  display: contents;
}
.od-context-menu-popup {
  position: absolute;
  color: var(--system-colors-surface-01);
  box-shadow: 0 10px 20px 0 rgba(34, 34, 34, 0.1);
  background-color: var(--system-colors-surface-01);
  border-radius: 6px;
  border: 1px solid var(--system-colors-border-default);
  min-width: 95px;
  z-index: 9999;
}
.od-context-menu-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent var(--system-colors-border-default) transparent;
  top: -16px;
  left: 15px;
}
.od-context-menu-arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px;
  border-color: transparent transparent var(--system-colors-surface-01) transparent;
  top: -6px;
  left: -7px;
}
.od-context-menu-fade-enter-active, .od-context-menu-fade-leave-active {
  transition: opacity 0.15s ease;
}
.od-context-menu-fade-enter-from, .od-context-menu-fade-leave-to {
  opacity: 0;
}
.od-menu-content-wrapper {
  padding: 2px;
  overflow: visible;
}
.od-context-menu-popup.lightmode {
  color: var(--system-colors-text-icon-colors-primary);
  background-color: var(--system-colors-surface-01);
  border-color: var(--system-colors-border-default);
}
.od-context-menu-popup.darkmode {
  color: var(--system-colors-text-icon-colors-always-dark);
  background-color: var(--system-colors-surface-01);
  border-color: var(--system-colors-surface-01);
}.od-toast {
  z-index: 1000;
  width: 385px;
  height: auto;
  border-radius: 4px;
  position: relative;
  color: var(--system-colors-text-icon-colors-secondary);
  background-color: var(--system-colors-surface-high-contrast);
  overflow: hidden;
  animation: fadefromtop 0.4s;
  margin: 8px 0;
}
.od-toast .od-icon {
  color: var(--system-colors-text-icon-colors-secondary);
}
.od-toast.type-success {
  color: var(--black);
  background-color: var(--system-colors-surface-success);
}
.od-toast.type-success .od-icon {
  color: var(--black);
}
.od-toast.type-error {
  color: var(--white);
  background-color: var(--system-colors-surface-error);
}
.od-toast.type-error .od-icon {
  color: var(--white);
}
.od-toast.type-warning {
  color: var(--black);
  background-color: var(--system-colors-surface-warning);
}
.od-toast.type-warning .od-icon {
  color: var(--black);
}
.od-toast .spacing {
  padding: var(--space-medium) var(--space-base);
}
.od-toast .closed {
  animation: fadeoutfromtop 0.4s;
}
.od-toast .header {
  padding-bottom: 8px;
}
.od-toast .headline {
  overflow: hidden;
  display: flex;
}
.od-toast .action {
  float: right;
  cursor: pointer;
  color: inherit !important;
  margin-top: var(--space-s);
  margin-bottom: var(--space-medium);
}
.od-toast .action .od-btn {
  color: inherit;
}
.od-toast .action .od-icon {
  color: inherit;
  text-decoration: none;
}
.od-toast .close {
  position: absolute;
  top: var(--space-medium);
  right: var(--space-base);
}
.od-toast .body {
  padding-top: 4px;
  min-height: 40px;
  overflow-wrap: break-word;
}
@keyframes fadefromtop {
from {
    transform: translateY(-30px);
    opacity: 0;
    max-height: 0;
}
to {
    transform: translateY(0px);
    opacity: 1;
    max-height: 400px;
}
}
@keyframes fadeoutfromtop {
from {
    transform: translateY(0px);
    opacity: 1;
    max-height: 400px;
}
to {
    transform: translateY(-30px);
    opacity: 0;
    max-height: 0;
}
}.od-toaster-toast[data-v-fa9df478] {
  min-width: 12rem;
  max-width: 24rem;
  padding: var(--space-medium) var(--space-base);
  border-radius: var(--border-radius-default);
  background-color: var(--system-colors-surface-high-contrast);
  color: var(--system-colors-text-icon-colors-secondary);
  min-height: 7.5rem;
  height: fit-content;
  z-index: 1000;
  position: relative;
  word-break: normal;
}
.od-toaster-toast .action-button[data-v-fa9df478] {
  margin-top: var(--space-medium);
  padding: 0;
}
.od-toaster-toast__header[data-v-fa9df478] {
  display: flex;
  margin-bottom: var(--space-s);
  align-items: center;
}
.od-toaster-toast__header__text[data-v-fa9df478] {
  text-transform: uppercase;
  margin-left: var(--space-s);
  font-weight: 500;
}
.od-toaster-toast__header__dismiss[data-v-fa9df478] {
  margin-left: auto;
}
.od-toaster-toast--state-success[data-v-fa9df478] {
  background-color: var(--system-colors-surface-success);
  color: var(--black);
}
.od-toaster-toast--state-success .od-icon[data-v-fa9df478],
.od-toaster-toast--state-success[data-v-fa9df478] .od-icon,
.od-toaster-toast--state-success a[data-v-fa9df478],
.od-toaster-toast--state-success[data-v-fa9df478] a {
  color: var(--black);
}
.od-toaster-toast--state-info[data-v-fa9df478] {
  background-color: var(--system-colors-surface-high-contrast);
  color: var(--system-colors-text-icon-colors-secondary);
}
.od-toaster-toast--state-info .od-icon[data-v-fa9df478],
.od-toaster-toast--state-info[data-v-fa9df478] .od-icon,
.od-toaster-toast--state-info a[data-v-fa9df478],
.od-toaster-toast--state-info[data-v-fa9df478] a {
  color: var(--system-colors-text-icon-colors-secondary);
}
.od-toaster-toast--state-warning[data-v-fa9df478] {
  background-color: var(--system-colors-surface-warning);
  color: var(--system-colors-surface-high-contrast);
}
.od-toaster-toast--state-error[data-v-fa9df478] {
  background-color: var(--system-colors-text-icon-colors-error);
  color: var(--white);
}
.od-toaster-toast--state-error .od-icon[data-v-fa9df478],
.od-toaster-toast--state-error[data-v-fa9df478] .od-icon,
.od-toaster-toast--state-error a[data-v-fa9df478],
.od-toaster-toast--state-error[data-v-fa9df478] a {
  color: var(--white);
}
.od-toaster-toast--state-error[data-v-fa9df478] .od-btn {
  color: var(--white);
}
.od-toaster-toast--state-error[data-v-fa9df478] .od-btn .content {
  border-bottom: 1px solid var(--white);
}
.od-toaster-toast-list {
&[data-v-26e14114] {
  position: fixed;
  right: 0;
  top: 0;
  padding: var(--space-base) var(--space-base) 0 0;
  height: 0;
  z-index: 12;
}
.item[data-v-26e14114] {
    width: max-content;
    margin-left: auto;
    margin-bottom: var(--space-base);
}
}
.list-enter-from[data-v-26e14114] {
  opacity: 0.3;
  transform: translateX(100%);
}
.list-enter-to[data-v-26e14114],
.list-leave-from[data-v-26e14114] {
  opacity: 1;
  transform: translateX(0);
}
.list-enter-active[data-v-26e14114] {
  transition: all 0.5s ease-out;
}
.list-move[data-v-26e14114] {
  transition: all 0.5s ease-out;
}
.list-leave-active[data-v-26e14114] {
  transition: all 0.5s linear;
}
.list-leave-to[data-v-26e14114] {
  opacity: 0;
}
.od-toggle[data-v-d36f0c80] {
  display: flex;
}
.od-toggle .label.left[data-v-d36f0c80]:not(:empty) {
  cursor: pointer;
  margin: 0 8px 0 0;
}
.od-toggle .label.left:not(:empty).disabled[data-v-d36f0c80] {
  color: var(--system-colors-text-icon-colors-disabled);
  cursor: default;
}
.od-toggle .label.right[data-v-d36f0c80]:not(:empty) {
  cursor: pointer;
  margin: 0 0 0 8px;
}
.od-toggle .label.right:not(:empty)[disabled][data-v-d36f0c80] {
  color: var(--system-colors-text-icon-colors-disabled);
  cursor: default;
}
.od-toggle .toggle[data-v-d36f0c80] {
  position: relative;
  min-width: 32px;
  transform: translateY(1px);
}
.od-toggle .toggle input[data-v-d36f0c80] {
  opacity: 0;
  width: 0;
  height: 0;
}
.od-toggle .toggle .check[data-v-d36f0c80] {
  position: absolute;
  cursor: pointer;
  width: 32px;
  height: 16px;
  top: 0;
  left: 0;
  background-color: var(--system-colors-border-surface-01);
  transition: 0.4s;
  border-radius: 10px;
  border: solid 1px var(--system-colors-surface-03);
}
.od-toggle .toggle .round[data-v-d36f0c80] {
  position: absolute;
  height: 12px;
  width: 12px;
  cursor: pointer;
  background-color: var(--system-colors-surface-03);
  margin: 2px;
  left: 0;
  transition: 0.4s;
  border-radius: 50%;
}
.od-toggle .toggle .check[data-v-d36f0c80]:not(:hover) {
  background-color: var(--system-colors-border-surface-01);
  border: solid 1px var(--system-colors-surface-03);
}
.od-toggle .toggle .round[data-v-d36f0c80]:not(:hover) {
  background-color: var(--system-colors-surface-03);
}
.od-toggle .toggle:hover .check[data-v-d36f0c80] {
  border-color: var(--system-colors-border-hover);
}
.od-toggle .toggle:hover .round[data-v-d36f0c80] {
  border-color: var(--system-colors-border-hover);
  background-color: var(--system-colors-border-hover);
}
.od-toggle .toggle .input:checked ~ .check[data-v-d36f0c80] {
  border-color: var(--system-colors-surface-high-contrast);
  background-color: var(--system-colors-surface-high-contrast);
}
.od-toggle .toggle .input:checked ~ .round[data-v-d36f0c80] {
  background-color: var(--system-colors-surface-01);
  border-color: var(--system-colors-surface-01);
  transform: translateX(16px);
}
.od-toggle .toggle .input:disabled ~ .check[data-v-d36f0c80] {
  cursor: default;
  background-color: var(--system-colors-text-icon-colors-disabled);
}
.od-toggle .toggle .input:disabled ~ .round[data-v-d36f0c80] {
  cursor: default;
}
.od-toggle .label-icon-left[data-v-d36f0c80] {
  margin-left: 8px;
}
.od-toggle .label-icon-right[data-v-d36f0c80] {
  margin-right: 8px;
}.od-text-button[data-v-3758a480] {
  text-transform: none;
  letter-spacing: normal;
  min-width: 5rem;
  max-width: 14rem;
  padding: 0 1rem !important;
  height: 2.5rem;
  border-color: var(--system-colors-surface-high-contrast);
  color: var(--system-colors-text-icon-colors-primary);
}
.od-text-button.auto-width[data-v-3758a480] {
  max-width: unset;
}
.od-text-button[data-v-3758a480]:hover {
  color: var(--system-colors-border-hover);
  border-color: var(--system-colors-border-hover);
}
.od-text-button[data-v-3758a480]:active {
  color: var(--system-colors-border-selected);
  border-color: var(--system-colors-border-selected);
}
.od-text-button[data-v-3758a480]:focus-visible {
  color: var(--system-colors-text-icon-colors-primary);
  outline: 1px solid var(--system-colors-outline-focussed);
  outline-offset: 1px;
}
.od-text-button[disabled][data-v-3758a480] {
  opacity: 1;
  color: var(--system-colors-text-icon-colors-disabled);
  border-color: var(--system-colors-border-default);
}.od-multiselect[data-v-56172b22] {
  background-color: var(--system-colors-surface-01);
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  display: inline-block;
  width: 100%;
}
.od-multiselect__wrapper[data-v-56172b22] {
  position: relative;
  width: 100%;
}
.od-multiselect__wrapper__spinner[data-v-56172b22] {
  position: absolute;
  right: var(--space-s);
}
.od-multiselect__wrapper__dot[data-v-56172b22] {
  position: absolute;
  right: var(--space-s);
  top: calc(-1 * var(--space-medium));
  z-index: 1;
}
.od-multiselect__wrapper__bar[data-v-56172b22] {
  position: absolute;
  width: 100%;
  bottom: 1px;
}
.od-multiselect__selected[data-v-56172b22] {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border: var(--system-colors-text-icon-colors-secondary) 1px solid;
  border-radius: var(--border-radius-default);
  background-color: var(--system-colors-text-icon-colors-secondary);
  line-height: 1;
  color: var(--system-colors-text-icon-colors-primary);
  width: 100%;
  height: 40px;
  padding: var(--space-s);
  cursor: pointer;
}
.od-multiselect__selected[data-v-56172b22]:focus {
  outline: none;
}
.od-multiselect__filter[data-v-56172b22] {
  flex-grow: 1;
}
.od-multiselect__text[data-v-56172b22] {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.od-multiselect__text--empty[data-v-56172b22] {
  color: var(--system-colors-text-icon-colors-secondary);
}
.od-multiselect__dropdown[data-v-56172b22] {
  background-color: var(--system-colors-surface-01);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-index-dropdown);
  margin: var(--space-xxs) 0 0;
  width: 100%;
  min-width: 200px;
  padding: var(--space-medium) 0;
  border: 1px solid var(--system-colors-text-icon-colors-secondary);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-default);
  user-select: none;
}
.od-multiselect__dropdown[data-v-56172b22]:focus {
  outline: none;
}
.od-multiselect--hasapply .od-multiselect__dropdown[data-v-56172b22] {
  min-width: 340px;
}
.od-multiselect__message[data-v-56172b22] {
  padding: var(--space-xs) var(--space-medium);
}
.od-multiselect__checkbox-list[data-v-56172b22] {
  background-color: var(--system-colors-text-icon-colors-secondary);
}
.od-multiselect__checkbox-list[data-v-56172b22] .vue-recycle-scroller__item-view {
  padding: var(--space-xs) var(--space-medium);
}
.od-multiselect--nodropdown[data-v-56172b22] {
  max-width: 100%;
}
.od-multiselect--nodropdown .od-multiselect__dropdown[data-v-56172b22] {
  position: static;
  border: none;
  box-shadow: none;
  padding: 0;
}
.od-multiselect__dropdown--wide[data-v-56172b22] {
  min-width: 540px;
}
.od-multiselect--hasapply .od-multiselect__dropdown--wide[data-v-56172b22] {
  min-width: 540px;
}@keyframes leftToRight-84bb18ef {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(100%);
}
}
.skeleton[data-v-84bb18ef] {
  display: flex;
  top: 0;
  height: 100%;
  width: 100%;
}
.skeleton--absolute[data-v-84bb18ef] {
  position: absolute;
}
.skeleton--dark[data-v-84bb18ef] {
  filter: brightness(90%);
}
.skeleton__bar[data-v-84bb18ef],
.skeleton__box[data-v-84bb18ef],
.skeleton__list[data-v-84bb18ef],
.skeleton__table[data-v-84bb18ef] {
  flex: 1;
  overflow: hidden;
}
.skeleton__bar[data-v-84bb18ef] {
  flex: 1;
  background: var(--system-colors-surface-04);
  border-radius: var(--border-radius-l);
}
.skeleton__bar--animated[data-v-84bb18ef] {
  position: relative;
  overflow: hidden;
}
.skeleton__bar--animated[data-v-84bb18ef]:after {
  content: "";
  animation: leftToRight-84bb18ef 2s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: var(--z-index-above-zero);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--system-colors-border-selected) 50%, rgba(0, 0, 0, 0)), transparent);
}
.skeleton__box[data-v-84bb18ef] {
  background: var(--system-colors-surface-04);
}
.skeleton__box--animated[data-v-84bb18ef] {
  position: relative;
  overflow: hidden;
}
.skeleton__box--animated[data-v-84bb18ef]:after {
  content: "";
  animation: leftToRight-84bb18ef 2s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: var(--z-index-above-zero);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--system-colors-border-selected) 50%, rgba(0, 0, 0, 0)), transparent);
}
.skeleton__list .skeleton__list__item[data-v-84bb18ef] {
  height: var(--v65b90258);
  margin-bottom: var(--v77630404);
  border-radius: var(--border-radius-l);
  background: var(--system-colors-surface-04);
}
.skeleton__list__item[data-v-84bb18ef] {
  height: 15px;
  margin-bottom: var(--space-s);
  border-radius: var(--border-radius-l);
  background: var(--system-colors-surface-04);
}
.skeleton__list--animated .skeleton__list__item[data-v-84bb18ef] {
  position: relative;
  overflow: hidden;
}
.skeleton__list--animated .skeleton__list__item[data-v-84bb18ef]:after {
  content: "";
  animation: leftToRight-84bb18ef 2s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: var(--z-index-above-zero);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--system-colors-border-selected) 50%, rgba(0, 0, 0, 0)), transparent);
}
.skeleton__table[data-v-84bb18ef] {
  display: flex;
  flex-direction: row;
}
.skeleton__table__column[data-v-84bb18ef] {
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.skeleton__table__column[data-v-84bb18ef]:not(:first-child) {
  margin-left: var(--space-s);
}
.skeleton__table__column__header[data-v-84bb18ef] {
  flex: 0 30px;
  background: var(--system-colors-surface-04);
  margin-bottom: var(--space-s);
}
.skeleton__table__column__content[data-v-84bb18ef] {
  flex: 1;
  background: var(--system-colors-surface-04);
}
.skeleton__table--animated .skeleton__table__column__content[data-v-84bb18ef], .skeleton__table--animated .skeleton__table__column__header[data-v-84bb18ef] {
  position: relative;
  overflow: hidden;
}
.skeleton__table--animated .skeleton__table__column__content[data-v-84bb18ef]:after, .skeleton__table--animated .skeleton__table__column__header[data-v-84bb18ef]:after {
  content: "";
  animation: leftToRight-84bb18ef 2s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: var(--z-index-above-zero);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--system-colors-border-selected) 50%, rgba(0, 0, 0, 0)), transparent);
}
.dark[data-v-84bb18ef] {
  filter: brightness(90%);
}.tab-item[data-v-39509bad] {
  --border-bottom-color: var(--system-colors-border-default);
  cursor: pointer;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  padding: 0 0.5rem;
  display: block;
  width: 100%;
  color: var(--system-colors-text-icon-colors-subtle);
  border-bottom: 1px solid var(--border-bottom-color);
  transition: border-color 0.1s;
  text-decoration: none;
}
.tab-item.top[data-v-39509bad] {
  border-bottom: none;
  border-top: 1px solid var(--border-bottom-color);
}
.tab-item[data-v-39509bad]:not(.tab-item--active):not(.tab-item--disabled):not(.tab-item--wizard):hover, .tab-item[data-v-39509bad]:not(.tab-item--active):not(.tab-item--disabled):not(.tab-item--wizard):focus-visible {
  color: var(--system-colors-text-icon-colors-primary);
  outline: none;
  --border-bottom-color: var(--system-colors-border-hover);
}
.tab-item--wizard[data-v-39509bad] {
  cursor: default;
}
.tab-item--disabled[data-v-39509bad] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.tab-item--active[data-v-39509bad] {
  color: var(--system-colors-text-icon-colors-primary);
  --border-bottom-color: var(--system-colors-surface-primary);
}
.tab-item--active[data-v-39509bad]:hover, .tab-item--active[data-v-39509bad]:focus-visible {
  --border-bottom-color: var(--system-colors-surface-primary-hover);
}.od-tabs[data-v-4b6bf506] {
  position: relative;
}
.od-tabs ul[data-v-4b6bf506] {
  list-style-type: none;
}
.od-tabs ul li[data-v-4b6bf506] {
  min-width: 6rem;
}
.od-tabs__highlight[data-v-4b6bf506] {
  position: absolute;
  transform: var(--v4edf036c);
  top: 38px;
  width: var(--e4c391fe);
  height: 2px;
  background-color: var(--system-colors-surface-primary);
  transition: width 100ms ease-in-out, transform 100ms ease-in-out;
}
.od-tabs__highlight.top[data-v-4b6bf506] {
  top: 0;
}.o-layout-flyout[data-v-8f028817] {
  z-index: 4;
  display: inline-flex;
  justify-content: flex-end;
  overflow-x: hidden;
  flex: 1;
  position: relative;
}
.o-layout-flyout__content[data-v-8f028817] {
  display: flex;
  min-height: 0;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
  transition: flex-basis 0.6s cubic-bezier(0, 1, 0, 1);
  will-change: flex-basis;
}
.o-layout-flyout__sidebar[data-v-8f028817] {
  background-color: var(--system-colors-surface-01);
  z-index: 100;
  height: 100%;
  width: 0;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0, 1, 0, 1);
  position: absolute;
}
.o-layout-flyout__sidebar.is-visible[data-v-8f028817] {
  overflow: visible;
}
.o-layout-flyout__sidebar.is-visible ~ .o-layout-flyout__content[data-v-8f028817] {
  flex-basis: 0;
}
.o-layout-flyout .sidebar-append[data-v-8f028817] {
  position: absolute;
  top: 0;
  z-index: 10;
  height: 100%;
}
.o-layout-flyout .sidebar-append.right[data-v-8f028817] {
  transition: left 0.6s cubic-bezier(0, 1, 0, 1);
}
.o-layout-flyout .sidebar-append.left[data-v-8f028817] {
  transition: right 0.6s cubic-bezier(0, 1, 0, 1);
}
.o-layout-flyout--nocontent .o-layout-flyout__content[data-v-8f028817] {
  width: 0;
}
.o-layout-flyout--nocontent .o-layout-flyout__sidebar[data-v-8f028817] {
  width: 100%;
}.od-table {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  table-layout: auto;
  line-height: 1.5;
  background-color: var(--system-colors-surface-01);
}
.od-table tr:first-child {
  background: var(--system-colors-surface-01);
  position: sticky;
  top: 0;
  z-index: var(--z-index-above-zero);
  box-shadow: inset 0 -2px 0 var(--system-colors-border-default);
}
.od-table th {
  text-align: left;
  padding: 0 var(--space-medium) var(--space-xs);
  height: 32px;
}
.od-table:not(.od-table--nohover) tr:hover td, .od-table:not(.od-table--nohover) tr.od-table__row--highlighted td,
.od-table:not(.od-table--nohover) [role=row]:hover td,
.od-table:not(.od-table--nohover) [role=row].od-table__row--highlighted td {
  background-color: var(--system-colors-surface-hover);
}
.od-table td:not(.no-style) {
  padding: var(--space-s) var(--space-medium);
  border-bottom: 1px solid var(--system-colors-border-default);
  max-width: 0;
  vertical-align: middle;
  height: var(--space-xl);
}
.od-table td:not(.no-style).error {
  border-bottom-color: var(--system-colors-border-error);
}
.od-table td:not(.no-style).success {
  border-bottom-color: var(--system-colors-border-success);
}
.od-table [role=row] {
  display: table-row;
}
.od-table__cell {
  display: table-cell;
}
.od-table a[role=row] {
  color: currentColor;
  text-decoration: none;
}
.od-table--nowrap td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}.reset-button[data-v-e2b7b84b],
.apply-button[data-v-e2b7b84b] {
  min-width: 120px;
}
.reset-button[data-v-e2b7b84b] i {
  display: flex;
  align-items: center;
}
.dropdown-button-group[data-v-e2b7b84b] {
  padding-top: 12px;
}
hr.hair[data-v-e2b7b84b] {
  border-top: 1px solid var(--system-colors-border-default);
  border-bottom: none;
  margin: var(--space-xs) 0;
}
[data-v-e2b7b84b] .vue-recycle-scroller {
  height: 120px;
}.dialog-wrapper[data-v-212b9af6] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.wrapper[data-v-212b9af6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.wrapper > .o-badge[data-v-212b9af6] {
  cursor: pointer;
}
.wrapper > .o-badge.limited[data-v-212b9af6] {
  max-width: 100px;
}.justify-evenly[data-v-b5cd2bfe] {
  justify-content: space-evenly;
}
.action-button-icon[data-v-b5cd2bfe] {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.action-button-icon[data-v-b5cd2bfe]:after {
  height: 20px;
}.bold[data-v-f5cb0b07] {
  color: var(--system-colors-text-icon-colors-primary);
}.subtle[data-v-95353adc] {
  font-size: var(--font-size-small);
  font-style: italic;
  color: var(--system-colors-text-icon-colors-subtle);
}
.od-btn.od-btn--tertiary[data-v-95353adc] {
  text-decoration: none;
  min-width: 0;
  padding: 0;
  width: 100%;
}
.od-btn.od-btn--tertiary div[data-v-95353adc] {
  width: 100%;
}.bold[data-v-9f579b3d] {
  color: var(--system-colors-text-icon-colors-primary);
}.is-disabled[data-v-8ff0303b] {
  color: var(--system-colors-text-icon-colors-disabled);
  pointer-events: none;
}
.menu-trigger[data-v-8ff0303b] {
  width: 100% !important;
  height: 100% !important;
  padding: 14px !important;
}.status-cell[data-v-c8daad2c] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  max-width: 100%;
}
.status-cell__text[data-v-c8daad2c] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.status-cell--success[data-v-c8daad2c] {
  color: var(--system-colors-text-icon-colors-success);
}
.status-cell--fail[data-v-c8daad2c] {
  color: var(--system-colors-text-icon-colors-error);
}
.status-cell--warning[data-v-c8daad2c] {
  color: var(--system-colors-text-icon-colors-warning, #ff7819);
}.od-select.inline[data-v-9ab7cc68] .selected {
  border-bottom: none !important;
  padding-top: 0;
  padding-bottom: 0;
  height: 30px;
}.slick.od-textfield[data-v-7f76ccdd] .main {
  border: none;
  background: none;
  padding: 0;
  height: auto;
}.table-wrapper[data-v-9ba823f3] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.table-wrapper .loading-indicator[data-v-9ba823f3] {
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: color-mix(in srgb, var(--system-colors-surface-01) 70%, transparent);
}
.table-wrapper .loading-indicator-icon[data-v-9ba823f3] {
  position: absolute;
  left: calc(50% - 30px / 2);
  top: calc(50% - 30px / 2);
}
.table-wrapper .absolute-wrapper[data-v-9ba823f3] {
  position: relative;
}
.table-wrapper .absolute-wrapper .no-items-label[data-v-9ba823f3] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.list[data-v-53a7d347] {
  overflow-y: auto;
  height: 100%;
}
.list.has-pagination[data-v-53a7d347] {
  height: calc(100% - 40px);
}
.list .selected[data-v-53a7d347] {
  background: var(--system-colors-surface-03);
}
.footer[data-v-53a7d347] {
  background: var(--system-colors-surface-01);
  padding: var(--space-s);
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  border-top: 1px solid var(--system-colors-border-default);
}
.fill-height[data-v-53a7d347] {
  height: 100%;
  flex: 1 1 auto;
  min-height: inherit;
}
.no-style[data-v-53a7d347] {
  padding: 0;
}.dialog-content[data-v-8f666669] {
  display: flex;
  flex-direction: column;
}
.dialog-content .actions[data-v-8f666669] {
  display: flex;
  justify-content: space-between;
}
.dialog-content .input-container[data-v-8f666669] {
  position: relative;
  width: 50%;
}.one-data-table-toolbar[data-v-45acdd7b] {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  min-height: 45px;
  border-bottom: 1px solid var(--system-colors-border-default);
}
.one-data-table-toolbar .toolbar-button[data-v-45acdd7b] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.one-data-table-toolbar .toolbar-button[data-v-45acdd7b]:hover {
  background-color: var(--system-colors-surface-02);
}
.od-tag-autocomplete {
&[data-v-7138e1bf] {
  position: relative;
  width: 100%;
}
.input[data-v-7138e1bf] {
    width: 100%;
}
}

/* Not scoped, as this is appended to the body, via the OdMenu #menu slot */
.od-tag-autocomplete-dropdown {
  height: 220px;
  overflow-y: auto;
  scrollbar-width: none;
.option {
    cursor: pointer;
}
}

.od-tag {
&[data-v-e5bc4283] {
  display: flex;
  align-items: center;
  border-radius: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: var(--font-size-small);
  line-height: 20px;
  padding: 0 8px 0;
}
&.small[data-v-e5bc4283] {
    height: 28px;
}
&.tiny[data-v-e5bc4283] {
    height: 18px;
}
&.default[data-v-e5bc4283] {
    height: 40px;
}
}
.contrast[data-v-e5bc4283] {
  color: var(--system-colors-text-icon-colors-secondary);
  background: var(--system-colors-surface-high-contrast);
}
.teal[data-v-e5bc4283] {
  color: var(--teal-10);
  background: var(--teal-60);
}
.sky-blue[data-v-e5bc4283] {
  color: var(--sky-blue-10);
  background: var(--sky-blue-60);
}
.indigo[data-v-e5bc4283] {
  color: var(--indigo-10);
  background: var(--indigo-60);
}
.gray[data-v-e5bc4283] {
  color: var(--system-colors-text-icon-colors-always-light);
  background: var(--cool-gray-60);
}
.info-item[data-v-17428ba1] {
  font-family: var(--body-font-family);
}
.info-item__label[data-v-17428ba1] {
  color: var(--system-colors-text-icon-colors-subtle);
  font-size: 12px;
  font-weight: 500;
}
.info-item__label-disabled[data-v-17428ba1] {
  color: var(--system-colors-text-icon-colors-disabled);
}
.info-item__container[data-v-17428ba1] {
  display: flex;
  align-items: center;
}
.loading-spinner-icon[data-v-59f63da1] {
  width: var(--v4698db19);
  height: var(--v4698db19);
}
.notifier[data-v-1343934e] {
  max-height: calc(100vh - 2 * var(--space-base));
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 40;
  position: fixed;
  top: var(--space-base);
  right: var(--space-base);
}
.notifier .text-white[data-v-1343934e] {
  color: var(--white);
}
.notifier .text-white[data-v-1343934e]:hover {
  color: var(--system-colors-text-icon-colors-hover);
}
.slide-enter-active[data-v-1343934e],
.slide-leave-active[data-v-1343934e] {
  transition: all 0.3s ease-in;
}
.slide-enter-from[data-v-1343934e],
.slide-leave-to[data-v-1343934e] {
  opacity: 0;
  transform: translateX(75%);
}.user-icon[data-v-f90b37de] {
  height: 24px;
  min-width: 24px;
  width: 24px;
  font-size: 10px;
  color: white;
  border: 1px solid var(--system-colors-surface-01);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after{clear:both;content:'';display:table}.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg{float:left;height:100%}.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover{outline:none}.ql-bubble.ql-toolbar input.ql-image[type=file],.ql-bubble .ql-toolbar input.ql-image[type=file]{display:none}.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected{color:#fff}.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#fff}.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#fff}@media (pointer:coarse){.ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active){color:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#ccc}}.ql-bubble{box-sizing:border-box}.ql-bubble *{box-sizing:border-box}.ql-bubble .ql-hidden{display:none}.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top{visibility:hidden}.ql-bubble .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-bubble .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-bubble .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-bubble .ql-formats{display:inline-block;vertical-align:middle}.ql-bubble .ql-formats:after{clear:both;content:'';display:table}.ql-bubble .ql-stroke{fill:none;stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-bubble .ql-stroke-miter{fill:none;stroke:#ccc;stroke-miterlimit:10;stroke-width:2}.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill{fill:#ccc}.ql-bubble .ql-empty{fill:none}.ql-bubble .ql-even{fill-rule:evenodd}.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin{stroke-width:1}.ql-bubble .ql-transparent{opacity:.4}.ql-bubble .ql-direction svg:last-child{display:none}.ql-bubble .ql-direction.ql-active svg:last-child{display:inline}.ql-bubble .ql-direction.ql-active svg:first-child{display:none}.ql-bubble .ql-editor h1{font-size:2em}.ql-bubble .ql-editor h2{font-size:1.5em}.ql-bubble .ql-editor h3{font-size:1.17em}.ql-bubble .ql-editor h4{font-size:1em}.ql-bubble .ql-editor h5{font-size:.83em}.ql-bubble .ql-editor h6{font-size:.67em}.ql-bubble .ql-editor a{text-decoration:underline}.ql-bubble .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-bubble .ql-editor code,.ql-bubble .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-bubble .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-bubble .ql-editor code{font-size:85%;padding:2px 4px}.ql-bubble .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-bubble .ql-editor img{max-width:100%}.ql-bubble .ql-picker{color:#ccc;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-bubble .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-bubble .ql-picker-label::before{display:inline-block;line-height:22px}.ql-bubble .ql-picker-options{background-color:#444;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-bubble .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-bubble .ql-picker.ql-expanded .ql-picker-label{color:#777;z-index:2}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-bubble .ql-color-picker,.ql-bubble .ql-icon-picker{width:28px}.ql-bubble .ql-color-picker .ql-picker-label,.ql-bubble .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-label svg,.ql-bubble .ql-icon-picker .ql-picker-label svg{right:4px}.ql-bubble .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-bubble .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-bubble .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-bubble .ql-picker.ql-header{width:98px}.ql-bubble .ql-picker.ql-header .ql-picker-label::before,.ql-bubble .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-bubble .ql-picker.ql-font{width:108px}.ql-bubble .ql-picker.ql-font .ql-picker-label::before,.ql-bubble .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-bubble .ql-picker.ql-size{width:98px}.ql-bubble .ql-picker.ql-size .ql-picker-label::before,.ql-bubble .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-bubble .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-bubble .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-bubble .ql-toolbar .ql-formats{margin:8px 12px 8px 0}.ql-bubble .ql-toolbar .ql-formats:first-child{margin-left:12px}.ql-bubble .ql-color-picker svg{margin:1px}.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,.ql-bubble .ql-color-picker .ql-picker-item:hover{border-color:#fff}.ql-bubble .ql-tooltip{background-color:#444;border-radius:25px;color:#fff}.ql-bubble .ql-tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;content:" ";display:block;left:50%;margin-left:-6px;position:absolute}.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow{border-bottom:6px solid #444;top:-6px}.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow{border-top:6px solid #444;bottom:-6px}.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor{display:block}.ql-bubble .ql-tooltip.ql-editing .ql-formats{visibility:hidden}.ql-bubble .ql-tooltip-editor{display:none}.ql-bubble .ql-tooltip-editor input[type=text]{background:transparent;border:none;color:#fff;font-size:13px;height:100%;outline:none;padding:10px 20px;position:absolute;width:100%}.ql-bubble .ql-tooltip-editor a{top:10px;position:absolute;right:20px}.ql-bubble .ql-tooltip-editor a:before{color:#ccc;content:"\00D7";font-size:16px;font-weight:bold}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close){position:relative;white-space:nowrap}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before{background-color:#444;border-radius:15px;top:-5px;font-size:12px;color:#fff;content:attr(href);font-weight:normal;overflow:hidden;padding:5px 15px;text-decoration:none;z-index:1}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{border-top:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;top:0;content:" ";height:0;width:0}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{left:0;margin-left:50%;position:absolute;transform:translate(-50%,-100%);transition:visibility 0s ease 200ms;visibility:hidden}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::after{visibility:visible}

/*# sourceMappingURL=quill.bubble.css.map*/.v-od-tooltip {
.inner {
    background: var(--system-colors-surface-high-contrast);
    color: var(--system-colors-text-icon-colors-secondary);
    border-radius: var(--border-radius-l);
    padding: 7px 12px 6px;
    font-size: 12px;
    font-weight: 500;
}
.arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    pointer-events: none;
}
.arrow-outer {
    position: absolute;
    width: 0;
    height: 0;
}
.arrow-outer {
    border-style: solid;
    border-color: transparent;
}
&[data-placement="top"] .arrow-outer {
    border-width: 10px 10px 0 10px;
    border-top-color: var(--system-colors-surface-high-contrast);
    bottom: 0;
    left: 0;
}
&[data-placement="bottom"] .arrow-outer {
    border-width: 0 10px 10px 10px;
    border-bottom-color: var(--system-colors-surface-high-contrast);
    top: 0;
    left: 0;
}
&[data-placement="left"] .arrow-outer {
    border-width: 10px 0 10px 10px;
    border-left-color: var(--system-colors-surface-high-contrast);
    right: 0;
    top: 0;
}
&[data-placement="right"] .arrow-outer {
    border-width: 10px 10px 10px 0;
    border-right-color: var(--system-colors-surface-high-contrast);
    left: 0;
    top: 0;
}
}
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}
.ql-container.ql-disabled .ql-tooltip{visibility:hidden}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}
.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}
.ql-clipboard p{margin:0;padding:0}
.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}
.ql-editor > *{cursor:text}
.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}
@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor table{border-collapse:collapse}
.ql-editor td{border:1px solid #000;padding:2px 5px}
.ql-editor ol{padding-left:1.5em}
.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}
.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}
.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}
.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}
.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}
.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}
@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered]{counter-increment:list-0}
.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}
.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}
.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}
.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}
.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}
.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}
.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}
.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}
.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}
.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}
.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}
.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}
.ql-editor li.ql-direction-rtl{padding-right:1.5em}
.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}
.ql-editor table{table-layout:fixed;width:100%}
.ql-editor table td{outline:none}
.ql-editor .ql-code-block-container{font-family:monospace}
.ql-editor .ql-video{display:block;max-width:100%}
.ql-editor .ql-video.ql-align-center{margin:0 auto}
.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}
.ql-editor .ql-bg-black{background-color:#000}
.ql-editor .ql-bg-red{background-color:#e60000}
.ql-editor .ql-bg-orange{background-color:#f90}
.ql-editor .ql-bg-yellow{background-color:#ff0}
.ql-editor .ql-bg-green{background-color:#008a00}
.ql-editor .ql-bg-blue{background-color:#06c}
.ql-editor .ql-bg-purple{background-color:#93f}
.ql-editor .ql-color-white{color:#fff}
.ql-editor .ql-color-red{color:#e60000}
.ql-editor .ql-color-orange{color:#f90}
.ql-editor .ql-color-yellow{color:#ff0}
.ql-editor .ql-color-green{color:#008a00}
.ql-editor .ql-color-blue{color:#06c}
.ql-editor .ql-color-purple{color:#93f}
.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}
.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}
.ql-editor .ql-size-small{font-size:.75em}
.ql-editor .ql-size-large{font-size:1.5em}
.ql-editor .ql-size-huge{font-size:2.5em}
.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}
.ql-editor .ql-align-center{text-align:center}
.ql-editor .ql-align-justify{text-align:justify}
.ql-editor .ql-align-right{text-align:right}
.ql-editor .ql-ui{position:absolute}
.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}
.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after{clear:both;content:'';display:table}
.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}
.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg{float:left;height:100%}
.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover{outline:none}
.ql-bubble.ql-toolbar input.ql-image[type=file],.ql-bubble .ql-toolbar input.ql-image[type=file]{display:none}
.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected{color:#fff}
.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#fff}
.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#fff}
@media (pointer:coarse){.ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active){color:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#ccc}}
.ql-bubble{box-sizing:border-box}
.ql-bubble *{box-sizing:border-box}
.ql-bubble .ql-hidden{display:none}
.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top{visibility:hidden}
.ql-bubble .ql-tooltip{position:absolute;transform:translateY(10px)}
.ql-bubble .ql-tooltip a{cursor:pointer;text-decoration:none}
.ql-bubble .ql-tooltip.ql-flip{transform:translateY(-10px)}
.ql-bubble .ql-formats{display:inline-block;vertical-align:middle}
.ql-bubble .ql-formats:after{clear:both;content:'';display:table}
.ql-bubble .ql-stroke{fill:none;stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.ql-bubble .ql-stroke-miter{fill:none;stroke:#ccc;stroke-miterlimit:10;stroke-width:2}
.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill{fill:#ccc}
.ql-bubble .ql-empty{fill:none}
.ql-bubble .ql-even{fill-rule:evenodd}
.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin{stroke-width:1}
.ql-bubble .ql-transparent{opacity:.4}
.ql-bubble .ql-direction svg:last-child{display:none}
.ql-bubble .ql-direction.ql-active svg:last-child{display:inline}
.ql-bubble .ql-direction.ql-active svg:first-child{display:none}
.ql-bubble .ql-editor h1{font-size:2em}
.ql-bubble .ql-editor h2{font-size:1.5em}
.ql-bubble .ql-editor h3{font-size:1.17em}
.ql-bubble .ql-editor h4{font-size:1em}
.ql-bubble .ql-editor h5{font-size:.83em}
.ql-bubble .ql-editor h6{font-size:.67em}
.ql-bubble .ql-editor a{text-decoration:underline}
.ql-bubble .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}
.ql-bubble .ql-editor code,.ql-bubble .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}
.ql-bubble .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}
.ql-bubble .ql-editor code{font-size:85%;padding:2px 4px}
.ql-bubble .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}
.ql-bubble .ql-editor img{max-width:100%}
.ql-bubble .ql-picker{color:#ccc;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}
.ql-bubble .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}
.ql-bubble .ql-picker-label::before{display:inline-block;line-height:22px}
.ql-bubble .ql-picker-options{background-color:#444;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}
.ql-bubble .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label{color:#777;z-index:2}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#777}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#777}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}
.ql-bubble .ql-color-picker,.ql-bubble .ql-icon-picker{width:28px}
.ql-bubble .ql-color-picker .ql-picker-label,.ql-bubble .ql-icon-picker .ql-picker-label{padding:2px 4px}
.ql-bubble .ql-color-picker .ql-picker-label svg,.ql-bubble .ql-icon-picker .ql-picker-label svg{right:4px}
.ql-bubble .ql-icon-picker .ql-picker-options{padding:4px 0}
.ql-bubble .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}
.ql-bubble .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}
.ql-bubble .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}
.ql-bubble .ql-picker.ql-header{width:98px}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,.ql-bubble .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}
.ql-bubble .ql-picker.ql-font{width:108px}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,.ql-bubble .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}
.ql-bubble .ql-picker.ql-size{width:98px}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,.ql-bubble .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item{background-color:#000}
.ql-code-block-container{position:relative}
.ql-code-block-container .ql-ui{right:5px;top:5px}
.ql-bubble .ql-toolbar .ql-formats{margin:8px 12px 8px 0}
.ql-bubble .ql-toolbar .ql-formats:first-child{margin-left:12px}
.ql-bubble .ql-color-picker svg{margin:1px}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,.ql-bubble .ql-color-picker .ql-picker-item:hover{border-color:#fff}
.ql-bubble .ql-tooltip{background-color:#444;border-radius:25px;color:#fff}
.ql-bubble .ql-tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;content:" ";display:block;left:50%;margin-left:-6px;position:absolute}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow{border-bottom:6px solid #444;top:-6px}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow{border-top:6px solid #444;bottom:-6px}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor{display:block}
.ql-bubble .ql-tooltip.ql-editing .ql-formats{visibility:hidden}
.ql-bubble .ql-tooltip-editor{display:none}
.ql-bubble .ql-tooltip-editor input[type=text]{background:transparent;border:none;color:#fff;font-size:13px;height:100%;outline:none;padding:10px 20px;position:absolute;width:100%}
.ql-bubble .ql-tooltip-editor a{top:10px;position:absolute;right:20px}
.ql-bubble .ql-tooltip-editor a:before{color:#ccc;content:"\00D7";font-size:16px;font-weight:bold}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close){position:relative;white-space:nowrap}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before{background-color:#444;border-radius:15px;top:-5px;font-size:12px;color:#fff;content:attr(href);font-weight:normal;overflow:hidden;padding:5px 15px;text-decoration:none;z-index:1}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{border-top:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;top:0;content:" ";height:0;width:0}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{left:0;margin-left:50%;position:absolute;transform:translate(-50%,-100%);transition:visibility 0s ease 200ms;visibility:hidden}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::after{visibility:visible}
/*# sourceMappingURL=quill.bubble.css.map*/
.ql-custom-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  height: auto;
}
.ql-custom-container .ql-tooltip-arrow {
  margin-left: 0 !important;
}
.ql-editor.ql-blank::before {
  color: var(--system-colors-text-icon-colors-disabled);
  left: var(--space-s);
  font-style: normal;
}
.ql-editor {
  background-color: var(--system-colors-surface-01);
  letter-spacing: normal !important;
}
.ql-editor .ql-blank {
  width: 100%;
}
.ql-container {
  font-family: var(--font-family-sans) !important;
  /* Hide Quill link tooltip because we have a custom one */
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before, .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after {
  display: none !important;
}
.ql-container {
  /* Fix long links not breaking */
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close) {
  white-space: normal;
}
.text-border-hover:hover {
  border-color: var(--system-colors-border-hover);
  cursor: text;
}
.ql-editor.ql-blank::before {
  font-family: var(--font-family-sans);
  color: var(--system-colors-text-icon-colors-disabled);
  font-size: var(--font-size-base);
  font-style: normal;
  padding-left: var(--space-s);
}
.ql-editor {
  font-family: var(--font-family-sans);
  background-color: var(--system-colors-surface-01);
}
.ql-bubble .ql-tooltip {
  background: none;
  /* Disable flipping of tooltip */
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: none;
  bottom: unset;
  top: -6px;
  border-bottom: 6px solid;
}
.ql-bubble .ql-tooltip .ql-tooltip-arrow {
  border-bottom-color: var(--system-colors-border-default) !important;
}
.ql-bubble .ql-tooltip .ql-header,
.ql-bubble .ql-tooltip .ql-tooltip-editor input[type=text] {
  color: var(--system-colors-text-icon-colors-primary);
}
.ql-bubble .ql-tooltip .ql-picker .ql-picker-label {
  color: var(--system-colors-text-icon-colors-primary);
}
.ql-bubble .ql-tooltip .ql-picker .ql-picker-item:hover {
  color: var(--system-colors-text-icon-colors-hover);
}
.ql-bubble .ql-tooltip .ql-picker.ql-expanded .ql-picker-options {
  background: var(--system-colors-surface-01);
  border: 1px solid var(--system-colors-border-default);
  border-radius: 4px;
}
.ql-bubble .ql-toolbar {
  background-color: var(--system-colors-surface-01);
  border: 1px solid var(--system-colors-border-default);
  border-radius: 4px;
  white-space: nowrap;
  width: max-content;
}
.ql-bubble .ql-toolbar button .ql-stroke {
  stroke: var(--system-colors-text-icon-colors-primary);
}
.ql-bubble .ql-toolbar button:hover .ql-stroke {
  stroke: var(--system-colors-text-icon-colors-hover);
}
.ql-bubble .ql-toolbar button.ql-active .ql-stroke {
  stroke: var(--system-colors-text-icon-colors-selected);
}
.ql-bubble .ql-toolbar .ql-picker-label .ql-stroke {
  stroke: var(--system-colors-text-icon-colors-primary);
}
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke {
  stroke: var(--system-colors-stroke-default);
}.ai-suggestion-fade-enter-active[data-v-5c134097],
.ai-suggestion-fade-leave-active[data-v-5c134097] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.ai-suggestion-fade-enter-from[data-v-5c134097],
.ai-suggestion-fade-leave-to[data-v-5c134097] {
  opacity: 0;
  transform: translateY(-4px);
}.od-rich-text-editor:has(*:focus-visible) > .relative > div[data-v-c0321880] {
  border-color: var(--system-colors-border-selected) !important;
}
.od-rich-text-editor .show-more-link[data-v-c0321880] {
  color: var(--link-color);
  text-decoration: underline;
  cursor: pointer;
  display: flex;
  align-self: flex-end;
}
.od-rich-text-editor[data-v-c0321880] .os-theme-jarvis {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
  --os-track-border-radius: 4px;
  --os-handle-min-size: 9px;
  --os-handle-bg: var(--system-colors-surface-04);
  --os-handle-bg-hover: var(--system-colors-surface-04);
  --os-handle-bg-active: var(--system-colors-surface-04);
}
.od-rich-text-editor .not-expanded.view-only[data-v-c0321880] .ql-editor {
  word-break: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  padding-bottom: 0;
  -webkit-box-orient: vertical;
  line-clamp: var(--e667acbe);
  -webkit-line-clamp: var(--e667acbe);
}.maximised[data-v-f6546507] {
  position: absolute;
  background: var(--system-colors-surface-01);
  z-index: 50;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 24px;
}